web性能
o沈炼o
你的敌人只有你自己
展开
-
web性能优化手段
1、减少请求文件数;2、减少资源体积;3、提高网络传输;减少请求文件数:小图片合并雪碧图或者使用iconfont;JS、CSS文件合并;...减少资源体积:精简代码;压缩css、js、图片;开启Gzip(压缩技术方案);提高网络传输:使用浏览器缓存;使用CDN(内容分发网络);...原创 2018-04-10 17:26:28 · 143 阅读 · 0 评论 -
web模块化
为什么需要模块化 ?业务发展>代码量变大,难以维护什么是模块化?拆分代码成多个文件>将特定功能的代码放到同一个文件模块化优点:1.模块化有自己的命名空间,避免变量冲突; 2.使用对象创建命名空间能减少全局变量污染以及提高代码的可读性;var module= (function( var b = 'hello'; function sayhello...原创 2018-04-11 00:39:06 · 805 阅读 · 0 评论 -
CommonJS、Requier、SeaJs(模块加载器)
服务器端 CommonJS(同步加载)1.文件即模块 2.使用module.exports(exports) 暴露对外的接口 3.require同步加载依赖模块function area(r){ return Math.PI*r*r;}module.exports={ area:area}浏览器端RequireJS(异步加载)1.define定义模块 ...原创 2018-04-11 01:15:22 · 370 阅读 · 0 评论 -
关于babel
lable是什么?babel是一个javascript转译器,负责把ES6转换为ES5为什么需要lable?浏览器不能编译新版本的javascript语法lable相应版本babel-preset-es2015 将es2015版本的js转译为es5 babel-preset-es2016 将es2016版本的js转译为es5 babel-preset-es2017 将es20...原创 2018-05-11 10:30:55 · 260 阅读 · 0 评论