//来源:http://www.cnblogs.com/liuzhibin/p/5944821.html 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The ...
分类:
其他好文 时间:
2017-09-09 22:30:35
阅读次数:
219
Grunt + Bower—前端构建利器 目前比较流行的WEB开发的趋势是前后端分离。前端采用重量级的Javascript框架,比如Angular,Ember等,后端采用restful API的Web Service服务,通过JSON格式进行数据交互。 对于后端服务语言来说,不论是Ruby的rake ...
分类:
其他好文 时间:
2017-08-28 23:44:24
阅读次数:
285
gulp初探 gulp是基于node.js的一个前端构建系统。它能通过自己主动运行常见任务,比方编译预处理CSS,压缩JavaScript和刷新浏览器。来改进站点的开发流程。 gulp安装 1.假设没有安装node.js。请先去node管网安装最新版node.js; 2.安装了node后,在全局安装 ...
分类:
其他好文 时间:
2017-07-29 18:54:29
阅读次数:
224
最近由于工作需要全栈开发,nodejs做后端,在写一个后台管理系统的时候,我一直在考虑用怎样的方式去写,尝试过依然采用前后端分离的结构、使用json数据进行数据交互的模式,但是尝试过才知道,真的很花时间和精力,大部分精力都花在了前端构建上面了。 后来我想到了模板引擎,采用现成的UI框架直接套用,然后 ...
分类:
其他好文 时间:
2017-07-21 10:30:04
阅读次数:
172
什么是自动化的前端构建流? 1. 自动补全css私有前缀,自动转化less\sass为css,自动转化es6\vue\jsx语法为js,自动打包小图片为base64以减少http请求,自动给js,css,甚至img加hash值,以避免浏览器缓存,自动合并压缩代码,自动刷新实时预览效果(甚至免刷新), ...
分类:
Web程序 时间:
2017-07-10 13:15:24
阅读次数:
210
看了很多react工程的package.json文件,里面都没有使用babel-polyfill,那对ES6的新API是如何做到被IE9这样的浏览器识别的呢,难道在webpack打包的时候通过别的方式加了API?先自己试一下。 这是package.json文件, 这是react文件 编译后chrom ...
分类:
其他好文 时间:
2017-07-10 00:35:16
阅读次数:
2161
前端组件库 搭建web app常用的样式/组件等收集列表(移动优先) 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build sy ...
分类:
其他好文 时间:
2017-07-07 21:23:11
阅读次数:
272
gulp是用于前端构建的基于文件流的一套工具。可以用于压缩、编译、合并、检查文件等操作。可以节省大量的用于繁琐重复操作的人力。最开始就是安装gulp工具了,在命令行中切换到工作的文件目录下,安装gulp;可以选择局部安装(cnpm install gulp --save-dev),也可以选择全局安装 ...
分类:
其他好文 时间:
2017-06-23 23:48:31
阅读次数:
264
前段时间做一个项目,试着用gulp来构建前端代码。今天简单总结了一下:一:安装gulp环境1.安装node在node官方文档下载匹配的版本我下载的是如下图的版本。http://nodejs.cn/download/下载好以后,可以一直点击下一步,进行默认安装安装好以后,在控制台输入cmd,打开命令提示符..
分类:
其他好文 时间:
2017-06-05 13:59:31
阅读次数:
206
前段时间做一个项目,试着用gulp来构建前端代码。今天简单总结了一下: 一:安装gulp环境 1. 安装node 在node官方文档下载匹配的版本 我下载的是如下图的版本。http://nodejs.cn/download/ 下载好以后, 可以一直点击下一步,进行默认安装 安装好以后,在控制台输入c ...
分类:
其他好文 时间:
2017-06-04 22:56:48
阅读次数:
292