Submit Search
Upload
模板开发初探
•
Download as PPTX, PDF
•
0 likes
•
225 views
fangdeng
Follow
Technology
Report
Share
Report
Share
1 of 33
Download now
Recommended
Ext Js开发指导
Ext Js开发指导
clong365
Miankong
Miankong
Tech2IPO
通用Mock平台在支付宝测试的实践
通用Mock平台在支付宝测试的实践
drewz lin
bn
PLEGABLE
PLEGABLE
google
bn
CICLO CONTABLE
CICLO CONTABLE
google
Actividad Ciclo Contable
Actividad Ciclo Contable
Diana Alexandra Valero Franco
Pasos para crear una empresa en colombia
Pasos para crear una empresa en colombia
reyna20121
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
leneli
Recommended
Ext Js开发指导
Ext Js开发指导
clong365
Miankong
Miankong
Tech2IPO
通用Mock平台在支付宝测试的实践
通用Mock平台在支付宝测试的实践
drewz lin
bn
PLEGABLE
PLEGABLE
google
bn
CICLO CONTABLE
CICLO CONTABLE
google
Actividad Ciclo Contable
Actividad Ciclo Contable
Diana Alexandra Valero Franco
Pasos para crear una empresa en colombia
Pasos para crear una empresa en colombia
reyna20121
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
leneli
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
一堆关于前端的小话题
前端杂谈
前端杂谈
salinet
Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享
Liyao Chen
演讲:Open IoT Cloud 设计思想之 WoT Frotend 的設計與實作。2015 年 4 月 11 日在深圳南山智园。
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
julie huang
https://github.com/V5Framework/V5 Mobile Web App Framework. Lightweight.
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_design
Jackson Tian
Web Intro
Web Intro
tzulin
Slides of my session (DEV 343) at TechEd 2009
Real World ASP.NET MVC
Real World ASP.NET MVC
jeffz
Html5form
Html5form
jay li
infoship
Infoship业务集成平台简介
Infoship业务集成平台简介
yuan qixun
sxs
应用开发一般工作流程和注意
应用开发一般工作流程和注意
cucued
Vcon90 Final
Vcon90 Final
xobo
introduction of web 2.0
introduction of web 2.0
introduction of web 2.0
soboring
Top100summit automan x之框架介绍 王超
Top100summit automan x之框架介绍 王超
drewz lin
基于Silverlight的RIA架构及百度应用
基于Silverlight的RIA架构及百度应用
Cat Chen
js framework comparison 主要内容有常用js框架比较/介绍,js框架的发展趋势,如何选择框架,如何写框架
常用Js框架比较
常用Js框架比较
Adam Lu
HTML5的背景,和XHTML的关系,新特性及浏览器支持情况,未来展望等。
HTML5 历史、现状及未来
HTML5 历史、现状及未来
Yongbin Tian
在ASP.NET MVC的世界中,少了控制項的使用,要如何才能快速的建置出一個Web應用程式呢?Templates一定是你不可或缺的好幫手!本次課程將帶您體驗如何建置Templates及擴充它的基本功能,透過案例與實戰經驗,70分鐘後讓你從此開發速度起飛! 課程內容: 何謂ASP.NET MVC Templates? 體會Templates的魅力,帶你從無到有實作幾個經典案例 擴充Templates,實戰經驗毫不保留全部分享 利用T4與Templates快速建置Web應用程式
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC
在ASP.NET MVC的世界中,少了控制項的使用,要如何才能快速的建置出一個Web應用程式呢?Templates一定是你不可或缺的好幫手!本次課程將帶您體驗如何建置Templates及擴充它的基本功能,透過案例與實戰經驗,70分鐘後讓你從此開發速度起飛! http://mvc.tw
ASP.NET MVC Code Templates實戰開發 -twMVC#4
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
Ruby on rails部署
Ruby on rails部署
Deng Peng
Web development overview
Web development overview
Wei Sun
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
More Related Content
Similar to 模板开发初探
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
一堆关于前端的小话题
前端杂谈
前端杂谈
salinet
Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享
Liyao Chen
演讲:Open IoT Cloud 设计思想之 WoT Frotend 的設計與實作。2015 年 4 月 11 日在深圳南山智园。
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
julie huang
https://github.com/V5Framework/V5 Mobile Web App Framework. Lightweight.
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_design
Jackson Tian
Web Intro
Web Intro
tzulin
Slides of my session (DEV 343) at TechEd 2009
Real World ASP.NET MVC
Real World ASP.NET MVC
jeffz
Html5form
Html5form
jay li
infoship
Infoship业务集成平台简介
Infoship业务集成平台简介
yuan qixun
sxs
应用开发一般工作流程和注意
应用开发一般工作流程和注意
cucued
Vcon90 Final
Vcon90 Final
xobo
introduction of web 2.0
introduction of web 2.0
introduction of web 2.0
soboring
Top100summit automan x之框架介绍 王超
Top100summit automan x之框架介绍 王超
drewz lin
基于Silverlight的RIA架构及百度应用
基于Silverlight的RIA架构及百度应用
Cat Chen
js framework comparison 主要内容有常用js框架比较/介绍,js框架的发展趋势,如何选择框架,如何写框架
常用Js框架比较
常用Js框架比较
Adam Lu
HTML5的背景,和XHTML的关系,新特性及浏览器支持情况,未来展望等。
HTML5 历史、现状及未来
HTML5 历史、现状及未来
Yongbin Tian
在ASP.NET MVC的世界中,少了控制項的使用,要如何才能快速的建置出一個Web應用程式呢?Templates一定是你不可或缺的好幫手!本次課程將帶您體驗如何建置Templates及擴充它的基本功能,透過案例與實戰經驗,70分鐘後讓你從此開發速度起飛! 課程內容: 何謂ASP.NET MVC Templates? 體會Templates的魅力,帶你從無到有實作幾個經典案例 擴充Templates,實戰經驗毫不保留全部分享 利用T4與Templates快速建置Web應用程式
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC
在ASP.NET MVC的世界中,少了控制項的使用,要如何才能快速的建置出一個Web應用程式呢?Templates一定是你不可或缺的好幫手!本次課程將帶您體驗如何建置Templates及擴充它的基本功能,透過案例與實戰經驗,70分鐘後讓你從此開發速度起飛! http://mvc.tw
ASP.NET MVC Code Templates實戰開發 -twMVC#4
ASP.NET MVC Code Templates實戰開發 -twMVC#4
twMVC
Ruby on rails部署
Ruby on rails部署
Deng Peng
Web development overview
Web development overview
Wei Sun
Similar to 模板开发初探
(20)
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
前端杂谈
前端杂谈
Windows 8 apps dev.整理及分享
Windows 8 apps dev.整理及分享
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
MobileWebAppFramework_V5_design
MobileWebAppFramework_V5_design
Web Intro
Web Intro
Real World ASP.NET MVC
Real World ASP.NET MVC
Html5form
Html5form
Infoship业务集成平台简介
Infoship业务集成平台简介
应用开发一般工作流程和注意
应用开发一般工作流程和注意
Vcon90 Final
Vcon90 Final
introduction of web 2.0
introduction of web 2.0
Top100summit automan x之框架介绍 王超
Top100summit automan x之框架介绍 王超
基于Silverlight的RIA架构及百度应用
基于Silverlight的RIA架构及百度应用
常用Js框架比较
常用Js框架比较
HTML5 历史、现状及未来
HTML5 历史、现状及未来
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
twMVC#04 | ASP.NET MVC - Code Templates實戰開發
ASP.NET MVC Code Templates實戰開發 -twMVC#4
ASP.NET MVC Code Templates實戰開發 -twMVC#4
Ruby on rails部署
Ruby on rails部署
Web development overview
Web development overview
More from fangdeng
jQuery底层架构
jQuery底层架构
fangdeng
Building an event driven web
Building an event driven web
fangdeng
浅尝jQuery
浅尝jQuery
fangdeng
Html基础培训
Html基础培训
fangdeng
前端开发之Js
前端开发之Js
fangdeng
Javascript代码注释及文档生成
Javascript代码注释及文档生成
fangdeng
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
fangdeng
前端单元测试初体验
前端单元测试初体验
fangdeng
Java script测试之js unit ut
Java script测试之js unit ut
fangdeng
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
fangdeng
产品线中的思考
产品线中的思考
fangdeng
产品线中的思考
产品线中的思考
fangdeng
Postoffer前端架构设计
Postoffer前端架构设计
fangdeng
Varnish简介
Varnish简介
fangdeng
Websocket
Websocket
fangdeng
Let's talk about date in javascript
Let's talk about date in javascript
fangdeng
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
方凳良品1期
方凳良品1期
fangdeng
方凳良品2期
方凳良品2期
fangdeng
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
fangdeng
More from fangdeng
(20)
jQuery底层架构
jQuery底层架构
Building an event driven web
Building an event driven web
浅尝jQuery
浅尝jQuery
Html基础培训
Html基础培训
前端开发之Js
前端开发之Js
Javascript代码注释及文档生成
Javascript代码注释及文档生成
J engine -构建高性能、可监控的前端应用框架
J engine -构建高性能、可监控的前端应用框架
前端单元测试初体验
前端单元测试初体验
Java script测试之js unit ut
Java script测试之js unit ut
2011年方凳年度总结及颁奖
2011年方凳年度总结及颁奖
产品线中的思考
产品线中的思考
产品线中的思考
产品线中的思考
Postoffer前端架构设计
Postoffer前端架构设计
Varnish简介
Varnish简介
Websocket
Websocket
Let's talk about date in javascript
Let's talk about date in javascript
Test driven-frontend-develop
Test driven-frontend-develop
方凳良品1期
方凳良品1期
方凳良品2期
方凳良品2期
魏琪君-重构-关于可读性、原则和模式
魏琪君-重构-关于可读性、原则和模式
模板开发初探
1.
模板开发初探
2.
3.
正在做的有意义的事
4.
服务化 后端技术营造的基石 开放接口
减弱第三方开发的强依赖 前端主动开发可能
5.
页面组件化 全新的页面搭建机制 和v4框架有着很高的契合度
独角兽 Style优化的尝试 模板层的按需加载 流程优化 ……
6.
简单了解下vm模板
7.
第一个Hello world
8.
绑定开发服务器: 10.20.131.8 baike-ui.china.alibaba.com
9001 新建一个test.vm
9.
可以自己模拟异步接口假数据??
10.
一个模板片段
11.
12.
Vm模板特点 html语言+一些特殊的语法标识符 基本保持了html的原汁原味
更偏向于前端 暂时模板变量引用可能会无所适从?
13.
3个概念 layout 页面框架
control 可重用的代码片段 screen 个性化页面
14.
layout篇
15.
一个产品线的页面框架 应该只有几个!! 等等……
16.
模板层的页面框架layout Layout的特性: ①公用的产品页面框架,会引入产品公用的control,如header、footer
②它和产品级的js、css基本保持一致 ③screen解析先于layout,这一特性使layout可以取到screen中变量 ④可重用,能代表产品线演化的风格 ……
17.
18.
模板中layout现状 Layout的数量:好的产品线,有30~40个,多的甚至有上百个…… 和曾经的js、css一样,v1,v2,v3…v44?
只有产品级js、css,而产品级layout概念很弱 Layout正在被滥用,渐渐丢失它原来承载的含义 Layout的混乱甚于单个页面的混乱 需要前端参与去改变
19.
合理使用layout的几个技巧 Layout必须与产品级的js、css对应,功能保持一致 每新增一个layout,必须在这个layout中遵循注释规范
禁止在layout中增加页面级个性化需求 现有layout满足不了开发需求,请按规范整理出layout,否则setLayoutTemplate(null) 有些小范围公用的东西,有个适合的方案control 所有layout调用,推荐使用setLayoutTemplate(“xx.vm”)的指明调用
20.
21.
一个子产品公用的头部
22.
独角兽带来的契机 ——模板层的按需加载
23.
自动合并的特性帮我们更好的完成了这一前端的理念
24.
screen篇
25.
业务逻辑复杂? 前端不能回避的问题 只要有序,复杂并不可怕
前端了解业务逻辑的机会 掌握了业务逻辑,前端还有什么做不了的?
26.
前端是模板中页面框架的把控者
27.
权限? 环境? 约定?
质量? 资源?
28.
29.
30.
前端是应用开发的主力
31.
做更多有含金量的事情
32.
Q&A
Download now