项目开发规范
使用sass作为CSS预编译工具进行开发,使用scss后缀名格式的sass文件
开发工具推荐统一使用PHPStorm,推荐使用最新版本PHPStorm 9以支持更多特性
PHPStorm上安装ionic和AngluarJS插件,以自动识别语法,辅助快速开发 浏览器统一使用谷歌内核的浏览器作为界面调试工具
浏览器调整到手机模式下,选择一款安卓4.1以上系统版本的手机型号作为模拟调试
cs...
分类:
其他好文 时间:
2015-08-26 14:02:59
阅读次数:
197
Bootstrap 4中有太多重大的更新,本文不能面面俱到,下面是一些颇受关注的亮点:
从Less迁移到Sass: 现在,Bootstrap已加入Sass的大家庭中。得益于Libsass,Bootstrap的编译速度比以前更快;
改进网格系统:新增一个网格层适配移动设备,并整顿语义混合。
支持选择弹性盒模型(flexbox):这是项划时代的功能——...
分类:
其他好文 时间:
2015-08-25 14:20:46
阅读次数:
166
1. 使用变量;
$highlight-color: #F90;
.selected {
border: 1px solid $highlight-color;
}
//编译后
.selected {
border: 1px solid #F90;
}
2. 嵌套CSS 规则;
#content {
article {
h1 { color: #333 }...
分类:
其他好文 时间:
2015-08-18 11:56:22
阅读次数:
121
SASS是最早的CSS预处理语言,有比LESS更为强大的功能,不过其一开始的缩进式语法并不能为大众接受,不过由于强大的功能,还是有很多开发者选择了SASS。SASS是采用了Ruby语言编写的一款CSS预处理语言,(不用担心,我们并不用学习Ruby也可以使用全部功能)诞生于2007年,最初是为了配合H...
分类:
Web程序 时间:
2015-08-16 22:51:22
阅读次数:
723
安装sass时必须先安装ruby,在安装ruby时勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境sass安装:http://www.w3cplus.com/sassguide/install.html;...
分类:
其他好文 时间:
2015-08-16 18:14:30
阅读次数:
160
sass是一款css的预处理器,有着强大的语法和函数,和less相比,更加友好的变量命名,获得了很多程序员的喜爱。而sass现在支持完整的css3,也是程序员钟爱sass的原因sass的安装sass的安装有三种途径,命令行工具,独立的ruby模块以及作为一种框架插件第一种安装和使用就像这样:gem....
分类:
其他好文 时间:
2015-08-16 18:05:56
阅读次数:
144
最近试了一下最新的dw,改了很多。早期的aspx支持已经取消了,本想看看有没有对cshtml的支持,似乎也没有多了这几年流行的lass,sass,Bootstrap。为了验证想法百度了下2005年到2010年所有关于lass,sass的关键字,最早是2009年的果然不知不觉就火起来了,无奈下只好卸载...
分类:
其他好文 时间:
2015-08-15 22:53:30
阅读次数:
239
1.ruby安装 下载安装包 勾选中间一个2.sass 安装 转换TB镜像$ gem sources --remove https://rubygems.org/$ gem sources -a http://ruby.taobao.org/$ gem sources -l*** CURRENT S...
分类:
其他好文 时间:
2015-08-13 13:45:30
阅读次数:
129
CSS不能编程?用Less、Sass、Stylus、甚至直接用?Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter...
分类:
其他好文 时间:
2015-08-12 17:12:33
阅读次数:
347