Angular代码规范

模块化规范

概念：根据我们写的不同的功能按照不同的类型划分，分工协作

作用：辅助的作用，能将我们编写好的js分为模块，是我们代码的编写更加专业

come on js

引入模块是同步进行的：前面记载以后，后面才能使用，所以不适合前端，主要是适用于后台 nodejs用的最多

amd

概念：a异步，m模块，d定义（异步模块化规范），引入模块可以异步加载 jquery和bootstrap都支持amd

requirejs运用的最多

require js

主模块引入：data-main="url"

主模块作用：初始化配置 延迟加载

require（["test1","test2"],function(t1,t2){ t1:fun1(); t1:fun2(); t2:fun1(); //调用的方法

}）

定义模块的关键字：define ——>两个参数，数组是需要引用的模块，两边要避免互相引用：（[],function(){要执行的js代码 return{ 需要执行的函数方法，是一个json对象 }}）

umd

概念：u通用，umd（通用模块化规范），目前使用的框架还不多

cmd

概念：c->come on ->公共的模块化规范

sea.js——>国内的->提出的cmd规范

seajs

可以作为异步或者是同步，前置加载（也提供了延迟加载）

官网：sea.js.org 可以兼容各大浏览器 使用异步加载的方法，可以实现互相之间的调用

性能优化

《高性能网站建设指南》，《高性能网站建设进阶指南》。

工具：chrome控制台，firefox自带的开发者工具->性能

网络（服务器）

1、服务器集群（多个服务器组成的集群，提供一样的服务和功能）

2、DNS：域名解析服务器（查询对应的IP地址）——>对应IP地址，是唯一的（比较好记的名字），维护费用顶级的是50元一年（顶级域名后缀：.com/.cn）非营利性机构一般后缀名是.org。-->提高性能->配置更快的域名服务器

3、CDN：内容发布网络，通过配置不同的服务器，缩短距离，提高效率-->配置CDN可以解决一部分的性能优化问题

4、延迟加载和预加载

浏览器

http协议：超文本协议 1、按照http协议的请求进行封装

请求行：请求协议的版本，请求方法，请求路径

请求头：浏览器的版本信息，浏览器的交互信息（cookie）

第三个：空格

第四部分：请求参数

2、

状态行：状态码（404,200,304->页面没有发生任何修改,500等）、描述；

响应头：页面上看不到，服务器和浏览器沟通的东西，缓存、cookie、时间、编码集（UTF-8）等;

空行：

消息体：呈现在页面上的东西

https协议：超文本传输安全协议（优点，建立很多的安全协议，不易被拦截；缺点：效率比较低）

缓存：是解决性能比较有效的方法（设置一个属性Expires->设置一个时间），主要是静态资源，动态资源经常变动，缺点：网页内容的更新问题

方法一：Etag：数字加字母的字符串，加在需要缓存的元素上面，是一个元素是否改变的标识符（缺点：服务器集群的时候，没有作用）

方法二：last modify date，服务器集群的时候没有作用

方法三：在图片后面加上一串的数字（根据js索引的内容的算法得出来的）

代码

html

1、html：a、减少table布局（页面加载的效率很慢），b、尽量减少嵌套的层数

2、css：选择器->解析方式->从右往左 a、尽量避免使用复合选择器或者减少层数

雪碧图（图片分割技术）：减少请求数量

合并和压缩：部署的时候，合为一个css

重绘和回流：减少回流的次数

【浏览器由（渲染引擎，js引擎组成，浏览器内核（渲染引擎/排版引擎）->解析DOM，解析CSS。js引擎是解析js(chrome是V8)】

简单的动画尽量用css3来制作

图标字体

节点的缓存，减少对DOM的操作

3、js->合并和压缩

4、iamge：转化为base64的编码

压缩工具1.gruntjs官方网站：www.gruntjs.net 安装,利用node.js的npm来安装 npm install grunt-cli -g