前段时间因为项目中的报表写了一个Jquery插件，开源到github上，参考以往大神们写的插件的姿势，决定搞了像模像样一点。言归正传。前端工程师对这些工具：Node,bower,grunt,npm这些工具应该都很熟悉。今天就简单介绍一下grunt的用法。 grunt的介绍及安装请看着：getting ...
分类：
Web程序 时间：
2017-06-02 17:20:26
阅读次数：
157
Grunt简单教程 1.grunt简单介绍 Grunt是一个基于任务的命令行工具。依赖于node.js环境。 它能帮你合并js文件，压缩js文件，验证js。编译less，合并css。还能够配置自己主动任务。单元測试等等，grunt有许多的插件，能够满足你的大部分需求。 2.怎么安装 先介绍一些东西： ...
分类：
其他好文 时间：
2017-06-01 12:07:06
阅读次数：
228
初级 1、js css库文件通过CDN引用 推荐http://www.bootcdn.cn/ 2、图片压缩 批量图片压缩推荐Caesium_boxed，压缩后图片体积可以缩小50%左右，同时不影响图片显示精度，节省带宽 3、头部引用css，底部引用js 4、压缩js css 减少带宽占用 5、多图片 ...
分类：
Web程序 时间：
2017-05-23 01:15:11
阅读次数：
229
第一步：打开npm，全局安装 第二步： 打开webstorm的file->settings ->External Tools，点击左上角的“加号”标志add，进入对话框 第三步：在webstorm中的命令行，切换到要压缩的文件目录，输入命令 成功！ ...
分类：
Web程序 时间：
2017-05-10 21:26:18
阅读次数：
196
三、安装必要的Gulp插件 压缩css（gulp-minify-css） js代码校验（gulp-jshint） 合并js文件（gulp-concat） 压缩js代码（gulp-uglify） 压缩图片（gulp-imagemin） 文件重命名 （gulp-rename） 自动刷新页面（gulp-l ...
分类：
其他好文 时间：
2017-05-05 23:05:45
阅读次数：
219
1.监听流错误 stream-combiner2 2.热更新Browsersync与element冲突，换成gulp-connect 3.gulp-uglify压缩js不能压缩es6 4.webpack-stream不支持webpack2.X 5.extract-text-webpack-plugi ...
分类：
Web程序 时间：
2017-05-04 11:00:53
阅读次数：
229
先要安装nodejs，初始化项目配置文件package.json，根据情况输入配置参数 1 test command: 2 git repository: 3 keywords: 4 author: 5 license: (ISC) 6 About to write to E:\temp\20170 ...
分类：
Web程序 时间：
2017-04-29 23:33:57
阅读次数：
469
压缩JS代码： 压缩JS代码： packer – 最好用的 javascript 压缩工具地址： http://dean.edwards.name/packer/ http://kan.willin.org/?page_id=1288 恢复JSMIN等工具压缩的JS代码：Javascript Bea ...
分类：
其他好文 时间：
2017-04-28 13:43:07
阅读次数：
138
1）react 压缩js 使用淘宝镜像 将npm 改成 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2）不使用严格模式，代码也可以有容错机制，为什么需要在严格模式下书写代码：原因如下： （个人理解：只是使书写 ...
分类：
其他好文 时间：
2017-04-15 11:50:31
阅读次数：
162
简介：讲解webpack如何实现模块编程，以及为什么我们需要打包，压缩js文件，实现sass/less编译以及JSX等模版的转换（版本控制），然后用实例说明如何用webpack实现SPA和MPA（单页面应用程序和多页面应用程序，包含详细图解）（在以后的文章中还将介绍如何实现js压缩和sass／les... ...
分类：
Web程序 时间：
2017-04-04 15:46:26
阅读次数：
291
