HTML5和移动终端给前端开发带来的变化——近三年探索经验漫谈

《HTML5和移动终端给前端开发带来的变化——近三年探索经验漫谈》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML5和移动终端给前端开发带来的变化——近三年探索经验漫谈WhoamI?姓名：曹刘阳（阿当）Blog:http://www.hi.baidu.com/new/cly84920Email:cly84920@gmail.com微博:@真阿当公司：上海金蚕网络科技有限公司你可能错过了很多东西前端进化的阶段Web1.0（很久以前~2006）table布局js做表单验证和广告特效flash做旗帜广告Web2.0（2006~2010）css2布局js框架兴起（大而全，百花齐放到jQuery一统天下）ajax和

2、DHTML流行，UED兴起js面向对象编程流行，SPA蓄势中，前端潜力初见端倪flash往页游和视频播放器方向发展，和前端渐行渐远近期（2010~现在)今天的主题Web1.0（很久以前~2006）table布局js做表单验证和广告特效flash做旗帜广告Web2.0（2006~2010）css2布局js框架兴起（大而全，百花齐放到jQuery一统天下）ajax和DHTML流行，UED兴起js面向对象编程流行，SPA蓄势中，前端潜力初见端倪flash往页游和视频播放器方向发展，和前端渐行渐远近期（201

3、0~现在)这段时间，你在关注什么？你正在关心哪些问题？模块化(requireJS、commonJS)前端mvc(backbone)新一代的js框架(angular)css框架(bootstrap)css预处理器(less、sass)js预处理器(coffeeScript、typeScript)js语言标准(ECMAScript6、犀牛书)可维护性问题(TDD、BigPipe、自主研发框架)移动前端开发(viewport、touchevent)hybrid(phonegap、jquerymobile)跨

4、终端(响应式布局、兼容性问题)后端和脚本能力(node.js、express)css3api(transform3d、animation)html5新标签(article、figure)html5富媒体(video、canvas2d、webgl)html5新api(websocket、webworker)。。。工程化向左，产品化往右工程化产品化模块化前端mvc新一代的js框架css框架css预处理器js预处理器js语言标准可维护性问题。。。css3apihtml5富媒体html5新apihybrid前

5、端工程师们的职责只是快速执行？技术驱动产品创新，我们是否做得太少你埋头在哪儿？你可能错过的一些东西https://triggerrally.com/https://c9.io/http://web2.qq.com/webqq.html我们在做的尝试移动互联网下的web移动互联网下的web，你想到了什么？响应式布局不用考虑IE低版本，放心使用html5输入终端由鼠标键盘变成了touch节约流量，多使用web字体和css代替图片ViewportjQuerymobilephonegap。。。等等，先泼盆冷水

6、来自Flurry公布的最近一次调查报告web已死？web前端还值得玩吗？值得玩。但玩法有变化。大众点评的案例甲在APP1中选择某餐厅乙在APP2中收到餐厅的链接乙在内嵌网页打开餐厅页面微信朋友圈、新浪微博微信公众平台和服务号微博游戏中心QQ空间android版的玩吧UC浏览器的网页应用中心百度轻应用firefoxosfirefoxmarketplace宿主环境有极大的变化——broswertowebviewbrower提供的api是遵循W3C标准的，统一的(或者说近乎统一的吧)，而webview宿主应

7、用的sdk可能为web前端提供了各种千奇百怪的api：账号登录好友关系消息推送调用硬件打听话锁定横/竖屏定制分享banner的标题、内容、icon和链接隐藏功能按钮。。。碎片化的环境，极其复杂不同分辨率、不同物理尺寸不同的操作系统、不同的系统版本号不同的输入设备不同的浏览器、不同的版本号不同的宿主环境、不同的sdkandroid工程师说他们碎片化，web前端工程师们笑了我们的尝试拉取用户微信信息以及通过微信传播从微信外的渠道往微信里拉呢？http://weixin.rdp.uzwan.cn/rdp/b

8、iggame/answer/light.htm?type=3&fromChannel=z0如何让你的app被用户发现你是怎么下载app的？渠道为王有流量的应用平台非常少，和应用数量远不成正比有效的推荐位非常紧张，基本排名100之外就很难被用户发现你听过刷榜多少钱一天吗？你听过联运的门槛和分成比例吗？新的思路——借助web推试玩版，引导下载绕开渠道的高门槛和分成先试用，再决定是否下载我们的尝试http://www.adanghome.com/js_demo