使用python开发前端.pptxVIP

Python让前端更轻松基于Python的前端 方案实践潘俊勇 / 易度云办公前端开发的困惑成熟工具链支撑简单快速开发桌面C/S时代：曾经的美好组件编程，图形化IDEDelphi/C++Builder Visual StudioPowerBuilder：图形化，脚本化数据库应用开发神器效果更低的成本对开发人员要求低不分前后端更高的开发效率桌面安装复杂，浏览器打开即用，世界进入B/S时代Web前端 – B/S时代B/S模型：Thin Client服务器浏览器发起http请求用户操作渲染展示输出Html、Css、js等输入输出终端问题：更多语言需要学习HTMLCSSJavascript减少语言Nodejs：后端也用js来开发曾经的 KSS：用类似css的语法写JSPythonJS：浏览器上Python开发翻译为JS玩具性质问题：事件 变成 http请求route：url地址和代码的映射安全性无状态：cookie/session用约定来简化RailsDjango问题：不成熟的浏览器Html/js/css都在不断在发展Javascript自身的缺陷各种浏览器兼容问题第三方组件兼容性问题还好有前端框架Twitter BootstrapSemantic UIJQuery UI国内的淘宝BUI百度BlendUI …移动端和体验要求，系统要求更开放，进入单页面应用时代Web前端 – 应用时代单页面应用模型：Fat ClientSPA：Single Page Application，单页面web应用服务器SPA（浏览器）发起http请求API用户操作渲染展示输出json数据单页面应用服务接口特点大量逻辑前移到浏览器服务端只提供API对搜索引擎支持不好前端特别重OpenERP：前端有多重？OpenERP 6.1版，对web端了SPA重构OpenERP 6.0OpenERP 6.1前端MVC框架，蜂拥而至BackBoneAngularJSKnockoutReactJS…前端开发工具链CoffeescriptLess/SassRequireJS/SeaJSBowerYeomanGrunt前端的迷失前端开发变得异常复杂各种框架轮番上阵各自存在问题互不兼容仍未终结前端程序员很渺小另外的声音：前端去框架才是趋势去框架：让开发者开发所谓的微框架或者小框架，然后呢让它们之间能够彼此相容，然后你竞争去采用比较好的东西我们怀念桌面时代的美好前端欠发展前端太难优秀的web前端很贵….技术一定往简化发展前端可能是碗青春饭修修补补，还是根源解决？如何省时、省人、省力，技术上可持续发展？怎么破？修修补补：如何恢复桌面时代的美好微软的尝试：组件：ASP.NET Helpers在网页中内嵌帮助器，简化控件的创建WebForm服务器控件：失败内嵌在html中，弱化http协议，转为事件驱动GWT、dartlang、PolymerGooGLE的方案GWT用java开发web前端：编译为jsRIA：全端回到桌面时代Google Adwards, Google Wallet问题：搜索引擎不友好位置逐渐被Dart取代Dart: 替代JS语言更干净自带开发工具支持polymer组件化开发一种语言，支持前后端可编译为高效的js，支持各种浏览器快速进入语言排行前20Polymer: Web Component实现W3C web组件技术规范Custom ElementTemplateShadow DOMHTML import实现：Polymer代表web未来是终点吗？号外：PyjamasPython版本的GWT自带UI陈旧用户不多一个小(DiaoSi)团队如何不被技术浪潮摧毁易度前端的演进作为一个小公司技术主管不大懂javascript招不起昂贵专业的前端害怕技术选型错上贼船历史负担：自制前端框架技术更新，成本非常高如何平滑支持移动端作为一个开发平台解放开发者专注业务需求少折腾技术技术延续性目标：力求最简三脚猫功夫，也能开发快速开发屏蔽实现细节尝试过backbone当年Zope时代的感觉泥潭里挣扎3个月，完成前端框架革命成本太高放弃只能演进，而非革命尽量少的人最少的技能快速开发实用、少折腾LIFE IS SHORTUSE PYTHON易度前端: Fit Client易度Web Player浏览器版事件处理易度应用PythonWeb适配渲染UI组件接受View指令移动适配易度Mobile Player移动版事件处理完全用Python写应用易度Player：不胖不瘦，刚好分层：前端引擎和应用易度Player（前端引擎）：20%易度应用：80%javascript基础整体外观风格栏目导航加载进度出错处理动态组件渲染展示交互事件触发界面行为控制python输出UI界面交互事件处理控制界面行为前端引擎