摘要：
（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。（2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数（3） 用i 阅读全文
摘要：
1.id选择器肯定是最快，但是不要在ID选择器使用的同时再使用标签或类选择器了，这点上jquery也是一样的。不要出现这样的写法 "div#content" 或者 "#content.text"。David Hyatt的第一段话中有说到了，样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符 阅读全文
摘要：
JS文件放尾部，CSS文件放头部等，这些基本的优化点还是可以做到，但是有时候遇到网速慢的情况，会出现一段时间的白屏，从用户体验的角度来说，还是有提升的空间。 根据移动站点的特性，已经用户对页面的期待看来，用户在刚打开页面的时候可以接受旧的东西。 在加载完js等资源文件时可以更新新的内容。这样，就可以 阅读全文
摘要：
http请求 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性能。网页中的的图片、form、flash等等元素都会发出http请求 ht 阅读全文
摘要：
JavaScript中的数据类型有：1、数组 2、字符串 3、布尔 4、函数 5、对象（【】，{}，null）、undefined; JS 数据类型转换 方法主要有三种：转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数： js提供了parseInt()和parseFloat()两个转 阅读全文
摘要：
Position:relative相对定位的特征 1、不影响元素本身的特征 2、不使元素脱离文档流（元素移动之后原始位置会被保留） 3、如果没有定偏移量，对元素本身没有任何影响 4、提升层级 Position:absolute 绝对定位 1、使元素完全脱离文档流 2、使内嵌支持宽高 3、块属性标签内 阅读全文
摘要：
1、给父级添加after伪类，可以清楚浮动 2、给父级设置overflow:hidden可以清除浮动 阅读全文
摘要：
1、float:left|right|none|inherit 2、文档流是万张中显示排列时候所占的位置 3、浮动的定义：使元素脱离文档流。按照指定方向移动，遇到父级边界或者相邻的浮动元素停下来 4、clear:left|right|none|inherit;元素的某个方向上不能有浮动元素 cear 阅读全文
摘要：
块元素的特征： 1、默认独占一行， 2、没有宽度时候，默认撑满一行 3、支持所有CSS命令 内联元素 1、同排可以继续跟同类的标签； 2、内容撑开宽度 3、不支持宽高 4、不支持上线margin 5、代码换行被解析 Inline-block 1、块在一行显示 2、行内属性标签支持宽高 3、没有宽度的 阅读全文