web_app和html5给前端带来的变化——我们的html5游戏平台之旅.pptx

web app和html5给前端带来的变化 —— 我们的html5游戏平台之旅Who am I ?姓名：曹刘阳 （阿当）Blog : /new/cly84920Email : cly84920@微博 : @真阿当跑在浏览器里的联机游戏大厅游戏列表、玩家后台和道具商城房间列表和座位列表各种类型的游戏Web app的优点跨终端，一次开发到处运行Web app的优点可集成至 web app store、web mashupWeb app的优点免安装Web app的优点透明升级Web app的优点Web App 的入口很多，数据都存在服务端 Web site VS Web appWeb site —— Web的主流形式数据展现驱动 存取数据库 列表页 详情页 登录验证…前端辅助Tabview模拟弹窗图片轮播Ajax…Web app —— Web的新锐前端交互驱动 新颖的交互方式 更多的功能模块 更大的代码规模 模糊c/s和b/s…后端辅助没有跳转AjaxSocket数据持久性…Web的发展Web 里程碑产品形态前端技术Web 1.0静态网站 和 CMS为主table布局,、少量css、少量jsWeb 2.0SNS、微博、视频等Css布局、js框架、ajax、web 标准Web 3.0 ?Google地图、web qq等单页应用、大规模前端代码、html5、移动终端web app 的机遇js框架的发展和html5的到来，从技术上支持了前端进行类桌面应用的开发，模糊b/s和c/s结构的界线。前所未有的终端大战，一次开发到处运行的强烈需求。web app 的硬伤移动终端对html5的支持力度不够 —— 全屏、锁定横竖屏、访问硬件、性能移动支付 —— 如何在移动终端的浏览器里付款发布渠道 —— web app store何时登录ios和android桌面用户习惯的培养 —— b/s结构的app需要大公司推出有力产品只能等。前途光明，但眼下却没有出路。尴尬的时期。Web app的挑战(1) —— 编程技巧的要求更大的代码量更大的可维护性需求更深的团队协作需求你需要更强的框架，和更高水平的前端工程师强大的framework，弥补语言层面的薄弱原生js在语言层面薄弱jQuery的重点在library上，而非framework，远不够强大强大的framework，弥补语言层面的薄弱 我们选择YUI3. 地址：/YUI3组织架构YUI3的语言层支持oop、aop、valuechangeEvent、customEvent、lazyload、sandbox、customModule …jQuery之父和YUI3架构师的对话《/blog/2010/11/06/yui3-vs-jquery/ Nicholas C. /blog/2010/11/06/yui3-vs-jquery/Zakas/blog/2010/11/06/yui3-vs-jquery/ /blog/2010/11/06/yui3-vs-jquery/vs/blog/2010/11/06/yui3-vs-jquery/ John /blog/2010/11/06/yui3-vs-jquery/Resig/blog/2010/11/06/yui3-vs-jquery/ /blog/2010/11/06/yui3-vs-jquery/一场关于/blog/2010/11/06/yui3-vs-jquery/YUI3//blog/2010/11/06/yui3-vs-jquery/jQuery/blog/2010/11/06/yui3-vs-jquery/的精彩辩论》/blog/2010/11/06/yui3-vs-jquery/web site的前端架构师与开发团队开发团队架构师【前端架构需求】 抽取通用组件 设计模块化机制 制定应用层范式 制定全局规范【开发团队需求 】 学习应用层范式 学习通用组件api 团队成员、以及架构师，无需深入沟通，避免冲突即可web app的前端架构师与开发团队开发团队架构师【前端架构需求 】 抽取通用组件 设计模块化机制 制定模块范式 应用层需求分析 OO设计和API设计【开发团队需求】 学习模块范式 学习通用组件API 实现OO设计 团队成员，以及架构师需深入沟通前端编程的难度在哪？知乎：《/question/questioneb /question端开发面临的挑战主要有哪些？ 》 /questionanswerss、DOM、BOM提供的接口太底层css、DOM、js，同时在跑的三个线程相同效果，完全不同的实现方式