ImProgrammerBoy-CSDN博客

原创 HTML5性能优化（三）

[脚本执行优化]脚本处理不当会阻塞页面加载、渲染，因此在使用时需当注意：CSS写在头部，JavaScript写在尾部或异步。避免图片和iFrame等的空Src，空Src会重新加载当前页面，影响速度和效率。尽量避免重设图片大小。重设图片大小是指在页面、CSS、JavaScript等中多次重置图片大小，多次重设图片大小会引发图片的多次重绘，影响性能。DataURL的使用，D

2017-08-09 16:37:48 811

原创 HTML5性能优化（二）

[加载优化]加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是优化的重点减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个。a）合并CSS、JavaScript webpack，gulp b）合并小图片，使用雪碧图缓存使用缓存可以

2017-08-09 14:09:33 502

转载理解HTTP协议

在互联网时代HTTP协议的重要性无需多言，对于技术岗位的同学们来说理解掌握HTTP协议是必须的。本篇博客就从HTTP协议的演进、特性、重要知识点和工作中常见问题的总结等方面进行简单的介绍。理解掌握了这些点工作中就OK了，当然在面试中也是少不了的，如果能结合实践掌握这篇博客的80%应对一般的面试应该是够了。如果要深入学习HTTP协议的细节请看那本经典的《HTTP权威指南》。一、HTTP协议的

2017-08-07 11:09:54 537

1最痛恨的是红米手机，ua返回iphone，需要结合platform判断，但是还不准确，导致需要ios和android区别对待的时候就坑了。2是fixed的问题。这个解决办法是尽量不要用，不过ios7及以下才会出现这个问题。某些情况下红米也会有这个问题。（最近刚刚遇到，已经被坑挂了）。3如果你想要使用css3的动画，那么一定要变着方式使用3d gpu加速的方式，不要试着left，height，wid

2017-08-02 18:33:39 398

原创 HTML5性能优化（一）

对于前端的同学来说，移动端页面开发的越来越多，为了使用户浏览移动端页面得到更好的体验，移动端页面性能优化势在必行，结合自己做的项目和网上参考的资料，总结如下1.页面缓存通常不设置缓存的情况下，每次刷新页面都会重新读取服务器的文件，而如果设置缓存之后，所有文件都可以从本地取得，这样明显极大提高了页面效率。我们可以通过设置页面头的expires来定义页面过期时间，将过期时间定久一点就达到了“永久”

2017-08-02 14:34:24 1275

原创 html5移动端页面1px边框问题

HTML5移动端开放的同学们都遇到过这个问题：很早之前我自己也遇到过这样的问题，设计对你的1px边框很不满意，这时候你还在纳闷，什么问题。设计会说boy，你是不是移动端开发的，这让我自己很尴尬，因为我那时候我刚刚进行移动端开发不知道这类问题，我就去网上找了下这个问题，通过对网上的资料我知道移动端1px和pc端是不一样的，主要原因是window.devicePixelRatio是设备上物理像素和设备

2017-07-28 17:00:56 2065

翻译欢迎使用Markdown编辑器写博客

欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用

2017-07-27 13:46:37 279

ImProgrammerBoy的博客