html和移动终端给前端开发带来的变化近三探索经验漫谈.pptxVIP

Who am I ?姓名：曹刘阳 （阿当）Blog : /new/cly84920Email : cly84920@微博 : @真阿当公司：上海金蚕网络科技有限公司你可能错过了很多东西前端进化的阶段今天的主题你正在关心哪些问题？模块化 ( requireJS、commonJS )前端mvc ( backbone )新一代的js框架 ( angular )css框架 ( bootstrap )css预处理器 ( less、sass )js预处理器 ( coffeeScript、typeScript)js语言标准 ( ECMAScript6、犀牛书 )可维护性问题 ( TDD、 BigPipe、自主研发框架 )移动前端开发 ( viewport、touch event )hybrid ( phonegap、jquery mobile )跨终端 ( 响应式布局、兼容性问题 )后端和脚本能力 ( node.js 、express) css3 api ( transform 3d、animation )html5 新标签 ( article、figure )html5 富媒体 ( video、canvas2d、webgl )html5 新api ( websocket、webworker )。。。工程化向左，产品化往右模块化前端mvc新一代的js框架css框架css预处理器js预处理器js语言标准可维护性问题。。。css3 apihtml5 富媒体html5 新apihybrid前端工程师们的职责只是快速执行？技术驱动产品创新，我们是否做得太少你埋头在哪儿？你可能错过的一些东西/webqq.html/webqq.htmlhttps://c9.io/https://c9.io/ // 我们在做的尝试移动互联网下的web移动互联网下的web，你想到了什么？响应式布局不用考虑IE低版本，放心使用html5输入终端由鼠标键盘变成了touch节约流量，多使用web字体和css代替图片ViewportjQuery mobilephonegap。。。等等，先泼盆冷水来自Flurry公布的最近一次调查报告web已死？web前端还值得玩吗？值得玩。但玩法有变化。大众点评的案例甲在APP1中选择某餐厅乙在APP2中收到餐厅的链接乙在内嵌网页打开餐厅页面微信朋友圈、新浪微博微信公众平台和服务号微博游戏中心QQ空间android版的玩吧UC浏览器的网页应用中心百度轻应用firefox osfirefox marketplace宿主环境有极大的变化 —— broswer to webview brower提供的api是遵循W3C标准的，统一的 (或者说近乎统一的吧)，而webview宿主应用的sdk可能为web前端提供了各种千奇百怪的api：账号登录好友关系消息推送调用硬件打听话锁定横/竖屏定制分享banner的标题、内容、icon和链接隐藏功能按钮。。。碎片化的环境，极其复杂不同分辨率、不同物理尺寸不同的操作系统、不同的系统版本号不同的输入设备不同的浏览器、不同的版本号不同的宿主环境、不同的sdk android工程师说他们碎片化，web前端工程师们笑了我们的尝试拉取用户微信信息 以及 通过微信传播从微信外的渠道往微信里拉呢？/rdp/biggame/answer/light.htm?type=3fromChannel=z0/rdp/biggame/answer/light.htm?type=3fromChannel=z0 如何让你的app被用户发现你是怎么下载app的？渠道为王有流量的应用平台非常少，和应用数量远不成正比有效的推荐位非常紧张，基本排名100之外就很难被用户发现你听过刷榜多少钱一天吗？你听过联运的门槛和分成比例吗？新的思路 —— 借助web推试玩版，引导下载绕开渠道的高门槛和分成先试用，再决定是否下载我们的尝试/js_demo/45//js_demo/45/ 关于 hybrid 和 html5 的一些思考 2010年移动互联网迅速崛起html5同样在2010年发热（技术圈内）技术选型和长远发展1）未来很快会淘汰掉吗？( delphi、flex、silverlight、flash banner、闪客 )—— html5能够在未来十年内坚挺吗？2）技术深度要求够吗？( csser、jser、phper )—— html5能够将b/s的产品形态做到什么程度？技术门槛可以提到多高？3）高薪的理由：时髦带来的稀缺 VS 小众带来的门槛 VS 深度带来的经验沉淀—— 移动开发人员是否会迅速补上？多年的知识积累是否放弃？再论b/s结构优点 —— 免安装、升级透明、跨终端曾经我以为web app会和native app正面激战所以我做了这样的尝试： /