昨天晚上 又被问及职业发展方向，提及我的老本行css，切了几年的页面，近两年投入进css的时间屈指可数，被问及之前公司用的yo框架 对比业界内其他css 框架的优势。 1. yo模块化，碎片化 可自由组合 2. bootstrap库文件较大，限于组件定制 3. yo scss语法，gulp 编译 c ...
分类：
其他好文 时间：
2016-06-22 10:57:50
阅读次数：
164
编辑 resources/assets/sass/app.scss 创建variables.scss，改写bootstrap样式变量 创建文件： resources/assets/js/app.js 以上为引入jquery， 引入bootstrap.js， console.log版本号（测试用） 编 ...
分类：
其他好文 时间：
2016-06-15 23:36:41
阅读次数：
162
一、tooltip（提示框） 源码文件： Tooltip.jsTooltip.scss 实现原理： 1、获取当前要显示tooltip的元素的定位信息（top、left、bottom、right、width、height等）2、计算tooltip的位置，是top、left、bottom、right其中... ...
分类：
其他好文 时间：
2016-06-12 21:46:44
阅读次数：
110
开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处 ...
分类：
移动开发 时间：
2016-06-09 18:32:58
阅读次数：
295
带有 warp 的 ion-row 超出界限( 100)时自动换到下一行。。而没有 warp 的 ion-row 是在同一行。。。 接下来看一下所有属性。 首先 可以去 theme/app.core.scss中导入 你的 scss 显式列百分比属性 显式列百分比属性 width-10 10% wid ...
分类：
其他好文 时间：
2016-06-06 00:58:46
阅读次数：
292
1、 sass对语法缩进很敏感，用缩进代替{}，用换行代替;，scss是css3的超集，语法和css相似。如果是使用Python或者Ruby,选择空格敏感的原封缩进式语法会比较合适。 2、 变量名以$开头，可以包括-和_ 3、 混合器能够在手写的样式表中有效地避免重复。但是，因为规则都混入到其他类 ...
分类：
其他好文 时间：
2016-06-05 21:17:15
阅读次数：
207
sass和scss的区别 sass是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，scss和css写法比较相似 Sass的编译的过程中，是不是支持“GBK”编码的。所以在创建 Sass 文件时，就需要将文件编码设置为“utf-8 sass覆盖默认变量值是在他之前重新声明变量值（！de ...
分类：
其他好文 时间：
2016-05-29 22:51:08
阅读次数：
131
一、表单（Form） 源码文件：_form.scssmixins/_form.scss 1、按层次结构分：form-group -> form-control/input-group/form-static-control -> 各类标签2、Form-group/form-control/input ...
分类：
编程语言 时间：
2016-05-29 21:22:08
阅读次数：
166
1.安装rvm 2.用rvm安装ruby 3.webstorm下给scss文件添加watch (1)查看sass的安装路径 （2）设置webstorm (3)新建一个scss文件，可以看到对应生成了css ...
分类：
Web程序 时间：
2016-05-28 01:20:50
阅读次数：
531
1.Sass语法格式 假设有这样一段CSS代码： Sass最初的语法格式 这种语法格式没有CSS中常见的大括号和分号，容易出错。 而SCSS的语法格式 SCSS比Sass更接近CSS。 2.Sass编译 使用Sass进行开发，项目中还是引用".css"文件，Sass只是一个预处理工具，只有在需要的时 ...
分类：
其他好文 时间：
2016-05-24 13:33:38
阅读次数：
177
