移动端自适应解决方案 发表于 2017-06-01 手机端页面自适应解决方案—rem布局12345设计稿640640px = 6.4rem100px = 1rem10px = 0.1rem1px = 0.01rem 1234567891011121314151617181920(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', designSize = 640 var recalc = function () { var clientWidth = docEl.clientWidth, clientHeight = docEl.clientHeight; if (!clientWidth) return; if (clientWidth >= designSize) { docEl.style.fontSize = (designSize / 10) + (clientWidth / clientHeight * 10) + 'px' } else { docEl.style.fontSize = 100 * (clientWidth / designSize) + 'px'; } } if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window) 阅读全文 »
HTML5 性能监控API - timing API 发表于 2017-06-01 HTML5 性能监控API - timing API 利用 HTML5 performance,可以对前端页面加载性能进行分析,如首屏加载性能这个重要的分析。 阅读全文 »