css预处理框架的学习（简单易懂网址）
1.Less的学习：https://less.bootcss.com/，
简单理解路线：基于javascript的css预处理器，两种方式运用（node.js中，浏览器中外联引入）；
主要语法：变量，混合，函数，运算，嵌套，maps，作用域，Namespace and Accessors【使用其他元素内部混合的样式】
2，stylus学习：https://www.jianshu.com/p/c22dd5d95bf2
基本语法与less大同小异，对于css预处理框架的对比，可以参考这个https://www.w3cplus.com/css/sass-vs-less-vs-stylus-a-preprocessor-shootout.html ，比较完整。
【3，Sass:基于ruby的预处理器可以项函数一样去编程，构建自己的底层样式框架，目前很少用到，不做详细描述】
前端构建与项目应用
grunt学习：https://www.gruntjs.net/getting-started
安装：npm install -g grunt-cli
工作示例：新建grunttest文件（文件内需要package.json 和 Gruntfile[写任务的js文件]）=》进入文件npm init生成package.json=》运行npm install grunt -save-dev生成node包=》建立Gruntfile.js=》运行grunt命令
注意：编写Gruntfile.js内的功能内容才能够运行grunt
Git