关注前端开发微信微信号web007007

用Chrome开发者工具做JavaScript性能分析

用Chrome开发者工具做JavaScript性能分析

你的网站正常运转。现在我们来让它运转的更快。网站的性能由页面载入速度和代码执行效率决定。一些服务可以让你的网站载入更快,比如压缩JS和CDN,但是让代码执行的更快你要做的事情。 代码中很小的改动都可能对性能造成巨大的影响。快速灵活的网站和可怕的“无响应脚本”对话框可能只有几行代码的差别。这篇文章告诉你如何通过用Chrome开发者工具(Chrome Developer Tools)找到这几行关键的代码...

阅读全文...

border:none;与border:0;的区别

border:none;与border:0;的区别

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,而且在今天的面试中考官也问到了这个问题,所以写一下个的理解,border:none;与border:0;的区别体现有两点:一是理论上的性能差异二是浏览器兼容性的差异。 性能差异: 【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值。 【border:non...

阅读全文...