临猗网站推广【临猗办理400电话】临猗SEO优化、临猗微信公众号APP客户端小程序开发、临猗网站托管、临猗APP开发

临猗网站推广【临猗办理400电话】临猗SEO优化、临猗微信公众号APP客户端小程序开发、临猗网站托管、临猗APP开发

临猗县，隶属于山西省运城市，位于山西西南部，运城盆地北沿，东南与运城市接壤，西南与永济市毗邻，西濒黄河与陕西省合阳县相望，北面孤峰拱秀与万荣县相连，总面积1339.32平方千米。 [1] 

临猗古称郇阳，尧舜时为甸服之地，夏代在此建有猗国。春秋时期大商人猗顿在这里畜牧牛羊，经营珠宝，成为商业鼻祖。历史上曾出宰相6人，当代名人有抗日名将傅作义，前国务院副总理姬鹏飞等党和国家领导人。 [2] 

2019年，临猗县下辖9个镇、5个乡 [3]  。2018年，临猗县常住人口为59.5476万人，实现地区生产总值143.3982亿元，其中，第一产业完成增加值43.9428亿元，第二产业完成增加值32.3148亿元，第三产业完成增加值67.1406亿元，三次产业比重为30.6：22.5：46.9，全县人均GDP24109元。 [4] 

DOM优化

1. 最小化现场跟新

每个单独的DOOM操作可以看作一个现场更新，现场跟新非常的消耗性能，需要用最少的现场跟新来优化程序性能。

var list = document.getElementById("myList"),
item,
i;
for (i=0; i < 10; i++) {
    item = document.createElement("li");
    list.appendChild(item);
    item.appendChild(document.createTextNode("Item " + i));
}

上面代码，十个循环中每个循环有2个DOM操作（现场跟新），10*2 个现场跟新，算法的时间复杂度为O（n）。
优化的方法 a. 使用文档碎片。 b.使用拼接html字符串的形式，一次更新。

var list = document.getElementById("myList"),
item,
i,
fragment = document.createDocumentFragment();
for (i=0; i < 10; i++) {
    item = document.createElement("li");
    fragment.appendChild(item);
    item.appendChild(document.createTextNode("Item " + i));
}
list.appendChild(list);

上面代码只进行了一次的现场跟新。

var list = document.getElementById("myList"),
item,
i,
str = '';
for (i=0; i < 10; i++) {
    str += '<li>'+ 'item' + i +'</li>'
}
list.InnerHTML(str);

2.使用innerHTML
对于大量的DOM操作，InnerHTML性能要比createElement() 和appendChild()这样的DOM方法效率高很多。
当把innerHTML设置成某个值之后，会在后台生成一个DOM解析器，然后使用内部的DOM调用来创建DOM结构，而非使用js的DOM调用。内部的方法是便宜好的而非解释执行所以更快。
上面的例子已经有了，需要注意的是一次innerHTML也是一次现场跟新，也需要最小次数化。

3.使用事件代理
大多数Web 应用在用户交互上大量用到事件处理程序。页面上的事件处理程序的数量和页面响应
用户交互的速度之间有个负相关。为了减轻这种惩罚，最好使用事件代理。

4.注意HTMLCollection

HTMLCollection的使用对于web性能的损害很大，不管访问HTMLCollection的属性还是方法，都是在文档上进行查询。最小化访问HTMLCollection次数可以极大的改进脚本的性能。

  var images = document.getElementsByTagName("img"),
  i, len，image;
  //len避免了每次去访问集合的length
  //image 避免了循环体访问collection
  for (i=0, len=images.length; i < len; i++){
    image = images[i];
  }

临猗网站推广【临猗办理400电话】临猗SEO优化、临猗微信公众号APP客户端小程序开发、临猗网站托管、临猗APP开发