最近看到有些论坛在讨论js压缩、混淆和加密的问题,特意找了些资料看了下,现在总结一下: 1.关于三者的定义与区别 压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小,优化页面加载速度。 混淆:经过编码将变量和函数原命名改为毫无意义的命名(如fu ...
分类:
Web程序 时间:
2018-10-23 14:26:44
阅读次数:
252
前言 Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。 比如: 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等… 我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。 Gulp可以帮助我们 用自动化构建工具增强你的工作流程! 好了,废话不 ...
分类:
其他好文 时间:
2018-09-18 13:43:44
阅读次数:
186
1.什么是 gulp? 基于node的自动化构建工具 扩展:开发的时候分为2个节点一个是开发阶段 另一个是部署阶段 开发阶段:源文件不会被压缩 部署阶段:所有文件需要压缩 1 自动压缩JS文件 2 自动压缩CSS文件 3 自动合并文件 4 自动编译sass 5 自动压缩图片 6 自动刷新浏览器 3. ...
分类:
其他好文 时间:
2018-09-12 12:30:46
阅读次数:
309
听到同事说没找到压缩js文件的,说软件压缩貌似有点问题,我自己就用nodejs练手般写了压缩文件的。 主要的思路就是,先通过前端上传js文件,然后服务器接收,然后引用uglifyjs 压缩,再返回文件路径给前端下载即可。代码如下: html: js 脚本 这里ajax请求时。processData, ...
分类:
Web程序 时间:
2018-08-24 21:16:30
阅读次数:
178
安装 npm install -g gulp //安装全局gulpjs npm install --save-dev gulp //安装作为项目所需要的依赖项 npm install --save-dev gulp-uglify //安装用来压缩JS文件的插件 npm install --save- ...
分类:
Web程序 时间:
2018-08-19 14:03:48
阅读次数:
176
网上压缩css和js工具很多,但在我们的系统中总有特殊的地方。也许你会觉得用第三方的压缩工具很麻烦。我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压缩,服务器压缩也不用备份之类的操作。于是我就想着自己实现压缩工具。 初步需求如下: 使用Yahoo.Yui.Compressor 2.0版本 ...
分类:
Web程序 时间:
2018-08-11 23:21:10
阅读次数:
298
回顾昨天内容 前端工具介绍: webpack:打包机,它能将我们的html、css、js,font,png进行打包,交给服务器。 loader 加载器 插件:一个功能,js文件组件:BootStrap组件,包含js,html,css html压缩 css压缩 js压缩js进行混淆图片压缩 webpa ...
分类:
其他好文 时间:
2018-08-08 13:34:19
阅读次数:
153
1、gulp-uglify var gulp = require('gulp'); var uglify = require('gulp-uglify'); var pump = require('pump'); 第一种方法 gulp.task('compress', function (cb) { ...
分类:
Web程序 时间:
2018-07-18 17:09:40
阅读次数:
157
1.关于三者的定义与区别 压缩:删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小,优化页面加载速度。 混淆:经过编码将变量和函数原命名改为毫无意义的命名(如function(a,b,c,e,g)等),以防止他人窥视和窃取 Javascript 源代 ...
分类:
Web程序 时间:
2018-07-16 15:03:12
阅读次数:
239
一.gulp的作用? 1.gulp sass : 编译sass 2.gulp rename : 重命名 3.gulp cssnano : 压缩css 4.gulp concat : 合并文件 5.gulp uglify : 压缩js 6.gulp babel : 将ES6转为ES5 二.如何使用gu ...
分类:
其他好文 时间:
2018-07-06 22:36:36
阅读次数:
207