canjs
king_jw
这个作者很懒,什么都没留下…
展开
-
Canjs基础教程之Mustach
Mustache/Stache是Canjs的模版,Mustache模版看起来平常的Html,只是在其中加入了标签(可以取值,计算和简单的逻辑判断等).先看一个例子Mustache Template<script id="template" type="text/mustache"> <h1>Welcome {{user}}!</h1> <p>You have {{messages}}原创 2015-06-13 23:14:20 · 1090 阅读 · 0 评论 -
canjs基础教程之Components
ComponentsComponent 可以很容易的结合observables,templates,controls的功能特性。TagTag:自定义定节点名称的Html元素,当自定义的tab标签在模板中出现时,就会在这个标签元素上创建一个Component实例 Eg:1. can.Component.extend({2. tag: "todos-editor"3. }) 1. var原创 2015-06-10 20:26:50 · 977 阅读 · 0 评论 -
Canjs 基础教程之技巧篇
个人学习之用.以后有时间补全原创 2015-06-10 20:59:32 · 1408 阅读 · 0 评论 -
Canjs基础教程之Controls
ControlsControls 是Constructs的子类,MVC框架中的C. 示例:var Todos = can.Control({ default:{ age:23, name: 'sheldon1' }},{ init: function(el, options) { var s原创 2015-06-10 20:21:12 · 798 阅读 · 0 评论 -
canjs基础教程之Route
Routingcan.route 是CanJS路由的核心功能,也是一个特殊的Observe,当window.location.hash的值有变动时,can.route的属性值也会更新;同样,can.route的属性值有变动时,window.location.hash的值也会有更新。 可以给can.route附加一个传递URL属性的模板 Eg:1. // Give can.route a tem原创 2015-06-10 20:32:55 · 821 阅读 · 0 评论 -
canjs基础教程之EJS
**EJS**EJS是Canjs的默认的模版语言,当和Observes一起使用时可以提供Live bind.如下一个EJS模版示例:1.<script type="text/ejs" id="todoList">2.<%for(var i =0; i < todos.length;++i){%>3. <li><%=this[i].attr('description')</li>4.<%}原创 2015-06-10 20:09:35 · 721 阅读 · 0 评论 -
CanJS基础教程
1 加载Loading CanJSCanJS加载方式: - 直接引用js库(canjs官网可以定制插件一起打包下载) l - AMD(requirejs)<html><head> <title>CanJS Tutorial</title></head><body> <scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.11.翻译 2015-06-11 21:50:57 · 3156 阅读 · 1 评论 -
canjs基础教程之EJS
EJSEJS是Canjs的默认的模版语言,当和Observes一起使用时可以提供Live bind.如下一个EJS模版示例:1.<script type="text/ejs" id="todoList">2.<%for(var i =0; i < todos.length;++i){%>3. <li><%=this[i].at...2015-06-10 20:05:27 · 154 阅读 · 0 评论