Riot视频学习
2016-08-26 16:27
183 查看
Riot特点
自定义标签;
优雅的语法;
虚拟dom;
非常小的特点;
非大公司作后盾,多人贡献的代码
为什么学习Riot(优势)
angularJs, react体积太大,不太适合移动端;
公用组件组件化;
轻量级MVM框架;
引入概念少,容易入门;
操作数据代替操作dom提高开发效率;
代码量少,修改起来更容易,容易维护;
Riot的应用场景
因为体积小适合移动端开发;
多页面的前后端分离开发;
组件封装;
不会和其他框架有什么冲突;
开发前准备工作
编辑器的JSX插件
sublime使用JSX插件
基本语法
if & show & hide
函数与事件绑定
表达式 {title || 'untitled'}
Riot参数设置
yield标签替换html
Tag对象解析(1. root //最外层的dom 2. on监听事件 off移除监听 one trigger 4个事件机制 3.parent && tags //父级tag,子tags 4. mixin ()//方法继承,实现方法复用 5.mount() && unmount() 6.update() 7.自定义属性和方法可以挂在tag上供外层调用);
事件机制主要用于组件间的通信
自定义标签;
优雅的语法;
虚拟dom;
非常小的特点;
非大公司作后盾,多人贡献的代码
为什么学习Riot(优势)
angularJs, react体积太大,不太适合移动端;
公用组件组件化;
轻量级MVM框架;
引入概念少,容易入门;
操作数据代替操作dom提高开发效率;
代码量少,修改起来更容易,容易维护;
Riot的应用场景
因为体积小适合移动端开发;
多页面的前后端分离开发;
组件封装;
不会和其他框架有什么冲突;
开发前准备工作
编辑器的JSX插件
sublime使用JSX插件
基本语法
if & show & hide
函数与事件绑定
表达式 {title || 'untitled'}
Riot参数设置
yield标签替换html
Tag对象解析(1. root //最外层的dom 2. on监听事件 off移除监听 one trigger 4个事件机制 3.parent && tags //父级tag,子tags 4. mixin ()//方法继承,实现方法复用 5.mount() && unmount() 6.update() 7.自定义属性和方法可以挂在tag上供外层调用);
事件机制主要用于组件间的通信
相关文章推荐
- Directshow(SDK)学习笔记九_视频捕捉
- 流媒体学习笔记---------编码视频的预览
- FLV & Flash 视频学习指南
- vc++视频学习
- FlashCom学习第二课:创建一个使用视频的简单的Flash动画
- SOA视频学习的地址
- vc++学习篇(二)——打印和视频功能的实现
- VS2005.NET2.0学习视频_3_快速实现本地化多语言版的制作
- patrick 关于学习asp.net 2.0的视频
- VS2005.NET2.0学习视频_4_新功能综合应用
- vc++学习篇(二)——打印和视频功能的实现
- MPEG4 & H.264学习笔记之一 ------ 视频格式与质量
- VS2005.NET2.0学习视频_2_快速创建数据库表读写删
- FlashCom学习第三课:捕获视频,实现在线拍照的效果。
- ASP.NET 视频学习资源(下载地址)
- 孙鑫老师VC++教学视频学习笔记