安装工具 在要压缩的src目录下创建gulpfile.js 结果获得一个未压缩的all.js和已经压缩的all.min.js ...
分类:
Web程序 时间:
2017-11-03 18:50:42
阅读次数:
224
node.js 环境(Chrome V8 JavaScript )npm(默认node包管理器 -嵌套地依赖管理 多用于管理后端包)bower (软件包管理器- 扁平依赖管理-偏向去前端报管理)gulp (以配合各种插件做js压缩,css压缩,less编译等工作)webpack(可以把项目的各种js... ...
分类:
其他好文 时间:
2017-10-19 15:00:26
阅读次数:
129
一、Gulp / Grunt是构建工具,可以配合各种插件做js压缩,css压缩,less编译甚至自动刷新页面以此来 替代手工实现这些繁琐的工作。 二、Browserify / Webpack和 Seajs / Requirejs一样都是JS模块化的方案。两类也有所区别: 总结:Gulp / Grun ...
分类:
Web程序 时间:
2017-09-13 01:44:57
阅读次数:
230
一、图片上传前端压缩的现实意义 对于大尺寸图片的上传,在前端进行压缩除了省流量外,最大的意义是极大的提高了用户体验。 这种体验包括两方面: 二、图片前端JS压缩并上传功能体验 特意制作了一个图片前端压缩并上传的完整demo,您可以狠狠的点击这里:使用canvas在前端压缩图片并上传demo 进入de ...
前端优化 css同类型合并--压缩-图片压缩-缓存-js压缩等 https://www.zhihu.com/question/21658448 http://www.cnblogs.com/fangshidaima/p/5823465.html 后端优化 php引号-foreach-算法-函数实现方 ...
分类:
Web程序 时间:
2017-09-03 10:06:36
阅读次数:
481
AngularJS的依赖注入有两种,一种是显式依赖注入,一种是隐式依赖注入,推荐用显式依赖注入,js压缩后不会因为参数问题而报错 demo6.html demo6.js ...
分类:
Web程序 时间:
2017-07-23 12:44:24
阅读次数:
177
环境 node -v v6.10.3 npm -v 3.10.10 package.json如下: 文件目录结构: gulpfile.js如下: index.html index.scss如下: header.html 如下: 其余的是无关文件或者是生成的文件,js的内容没必要贴出,反正只是压缩而已 ...
分类:
Web程序 时间:
2017-07-03 23:58:29
阅读次数:
669
requie.js 和backbone.js 这里就不说了,能够去看官方文档,都非常具体! 可是使用require.js 默认带的压缩方式感觉不是非常方便,所以本文主要讲 利用r.js压缩,来实现本地不压缩,生产环境压缩 r.js 是执行在node上的,默认使用UglifyJS。UglifyJS真的 ...
分类:
Web程序 时间:
2017-07-03 17:18:11
阅读次数:
393
代码优化能够提高站点的性能 优化规则: 1.尽量降低HTTP请求 1).合并css 背景图片。 background-position 属性设置背景图像的起始位置。 2).合并样式表和脚本。 优化方式:require.js 3).压缩图片 4).避免重定向 2.脚本运行优化 1).css写在头部 2 ...
分类:
移动开发 时间:
2017-06-15 10:39:53
阅读次数:
158
webpack是一个前端打包工具 它可以优化网页、例如 页面模块化加载、图片优化、css、js压缩等等。 模块化加载也就是懒加载,按需加载,以前的模式是所以得css写在一起、加载量很大,页面响应很慢、有了模块化加载、我们可以把一个css、或者是js拆分成多个、进行按需加载、来加快页面的渲染。 第一节 ...
分类:
Web程序 时间:
2017-06-08 13:09:29
阅读次数:
225