Submit Search
Upload
前端开发演进之路 | The development of the front end - By TaoBeier
•
2 likes
•
68 views
TaoBeier
Follow
前端开发演进之路 | The development of the front end
Read less
Read more
Technology
Report
Share
Report
Share
1 of 19
Download now
Download to read offline
Recommended
前端工程師與室內裝修師傅的相似之處-twMVC#16
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
Koubei banquet 27
Koubei banquet 27
Koubei UED
開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15
twMVC
From Needs Analysis to Language Center: CALL for Change at Osaka University
From Needs Analysis to Language Center: CALL for Change at Osaka University
Parisa Mehran
taller #6
taller #6
Abdiel Quintero
formas de estado
formas de estado
Oriana Andrade Gimenez
Moodle e web 2.0: possibilidades interativas
Moodle e web 2.0: possibilidades interativas
EAD Amazon
Auditoria Visanet - Provas que o Joaquim Barbosa mentiu
Auditoria Visanet - Provas que o Joaquim Barbosa mentiu
Marcelo Bancalero
Recommended
前端工程師與室內裝修師傅的相似之處-twMVC#16
前端工程師與室內裝修師傅的相似之處-twMVC#16
twMVC
Koubei banquet 27
Koubei banquet 27
Koubei UED
開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15
twMVC
From Needs Analysis to Language Center: CALL for Change at Osaka University
From Needs Analysis to Language Center: CALL for Change at Osaka University
Parisa Mehran
taller #6
taller #6
Abdiel Quintero
formas de estado
formas de estado
Oriana Andrade Gimenez
Moodle e web 2.0: possibilidades interativas
Moodle e web 2.0: possibilidades interativas
EAD Amazon
Auditoria Visanet - Provas que o Joaquim Barbosa mentiu
Auditoria Visanet - Provas que o Joaquim Barbosa mentiu
Marcelo Bancalero
Honey bee swarm removal
Honey bee swarm removal
Eco Bee Removal
importancia de la educación física
importancia de la educación física
mario olmedo
Learning Japanese Kanji: How Technology Can Help the Brain out
Learning Japanese Kanji: How Technology Can Help the Brain out
Parisa Mehran
Curso de Moodle Tutorial Moodle Parte 3 de 5
Curso de Moodle Tutorial Moodle Parte 3 de 5
EAD Amazon
Ancillary task
Ancillary task
Nikhil Patel
7th grade Scope and Sequence (Englishpost.org)
7th grade Scope and Sequence (Englishpost.org)
José Manuel Campos Noguera
Google雲端 第一章準備篇
Google雲端 第一章準備篇
gracebrainyu
Jabong - 2016.05.16
Jabong - 2016.05.16
Yingray Lu
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
程序组介绍Ver2.0
程序组介绍Ver2.0
vtmers2012
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
julie huang
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
企業級監控平台的變革與演進
企業級監控平台的變革與演進
Yao-Wei Ou
Using google appengine_final
Using google appengine_final
Wei Sun
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC
Asp.Net Mvc 1.0
Asp.Net Mvc 1.0
Chui-Wen Chiu
Data Pipeline Matters
Data Pipeline Matters
Jazz Yao-Tsung Wang
Glamous形象網站建置服務
Glamous形象網站建置服務
Gee Cycliving
Non-MVC Web Framework
Non-MVC Web Framework
Fred Chien
利用 ASP.NET MVC 提升您的 Web 應用程式
利用 ASP.NET MVC 提升您的 Web 應用程式
Chui-Wen Chiu
More Related Content
Viewers also liked
Honey bee swarm removal
Honey bee swarm removal
Eco Bee Removal
importancia de la educación física
importancia de la educación física
mario olmedo
Learning Japanese Kanji: How Technology Can Help the Brain out
Learning Japanese Kanji: How Technology Can Help the Brain out
Parisa Mehran
Curso de Moodle Tutorial Moodle Parte 3 de 5
Curso de Moodle Tutorial Moodle Parte 3 de 5
EAD Amazon
Ancillary task
Ancillary task
Nikhil Patel
7th grade Scope and Sequence (Englishpost.org)
7th grade Scope and Sequence (Englishpost.org)
José Manuel Campos Noguera
Viewers also liked
(6)
Honey bee swarm removal
Honey bee swarm removal
importancia de la educación física
importancia de la educación física
Learning Japanese Kanji: How Technology Can Help the Brain out
Learning Japanese Kanji: How Technology Can Help the Brain out
Curso de Moodle Tutorial Moodle Parte 3 de 5
Curso de Moodle Tutorial Moodle Parte 3 de 5
Ancillary task
Ancillary task
7th grade Scope and Sequence (Englishpost.org)
7th grade Scope and Sequence (Englishpost.org)
Similar to 前端开发演进之路 | The development of the front end - By TaoBeier
Google雲端 第一章準備篇
Google雲端 第一章準備篇
gracebrainyu
Jabong - 2016.05.16
Jabong - 2016.05.16
Yingray Lu
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
程序组介绍Ver2.0
程序组介绍Ver2.0
vtmers2012
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
julie huang
淘宝网前端应用与发展
淘宝网前端应用与发展
taobao.com
企業級監控平台的變革與演進
企業級監控平台的變革與演進
Yao-Wei Ou
Using google appengine_final
Using google appengine_final
Wei Sun
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC
Asp.Net Mvc 1.0
Asp.Net Mvc 1.0
Chui-Wen Chiu
Data Pipeline Matters
Data Pipeline Matters
Jazz Yao-Tsung Wang
Glamous形象網站建置服務
Glamous形象網站建置服務
Gee Cycliving
Non-MVC Web Framework
Non-MVC Web Framework
Fred Chien
利用 ASP.NET MVC 提升您的 Web 應用程式
利用 ASP.NET MVC 提升您的 Web 應用程式
Chui-Wen Chiu
阿里巴巴国际站架构分析和镜像解决方案
阿里巴巴国际站架构分析和镜像解决方案
airsex
常用开发工具介绍
常用开发工具介绍
haozes
SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17
twMVC
twMVC#15 | 開發的效能與效率
twMVC#15 | 開發的效能與效率
twMVC
Similar to 前端开发演进之路 | The development of the front end - By TaoBeier
(20)
Google雲端 第一章準備篇
Google雲端 第一章準備篇
Jabong - 2016.05.16
Jabong - 2016.05.16
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
程序组介绍Ver2.0
程序组介绍Ver2.0
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
twMVC#20 | ASP.NET MVC View 開發技巧小錦囊
WoT Frotend 的設計與實作
WoT Frotend 的設計與實作
淘宝网前端应用与发展
淘宝网前端应用与发展
企業級監控平台的變革與演進
企業級監控平台的變革與演進
Using google appengine_final
Using google appengine_final
twMVC#22 | 一個微信專案從0到.000的效能調教之路
twMVC#22 | 一個微信專案從0到.000的效能調教之路
Asp.Net Mvc 1.0
Asp.Net Mvc 1.0
Data Pipeline Matters
Data Pipeline Matters
Glamous形象網站建置服務
Glamous形象網站建置服務
Non-MVC Web Framework
Non-MVC Web Framework
利用 ASP.NET MVC 提升您的 Web 應用程式
利用 ASP.NET MVC 提升您的 Web 應用程式
阿里巴巴国际站架构分析和镜像解决方案
阿里巴巴国际站架构分析和镜像解决方案
常用开发工具介绍
常用开发工具介绍
SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17
twMVC#15 | 開發的效能與效率
twMVC#15 | 開發的效能與效率
前端开发演进之路 | The development of the front end - By TaoBeier
1.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 1/19 前端开发演进之路 从大后端到前端组件化
2.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 2/19 大后端时代 MVC
3.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 3/19 优势 后端数据直接渲染模板, 速度快 页面可以直接执行代码逻辑 后端程序员可以无缝开发
4.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 4/19 缺点 页面嵌入代码逻辑, 复用和结构调整需考虑变量相关 不易测试前端逻辑 (多后端)同时开发(同一功能)效率低下
5.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 5/19 分离后端逻辑 数据API时代
6.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 6/19 特点 后端只负责渲染页面 不再使用后端模板 前后端通过数据API交互
7.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 7/19 优势 前端独立 协作更加高效
8.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 8/19 缺点 前端页面富含js逻辑,各种dom操作 不够工程化
9.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 9/19 前端框架兴起 前端MVC时代
10.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 10/19 特点 前端路由 逻辑由前端控制
11.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 11/19 优势 前端工程化 可测试 减少页面随处js逻辑的情况 前端可以更加专注
12.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 12/19 缺点 代码冗余 复用率不够高
13.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 13/19 前端工程化 前端组件化时代
14.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 14/19 特点 MVVM 数据驱动 前端功能模块组件化 前端架构设计更清晰 UI与逻辑解耦
15.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 15/19 优势 复用率高 Web Application 工程化程度较高
16.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 16/19 缺点 对工程师要求较高 对前端生态需要熟悉
17.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 17/19 代码结构
18.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 18/19 总结 后端MVC 前端MVC 前端MVVM 组件化
19.
2016/9/2 前端开发演进之路 -
By TaoBeier http://172.18.13.248:8081/md/doc.md?print=1 19/19 Thanks
Download now