- 本月热门
-
如何成为一名前端开发工程师 by 姜赟 -
mongoDB入门简介-Java篇： Strongly Typed Languages and Flexible Schemas -
移动APP测试的22条军规 by 黄勇@ThoughtWorks -
前端自动化测试实践 by 马逸清@七牛 -
游戏开发中的图形手势识别和音频处理 by 大城小胖 -
分布式存储的元数据设计 by 李道兵@七牛 -
Node Profiler 一款JavaScript的性能调优工具 by 朴灵 -
可扩展的大图数据管理框架和查询处理 by 高军@北京大学 -
An introduction to MongoDB by Rácz Gábor -
唯品会物流信息部-应用架构实践总结
加收藏
酷狗前端内嵌页发展史 by 杜剑峰(浏览器版本兼容及性能问题解决办法)
第1页
酷狗前端内嵌页发展史
——杜剑锋
——杜剑锋
第2页
内嵌页是啥？
酷狗7100
酷狗7707
酷狗7100
酷狗7707
第3页
我就是内嵌页
IEbox
IEbox
第4页
前端怎么撸好内嵌页前端代码？
第5页
浏览器版本混乱
IE6-10都有用户
渐进增强？
IE6-10都有用户
渐进增强？
第6页
浏览器版本混乱
NO
IE6-9占比70%左右
使用渐进增强等于70%的用户体验很差
NO
IE6-9占比70%左右
使用渐进增强等于70%的用户体验很差
第7页
浏览器版本混乱
接地气切图
带背景切、PNG24雪碧、CSS圆角
接地气切图
带背景切、PNG24雪碧、CSS圆角
第8页
浏览器版本混乱
更多奇形怪状的问题
菊花不转了？
图片加载一半？
更多奇形怪状的问题
菊花不转了？
图片加载一半？
第9页
浏览器版本混乱
很多人习惯这样写
A标签作怪
解决办法：
很多人习惯这样写
A标签作怪
解决办法：
第10页
浏览器版本混乱
SMARTY报错
错误示例1 –html错乱
解决办法：
SMARTY报错
错误示例1 –html错乱
解决办法：
第11页
浏览器版本混乱
SMARTY报错
错误示例2—JS报错
正确写法：
SMARTY报错
错误示例2—JS报错
正确写法：
第12页
浏览器版本混乱
默认图片导致内存溢出
错误示例
解决办法：
默认图片导致内存溢出
错误示例
解决办法：
第13页
浏览器版本混乱
温馨提示
Meta要习惯加上
温馨提示
Meta要习惯加上
第14页
版本迭代
HTML、CSS、JS、图片缓存
加时间戳？
“不行”，CDN是个坑
HTML、CSS、JS、图片缓存
加时间戳？
“不行”，CDN是个坑
第15页
版本迭代
CDN缓存着旧版本文件，如果只是其中一个回滚更新，要么 JS报错，要么样式乱套
CDN缓存着旧版本文件，如果只是其中一个回滚更新，要么 JS报错，要么样式乱套
第16页
版本迭代
解决办法有2种
文件全替换
代码往下兼容
解决办法有2种
文件全替换
代码往下兼容
第17页
性能优化
简单优化
各种合并、各种压缩、图片lazyload Handmade code
简单优化
各种合并、各种压缩、图片lazyload Handmade code
第18页
性能优化
深度优化
请求分流、无COOKIE服务器、合理利用CDN、分屏加载
深度优化
请求分流、无COOKIE服务器、合理利用CDN、分屏加载
第19页
性能优化
本地化
资源本地、数据线上—前端的O2O
本地化
资源本地、数据线上—前端的O2O
第20页
模块化、快速开发
工厂化
半自动开发、全自动开发
工厂化
半自动开发、全自动开发
第21页
模块化、快速开发
半自动开发
提供组件、框架，个性化区域自编写
半自动开发
提供组件、框架，个性化区域自编写
第22页
模块化、快速开发
酷狗组件/框架
JS框架、客户端通信框架……
播放组件、评论组件、点赞组件……
酷狗组件/框架
JS框架、客户端通信框架……
播放组件、评论组件、点赞组件……
第23页
模块化、快速开发
全自动开发
提供工具和后台给运营人员自行发布
全自动开发
提供工具和后台给运营人员自行发布
第24页
准确输出
总结
静默发布
体验流畅
工厂生产
第26页
您的意见很重要！
请扫描【温馨提醒】中的反馈二维码。 只需花3分钟，就可以帮助我们提高分享质量哦~
请扫描【温馨提醒】中的反馈二维码。 只需花3分钟，就可以帮助我们提高分享质量哦~
第27页
感谢您的参与。 酷狗将持续为您提供好音乐！