我们先看一看循环能做什么,以及在主流的CSS预处理器(Sass,Less,Stylus)中如何使用。每一种语言都有特殊的语法,但是最终的效果是相同的。有多种方式制作一只循环走动的猫(animationbyRachelNabors)PostCSS也很流行,但是本身并没有语法。它被称为后处理器,我喜欢称它为me..
分类:
Web程序 时间:
2017-04-20 12:05:07
阅读次数:
293
静态资源前端加载器,用来分析页面中使用的和依赖的资源(js或css), 并将这些资源做一定的优化后插入页面中。如把零散的文件合并。 注意 此插件做前端硬加载,适用于纯前端项目,不适用有后端 loader 的项目。因为不识别模板语言,对于资源的分析和收集,比较的粗暴!!! 默认会把页面中用到的样式插入 ...
分类:
其他好文 时间:
2017-04-12 04:19:25
阅读次数:
223
1.win+R,运行npm install postcss-cli -g 2.安装autoprefixer npm install autoprefixer -g 3.安装 npm install postcss-cli -g 4.打开webstorm——settings——找到External T ...
分类:
Web程序 时间:
2017-03-07 20:35:46
阅读次数:
352
然后一路点击下一步 然后点击install按钮 开始安装node.js 然后运行命令行, 在所有程序中找到命令提示符,输入cmd,会跳入如下图,在输入node如果进入到>提示说明node.js安装成功 运行命令行,输入npm如果出现以下提示说明npm命令可以正常使用 接下来在输入“npm insta ...
分类:
Web程序 时间:
2017-03-06 15:34:06
阅读次数:
258
webpack2.0加载postcssloader以及autoprefixer实现自动根据兼容性的需求给css加私有前缀的功能,给开发带来便利, 下面是我的配置信息,亲测有效: 1.webpack.config.js的配置: module: { rules: [ { test: /\.vue$/, ...
分类:
Web程序 时间:
2017-03-02 10:59:09
阅读次数:
8524
专题截图: 项目截图: 目录说明: dest/ 发布代码文件夹; src/ 预编译代码文件夹; node_modules node 插件; gulpfile.js gulp的配置文件; package.json npm 配置文件; src/待编译文件夹: c/ css文件目录; i/ img文件目录 ...
分类:
Web程序 时间:
2017-01-24 19:17:14
阅读次数:
675
序:目前前端框架如:vue、react、angular,构建工具fis3、gulp、webpack等等...... 可谓是五花八门,层出不穷,眼花缭乱。。。其实吧只要你想玩还是可以玩玩的..下面是看了2天vuejs的官方文档实现了一个简单的todo list.感觉确实方便~!~ 预览戳这里 vuej ...
分类:
Web程序 时间:
2016-12-29 08:21:15
阅读次数:
231
gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的,grunt gulp fis3等等。 这个鬼东西有什么用?请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单,学习成本低。以后想用别的工具再转去学也不难。 ...
分类:
其他好文 时间:
2016-12-05 02:19:42
阅读次数:
259
gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的,grunt gulp fis3等等。 这个鬼东西有什么用?请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单,学习成本低。以后想用别的工具再转去学也不难。 ...
分类:
其他好文 时间:
2016-12-04 20:14:26
阅读次数:
211
注意:在安装fis3前必须安装node和npm,详情请见官网http://nodejs.org node版本要求 0.8.x,0.10.x, 0.12.x,4.x,6.x,不在此列表中的版本不予支持。最新版本 node 支持会第一时间跟进,支持后更新支持列表。Windows 用户安装完成后需要在 C ...