前端积累

--可以用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操作




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值