JS图片压缩 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server ...
分类：
Web程序 时间：
2020-02-21 16:28:10
阅读次数：
91
认识Node.js模块化的分类，第三方模块gulp的使用，package.json文件的作用，package-lock.json文件的作用 ...
分类：
Web程序 时间：
2020-02-20 23:38:53
阅读次数：
123
webpack的使用 webpack中的代码都是以模块化来进行编写 和gulp的区别： gulp实现自动化压缩js，css，less代码等， webpack是把项目的js，css，less等文件打包成一个或多个，主要用于模块化方案 全局安装 npm install webpack@3.6.0 g 局 ...
分类：
Web程序 时间：
2020-02-17 19:29:53
阅读次数：
79
1、数组去重的方式 2、说说深拷贝和浅拷贝 3、请说出减低页面加载时间的方法 合并css、js文件，减少http请求 压缩js、css文件 减少dom操作、尽可能用变量代替dom的操作 4、null和undefined的区别？ null是一个无的对象，转换数值时为0，undefined表示一个无的原 ...
分类：
其他好文 时间：
2020-01-07 16:08:33
阅读次数：
87
面试必谈的--前端性能优化 为什么做优化 提供给用户最佳体验 #有哪些差的体验 - 白屏好久才显示内容 - h5浪费用户流量 优化方案大概分为以下几种： 1、降低请求数量 a、减少获取数据的接口数（初始数据尽量通过一个接口返回） b、减少js、css的数量（提取公共js、css利用缓存、减少后续加载 ...
分类：
其他好文 时间：
2019-12-04 13:21:59
阅读次数：
72
性能优化基本是BAT等一线互联网公司程序员必备的技能，以下为大家完整揭晓性能完整的优化方案和方法：包含web网站调优、数据库、JVM调优、架构调优等方案。
第一：Web网站调优
1、尽可能减少HTTP请求：图片合并 （css sprites），Js脚本文件合并、css文件合并。
2、减少DNS查询
3、将css放在页面最上面，将js放在页面最下面
4、压缩js和css
减少文件体积，去除不必要的空白符、格式符、注释（即对代码进行格式化）
5、把js和css提取出来放在外部文件中
这一条要灵活运用，把js和css提取出来放在外部文件的优点是：减少html体积，提高了js和css的复用性，提高日后的可维护性
缺点：增加了http请求，不过这一点可以通过缓存来解决。
什么情况下将js和css写在页面内呢，可以分为几种情况：js和css代码比较少；这个页面不怎么会访问
6、避免重定向
重定向就是用户请求的页面被转移到了别的地方，浏览器向服务请请求一个页面，服务器告诉浏览器请求的页面已经被转移到另外一个页面，并告知另一个页面地址，浏览器就再发送请求到重定向的地址。这样会增
分类：
数据库 时间：
2019-11-21 09:42:17
阅读次数：
103
1. 选择一张图片 2. 使用Canvas压缩 3. 保存到本地 在线DEMOhttps://oktools.net/image-compress ...
分类：
编程语言 时间：
2019-07-31 11:04:08
阅读次数：
379
gulp是基于node的自动化构建工具 gulp能干啥？1.压缩JS、css文件2.合并文件3.自动编译SASS4.自动压缩图片5.保存时自动刷新浏览器 npm init >初始化一个gulp环境，创建一个package.json文件 --save:将信息保存在package.json中 --dev ...
分类：
其他好文 时间：
2019-07-22 13:40:36
阅读次数：
103
前端性能优化方案大体分为网络传输优化和页面内容优化， 网络方面 1、减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2、减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3、使用缓存 DNS缓存 CDN部署与缓存 htt ...
分类：
其他好文 时间：
2019-05-14 15:00:48
阅读次数：
148
gulp-uglify：压缩js大小，只支持es5 安装： cnpm: cnpm i gulp-uglify -D yarn: yarn add gulp-uglify -D 使用： 代码实现1：压缩js文件夹下的index.js文件输出到dist文件夹下面（注意要压缩的js文件中此处只能使用es5 ...
分类：
Web程序 时间：
2019-04-25 01:27:31
阅读次数：
291
