template.js官网

template.js文档

参见GitHub:https://github.com/yanhaijing/template.js/ template.js简介: template.js 一款javascript模板引擎,简单,好用. template.js遵循简单好用的原则,所有接口都设计简单,职责单一. 功能概述提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果. # 特性 - 模版编译,渲染- 支持所有主流浏览器及Node(UMD)- JavaScript原

Knockout.Js官网学习(系列)

1.Knockout.Js官网学习(简介) 2.Knockout.Js官网学习(监控属性Observables) Knockout.Js官网学习(数组observable) 3.Knockout.Js官网学习(visible绑定) Knockout.Js官网学习(text绑定) Knockout.Js官网学习(html绑定.css绑定) Knockout.Js官网学习(style绑定.attr绑定) 4.Knockout.Js官网学习(click绑定) Knockout.Js官网学习(event

React.js 官网入门教程分离文件操作无法正常显示HelloWord

对着React官网的教程练习操作,在做到分离文件练习时,按照官网步骤来却怎么也无法正常显示HelloWord. 经测试,html文件中内容改为: <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Hello React</title> <script src="../react-15.2.0/build/re

Knockout.Js官网学习（简介）

前言最近一段时间在网上经常看到关于Knockout.js文章,于是自己就到官网看了下,不过是英文的,自己果断搞不来,借用google翻译了一下.然后刚刚发现在建立asp.net mvc4.0的应用程序的时候,建完之后我直接在项目的Scripts中看到了这两个js类库,用谷歌翻译看了下官网,Ko的实现原理是MVVM,比MVC高级一些. 简介MVVM模式 MVVM是Model-View-ViewModel的简写. WPF的数据绑定与Presentation Model相结合是非常好的做法,使得开发

vue.js 官网及组件网站记录

官网 https://cn.vuejs.org/v2/guide/ 饿了么组件: http://element-cn.eleme.io/#/zh-CN/component/tree 异步请求框架插件 Axios https://www.kancloud.cn/yunye/axios/234845 组件集合: http://www.wheelsfactory.cn/#/detail?id=88

Knockout.Js官网学习（模版绑定）

模板绑定器如今页面结构越来越复杂,仅仅依靠foreach已经不足以我们的使用,这个时候我们就需要模板的存在,模板的优点自然很多,首先会让页面整洁,同时修改起来也可以方面的定位,最重要的是ko可以条件式选择模板来呈现数据.下面我们将开始逐一的学习. 1.呈现一个简单的模板常规的js我们需要写上去,如下所示: 1 <script type="text/javascript"> 2 $(function () { 3 var viewMode = { 4 datas: ko.

Knockout.Js官网学习（value绑定）

前言 value绑定是关联DOM元素的值到view model的属性上.主要是用在表单控件<input>,<select>和<textarea>上. 当用户编辑表单控件的时候, view model对应的属性值会自动更新.同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更新. 注:如果你在checkbox或者radio button上使用checked绑定来读取或者写入元素的 checked状态,而不是value 值的绑定. 简单示例代码如

js官网判断是否手机跳转到手机页面

Knockout.Js官网学习（event绑定、submit绑定）

event绑定 event绑定在DOM元素上添加指定的事件句柄以便元素被触发的时候执行定义的JavaScript 函数.大部分情况下是用在keypress,mouseover和mouseout上. 简单示例 <div> <div data-bind="event: { mouseover: enableDetails, mouseout: disableDetails }"> Mouse over me </div> <div data-bin

Knockout.Js官网学习（style绑定、attr绑定）

Style绑定 style绑定是添加或删除一个或多个DOM元素上的style值.比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar.(注:如果你不是应用style值而是应用CSS class的话,请参考CSS绑定.) Style简单示例 <div data-bind="style: { color: currentProfit() < 0 ? 'red' : 'black' }"> Profit Information </div> <s

Knockout.Js官网学习（click绑定）

前言 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数.大部分是用在button,input和连接a上,但是可以在任意元素上使用. 简单示例 <h2>ClickBind</h2> <div> You've clicked <span data-bind="text: numberOfClicks"></span> times <button data-bind="

Knockout.Js官网学习（text绑定）

前言 text 绑定到DOM元素上,使得该元素显示的文本值为你绑定的参数.该绑定在显示<span>或者<em>上非常有用,但是你可以用在任何元素上. 简单绑定 Today's message is: <span data-bind="text: myMessage"></span> <script type="text/javascript" src="~/Scripts/knockout-2.3.0.

slot 插槽的作用域用法(摘自vue.js 官网)

有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽.例如一个简单的 <todo-list> 组件的模板可能包含了如下代码: <ul> <li v-for="todo in todos" v-bind:key="todo.id" > {{ todo.text }} </li></ul> 但是在我们应用的某些部分,我们希望每个独立的待办项渲染出和 todo.text 不太一样的东西.这也是作用域插

Knockout.Js官网学习（enable绑定、disable绑定）

enable绑定 enable绑定使DOM元素只有在参数值为 true的时候才enabled.在form表单元素input,select,和textarea上非常有用. enable简单示例 <h2>enableBind</h2> <p> <input type='checkbox' data-bind="checked: hasCellphone"/> I have a cellphone</p> <p> You

Knockout.Js官网学习（checked 绑定）

前言 checked绑定是关联到checkable的form表单控件到view model上 - 例如checkbox(<input type='checkbox'>)或者radio button(<input type='radio'>) .当用户check关联的form表单控件的时候,view model对应的值也会自动更新,相反,如果view model的值改变了,那控件元素的check/uncheck状态也会跟着改变. 注:对text box,drop-down list和

Knockout.Js官网学习（options绑定）

前言 options绑定控制什么样的options在drop-down列表里(例如:<select>)或者 multi-select 列表里 (例如:<select size='6'>)显示.此绑定不能用于<select>之外的元素.关联的数据应是数组(或者是observable数组),<select>会遍历显示数组里的所有的项. 对于multi-select列表,设置或者获取选择的多项需要使用selectedOptions绑定.对于single-selec

Knockout.Js官网学习（selectedOptions绑定、uniqueName 绑定）

selectedOptions绑定 selectedOptions绑定用于控制multi-select列表已经被选择的元素,用在使用options绑定的<select>元素上. 当用户在multi-select列表选择或反选一个项的时候,会将view model的数组进行相应的添加或者删除.同样,如果view model上的这个数组是observable数组的话,你添加或者删除任何item(通过push或者splice)的时候,相应的UI界面里的option项也会被选择上或者反选.这种方式是2

Knockout.Js官网学习（加载或保存JSON数据）

前言 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式. 加载或保存数据 Knockout不限制你用任何技术加载和保存数据.你可以使用任何技术和服务器来交互.用的最多的是使用jQuery的Ajax帮助,例如:getJSON,post和ajax.你可以通过这些方法从服务器端获取数据: $.getJSON("/some/url"

Knockout.Js官网学习（Mapping插件）

前言 Knockout设计成允许你使用任何JavaScript对象作为view model.必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新. 使用mapping要引用的Js文件https://github.com/SteveSanderson/knockout.mapping/tree/master/build/output. 手工mapping 显示当前服务器时间和你网站上的当

Knockout.Js官网学习（Mapping高级用法二）

使用ignore忽略不需要map的属性如果在map的时候,你想忽略一些属性,你可以使用ignore累声明需要忽略的属性名称集合: " }; var mapping = { 'ignore': ["age"] }; var viewModel = ko.mapping.fromJS(data, mapping); 这样执行后age不会在viewModel中你声明的忽略数组被编译到默认的ignore数组里.你可以像下面代码一样来维护它: var oldOptions = ko

Knockout.Js官网学习（html绑定、css绑定）

Html绑定 html绑定到DOM元素上,使得该元素显示的HTML值为你绑定的参数.如果在你的view model里声明HTML标记并且render的话,那非常有用. 简单示例 <div data-bind="html: details"></div> <script type="text/javascript"> var viewModel = { details: ko.observable() }; ko.applyBind

巴特西