文档介绍：（优选）使用开发前端ppt
第一页，共六十页。
前端开发的困惑
第二页，共六十页。
桌面C/S时代：曾经的美好
成熟工具链支撑简单快速开发
第三页，共六十页。
组件编程，图形化IDE
Delphi/C++Buonent实现
W3C web组件技术规范
Custom Element
Template
Shadow DOM
HTML import
实现：Polymer
代表web未来
是终点吗？
第三十四页，共六十页。
号外：Pyjamas
Python版本的GWT
自带UI陈旧
用户不多
第三十五页，共六十页。
易度前端的演进
一个小(DiaoSi)团队如何不被技术浪潮摧毁
第三十六页，共六十页。
作为一个小公司
技术主管不大懂javascript
招不起昂贵专业的前端
害怕技术选型错上贼船
历史负担：自制前端框架
技术更新，成本非常高
如何平滑支持移动端
第三十七页，共六十页。
作为一个开发平台
解放开发者
专注业务需求
少折腾技术
技术延续性
目标：
力求最简
三脚猫功夫，也能开发
快速开发
屏蔽实现细节
第三十八页，共六十页。
尝试过backbone
当年Zope时代的感觉
泥潭里挣扎
3个月，完成前端框架
革命成本太高
放弃
第三十九页，共六十页。
只能演进，而非革命
尽量少的人
最少的技能
快速开发
实用、少折腾
第四十页，共六十页。
LIFE IS SHORTUSE PYTHON
第四十一页，共六十页。
易度前端: Fit Client
易度Web Player
浏览器版
易度Mobile Player
移动版
易度应用
Python
渲染UI组件
接受View指令
易度Player：不胖不瘦，刚好
事件处理
事件处理
Web
适配
移动
适配
完全用Python写应用
第四十二页，共六十页。
分层：前端引擎和应用
易度Player（前端引擎）：20%
javascript
基础
整体外观风格
栏目导航
加载进度
出错处理
动态
组件渲染展示
交互事件触发
界面行为控制
易度应用：80%
python
输出UI界面
交互事件处理
控制界面行为
第四十三页，共六十页。
前端引擎和应用
前端框架
UI
VIEW
各种
业务应用(Python)
应用层
WebPlayer 引擎层
招一个NB的前端维护引擎即可
前端技术革新，只需升级引擎层
第四十四页，共六十页。
使用UI组件
()\
.add((‘Click me’)\
.add((‘Hello, world’))\
+ (‘新增’)\
.icon(‘add’)\
.loading(‘正在提交….’)\
.on(‘click’, ‘***@:test’)
第四十五页，共六十页。
UI组件示例
第四十六页，共六十页。
UI组件库
使用Python表单类似Bootstrap的组件
系统所有功能组件化
第四十七页，共六十页。
View指令集
(‘出错了’, type='error', )
(form, width=600)
().set_content(form)
().set_content(form)
第四十八页，共六十页。
可视化制作表单
form = (‘:form’)
(title, description, action)\
.fields(form)\
.button(‘submit’, ‘提交’)\
.on(‘submit’, ‘***@:submit_form’)
第四十九页，共六十页。
组件选择(DOM)和操作
# 向Web Component致敬
('tabs')\
.active_panel()\
.set_content((‘hello, world’))
('tree#leftnav')\
.expand()
第五十页，共六十页。
用户触发事件处理
(‘click me’)\ .on(‘click’, ‘***@:test’)
所有脚本提交到服务端脚本
用Python处理
第五十一页，共六十页。
自定义事件：界面联动
触发删除事件：