前端积累

来源：互联网发布：网络大电影合作流程编辑：程序博客网时间：2024/05/16 12:00

--可以用window.chrome来判断是否为谷歌浏览器

--字体自适应

body {        font-size: 62.5%;/* 16px*62.5%=10px    浏览器默认字体16px，body设为10px(中文版chorme最小显示为12px)，其他元素的字体可以用em快速得出      */}div {    font-size: 1.5em;/*  1.5em=1.5*10px=15px */}

--减少渲染次数，使用文档碎片。document.createDocumentFragment()

for (var i = 0; i < 10; i++) {    var p = document.createElement("p");    var oTxt = document.createTextNode("段落" + i);    p.appendChild(oTxt);    document.body.appendChild(p);}

以上代码body 10次dom操作

var oFragment = document.createDocumentFragment();for (var i = 0; i < 10; i++) {    var p = document.createElement("p");    var oTxt = document.createTextNode("段落" + i);    p.appendChild(oTxt);    oFragment.appendChild(p);}document.body.appendChild(oFragment);

以上代码body 1次dom操作

0 0