零基础写MVVM前端框架
2018-01-17 13:55
309 查看
学了很久virtual DOM,这里总结总结, 自己手写一个,这样理解更深刻。
关于MVVM前端框架大家都有了解,或多或少的使用过,比如Angular,React,VUE等等。那么你是否也想自己手写一个MVVM的前端框架呢,我们从Virtual DOM入手,手把手教你写基于Virtual DOM的前端框架,在整个编写的过程中,希望大家学习更多,理解更多。
喜爱编程的小伙伴们,我希望您和我一样都是行动派。我们
acba
做事踏踏实实、风风火火,要做就做最好,不吹牛x。习大大教导我们,只要技术扎实,到哪都能吃麻辣香锅!!!
先介绍下基础知识,这个是我之前做的教程的PPT:
PS:大家细心看下来,自己动手做一遍肯定有收获,我后面再补充。
github代码: https://github.com/chalecao/virtualdom
在线教学视频观看: http://study.163.com/course/courseMain.htm?courseId=1004856021
新开的另一个课程,《前端函数式编程易学易用》:http://study.163.com/course/courseMain.htm?courseId=1004884007
DOM与Virtual DOM
构建Virtual DOM
Diff Virtual DOM & Update
Handle Props & Event
封装组件与应用
关于MVVM前端框架大家都有了解,或多或少的使用过,比如Angular,React,VUE等等。那么你是否也想自己手写一个MVVM的前端框架呢,我们从Virtual DOM入手,手把手教你写基于Virtual DOM的前端框架,在整个编写的过程中,希望大家学习更多,理解更多。
喜爱编程的小伙伴们,我希望您和我一样都是行动派。我们
acba
做事踏踏实实、风风火火,要做就做最好,不吹牛x。习大大教导我们,只要技术扎实,到哪都能吃麻辣香锅!!!
先介绍下基础知识,这个是我之前做的教程的PPT:
PS:大家细心看下来,自己动手做一遍肯定有收获,我后面再补充。
github代码: https://github.com/chalecao/virtualdom
在线教学视频观看: http://study.163.com/course/courseMain.htm?courseId=1004856021
新开的另一个课程,《前端函数式编程易学易用》:http://study.163.com/course/courseMain.htm?courseId=1004884007
DOM与Virtual DOM
构建Virtual DOM
Diff Virtual DOM & Update
Handle Props & Event
封装组件与应用
相关文章推荐
- 前端JS框架系列之requireJS基础学习
- 前端 MVVM 框架KnockOut.JS深入浅出视频教程
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(5):文本和样式绑定(下篇)
- 轻量级前端MVVM框架avalon - 整体架构
- Android基础——框架模式MVVM之DataBinding的实践
- Prism框架(四)——MVVM模式基础
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(7):控制流Control Flow(中篇):理解绑定上下文
- Cpage.js,一款轻盈的前端MVVM框架
- 轻量级前端MVVM框架avalon - 初步接触
- 前端MVVM框架设计及实现(一)
- 前端MVVM框架avalon - 模型转换1
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(8):控制流Control Flow(下篇):if和with绑定
- es6入门,前端三大框架基础学习
- Android基础概念复习资料。Android框架MVC、MVP、MVVM概念复习。
- WEB前端使用 webpack + reack 搭建框架 01 基础框架
- Javascript MVVM模式前端框架—Knockout 2.1.0系列(11):内建绑定之——Enable、Value、uniqueName绑定
- 不要听吹牛逼什么前端MVVM框架就是好,其实都是一帮没学好分层设计的搞出来的,让你彻底看清前端MVVM的本质
- 前端MVVM框架设计及实现
- 【转】前端框架基础:Babel & package.json & npm & nodemon
- js架构设计模式——前端MVVM框架设计及实现(一)