前端优化使用技巧

1.css选择器

使用 子代选择器 >,减少使用后代选择器；

2. 图片懒加载：

jquery.lazyload.js

3. 避免图片src属性为空

src 属性是空字符串的图片很常见，主要以两种形式出现：

    <img src=””>

    var img = new Image();img.src = “”;

    这两种形式都会引起相同的问题：浏览器会向服务器发送另一个请求。

图片加载失败时，可使用默认图片替换加载失败的图片 ：

     onerror="this.src='/images/film.png'" 

但是，若默认图片也不存在时，页面会不断发送请求到服务器；

4.巧用短路运算（||）

a=a||b;
a存在则使用a，a不存在则使用b。

5.HASHMap 排序的处理

JS是无法对 MAP进行排序的，贴别是多个MAP集合有关联时。

比较笨的一种方法是：循环遍历MAP集合，转为 Array数组对象；然后对数组对象的属性进行排序；

6.SpringMVC 项目中，controller 对 对象或者列表 转换为JSONObject后，页面接收到 的JSONString，如包含空格，或特殊字符时，容易报错；

处理方式如下：

jsonObj.replace(/\r\n/g,"\n").replace(/\n/g,"\n").replace(/\s+/g,"");