<button id="upload">上传图片</button><input type="file" name="input_file" id="input_file" style="height: 84px; width: 111px;" /> var filechooser = documen ...
分类：
Web程序 时间：
2019-10-22 12:50:05
阅读次数：
119
GZIP压缩，GZIP解压需要用到 pako.js 文件：下载地址：https://download.csdn.net/download/qq_35713752/10627338 使用方法： JS压缩和解压： var pako = require('../../utils/pako.min.js') ...
分类：
Web程序 时间：
2019-10-17 17:35:27
阅读次数：
140
客户端优化静态资源优化 使用构建工具对HTML,CSS,JS压缩，删除生产环境下的无用代码(比如注释，打印信息等)。 提取公共资源，减少代码体积。 外链CSS和JS文件，外链的文件可以放到CDN,服务器和浏览器会进行缓存。 使用雪碧图，减少http请求数。 自动生成雪碧图:https://www.t... ...
分类：
其他好文 时间：
2019-10-07 19:49:36
阅读次数：
104
客户端优化静态资源优化 使用构建工具对HTML,CSS,JS压缩，删除生产环境下的无用代码(比如注释，打印信息等)。 提取公共资源，减少代码体积。 外链CSS和JS文件，外链的文件可以放到CDN,服务器和浏览器会进行缓存。 使用雪碧图，减少http请求数。 自动生成雪碧图:https://www.t... ...
分类：
其他好文 时间：
2019-10-07 17:42:44
阅读次数：
86
感谢,参考了以下作者的绝大部分内容 https://blog.csdn.net/tangxiujiang/article/details/78755292 https://blog.csdn.net/u011415782/article/details/79978608 大概的流程就是 点击file ...
分类：
Web程序 时间：
2019-10-04 20:49:51
阅读次数：
122
1、Bootstrap有如下连网引用文件： bootstrap.css （ 未经压缩 ） bootstrap.min.js（ 压缩版，体积小，传输速度快 ） bootstrap.js bootstrap.min.js 以上引用文件均为4.3.1版，且bootstrap的使用依赖 jQuery ，故使 ...
分类：
其他好文 时间：
2019-09-10 20:46:56
阅读次数：
269
1.情景展示 如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。 <input onchange="javascript:imgFun.uploadPicture();" type="file" name="file" id="file" accept="image/*" capture="ca ...
分类：
Web程序 时间：
2019-09-08 15:33:30
阅读次数：
209
"devDependencies": { "babel-core": "^6.26.3", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", "gulp": "^3.9.1", "gulp-babel": "^7.0.1" ...
分类：
Web程序 时间：
2019-08-24 17:04:48
阅读次数：
1114
第一步： 执行命令： cnpm i lrz -S 第二步： 在main.js中引入： import lrz from 'lrz' 第三步： 使用函数： 返回结果是一个promise对象。 lrz( file, { width : 300 //quality: 0.8 //自定义使用压缩方式 }) . ...
分类：
Web程序 时间：
2019-08-09 15:31:05
阅读次数：
112
1、按下面的路径找到对应的配置文件 /build/webpack.prod.conf.js 2、CSS压缩--OptimizeCSSPlugin 注释掉图中的代码 3、JS压缩--UglifyJsPlugin 注释掉图中的代码 4、html压缩--HtmlWebpackPlugin，将 minify ...
分类：
其他好文 时间：
2019-05-30 18:12:46
阅读次数：
402
