roit-js
文章平均质量分 62
da宗熊
one喜欢自己乱搞idea的前端攻城狮
展开
-
riot.js学习【八】观察者
因为Riot是基于自定义标签【组件】开发的。标签内部的所有属性和方法,都是私有的,而外部要访问标签内容,就显得有些困难重重。如果愣是要访问标签里的内容,有几种吃力不讨好的方法:1、window全局变量法<script type="riot/tag"> <todo> <h1>{ title }</h1> this.title = opts.title || "da原创 2015-06-15 15:54:57 · 2560 阅读 · 0 评论 -
riot.js 学习【一】自定义标签
自定义标签Riot.js最强大的功能,莫过于自定义标签。这里说说信任可能遇到的坑。让你编写一个放心的自定义标签原创 2015-06-11 18:04:12 · 2499 阅读 · 2 评论 -
riot.js学习【五】杂烩1
介绍Riot中,各种小知识,如简要的class,event对象,自定义括号,括号转移,内嵌HTML内容等原创 2015-06-12 23:58:31 · 1686 阅读 · 0 评论 -
riot.js学习【四】表达式+Boolean属性
表达式在riot.js中,html标签,可使用比较强大的表达式,来设值。 表达式可用在 innerText, attributes 中,而且100%原汁原味的javascript语法。而针对Boolean的属性,也做了非常友爱的支持。原创 2015-06-12 22:53:41 · 1510 阅读 · 0 评论 -
riot.js学习【九】路由
Riot的路由系统,是基于hashChange的【锚点更改】。有两种监听锚点变化的方法: riot.route 和 riot.route.exec两者的区别如下: 1. exec只在页面加载后,执行一次,仅且一次 2. route页面加载后,不会自动执行 3. route只有锚点变化后,才会执行两者的用法一致,只是执行时机不一致。下面拿exec来举例默认的取值如下:// .../index.原创 2015-06-15 17:14:44 · 1704 阅读 · 0 评论 -
riot.js学习【六】杂烩2
构建方式Riot默认是通过”自定义标签”来构建DOM内容,但是也可以通过属性”riot-tag”,来指定使用哪种”自定义标签”来构建DOM。 如: <div riot-tag="todo" title="da宗熊"></div> 等同于: <todo title="da宗熊"></todo>或者,你也可以在 riot.mount 中,制定构建的元素:<div id="cont原创 2015-06-15 12:09:22 · 2029 阅读 · 0 评论 -
riot.js学习【七】脚本创建标签
创建标签在Riot中,我们通过html代码,创建自定义标签,但实际上,最终可运行的自定义标签,会被编译成脚本。实际上,一段这样的自定义标签代码:<script type="riot/tag"> <todo> <h1>{ title }</h1> this.title = opts.title || "da宗熊"; </todo> </script>通过编原创 2015-06-15 14:07:23 · 1822 阅读 · 0 评论 -
riot.js学习【三】事件
每个自定义标签从编译到构建,到最后的销毁,riot.js都提供了相应的事件。内置有4种事件: update在标签真正刷新UI前执行。它允许我们在更新UI前,改写context的数据 updated在标签UI更新之后执行。这时候,我们可以对dom进行操作了 mount在标签构建完成,放在页面后执行。 unmount当标签从页面移除的时候执行。【一般是调用this.unmount()时执行】 打个例子:原创 2015-06-12 11:36:10 · 3953 阅读 · 0 评论 -
初识riot.js
初识MVP最近网上见到一个比较有趣的名词,而与之息息相关的,有一个叫riot.js的类库。 它体积比想象中要小,但实现了类似angular.js、avalon.js这些流行前端框架的双向绑定,有强大路由器和事件系统。 对jquery友好,能更好,更小的划分网站解构原创 2015-06-11 17:28:09 · 2973 阅读 · 0 评论 -
riot.js学习【二】mixin
Mixin 介绍riot.js中,有个重要的概念,就是mixin,顾名思义,大约的作用就是“混合”。把对象的属性、方法,混合进当前的context[上下文哈,俗点的理解,就是this对象原创 2015-06-11 20:37:15 · 2130 阅读 · 0 评论