1.先做下自我介绍
。。。我叫xxx,来自陕西.西安,自己去脑补这没啥要求。
2.css预编译{lass、sass、style)
三个最常见的css预编译工具
-
sass,目前受less影响,已经进化到了全面兼容css的scss(scss需要使用分号和花括号而不是换行和缩进)
-
- npm下载命令,通过命令去编译,改一次就得编译一次
-
上面的命令有个
watch方法可以监听文件夹变化 -
用考拉工具实时编译
-
用编辑器【hbuilder,vs,webstrom】都是有自带的实时编译工具的,自行百度
-
用代码编译框架编译【gulp,grunt,webpack】
-
less,受sass影响较大,但又使用css的语法,让大部分开发者和设计师更容易上手,缺点是比起sass,可编程功能不够,优点是简单和兼容css
-
- npm下载命令,通过命令去编译,改一次就得编译一次
- 用考拉工具实时编译
- 用编辑器【hbuilder,vs,webstrom】都是有自带的实时编译工具的,自行百度
- 用代码编译框架编译【gulp,grunt,webpack】
-
stylus,主要用来给Node项目进行css预处理支持。
-
- npm下载命令,通过命令去编译,改一次就得编译一次
- 上面的命令有个
-w方法可以监听文件夹变化 - 用代码编译框架编译【gulp,grunt,webpack】
Less & SCSS: .wrap { display: block; } Sass: .wrap display: block Stylus: .wrap display block