machine的专栏

knockoutjs十一 value绑定我自己都没有想到自己会写一个博客写到第十一篇，而且看过我博客的人也越来越多，我在这期间也学会了更多，这个系列的博客估计在十五篇左右就结束了，我准备把经常用到的都写完，还又一些更高级的就不写了，毕竟我因为离开了之前的公司，不再用这个框架了，以后可能会写一些小的demo，希望大家到时候还能捧场。废话不多说： <p>Login name:

knockoutjs十五 template绑定template 是很重要的一个用法，last but not least，他使我们的代码更加的简洁，我们在写代码的时候，经常会遇到很多的重复代码，我们总是重复的写，浪费事件也不容易维护，那么我们就做成膜版，多用于循环之类的。 <div class="container"> <div class="row">

knockoutjs十四 option绑定option绑定出息在select 中，我只想讲单选的select，这个用的比较多，至于多选的请大家自行学习吧。 讲解select我就不照着官方的例子讲了，因为这是我之前用的比较多的，我也浪费了很多时间学习这个，所以我就用一个例子来讲解下，那就是select之间的联动。想必大家都知道联动是select经常出现的。 <div class="

knockoutjs十三 focus checked绑定毕设加上班有点忙，不好意思，今天讲解的时focus和checked绑定，好久没去官网看看，发现他们已经更新了不少东西，这些我以前都没有用过，就找个官方的例子讲解一下。 <input data-bind="hasFocus: isSelected" /> <button data-bind="click: setI

knockoutjs十一 textInput绑定今天讲解的是textInput绑定，这其实和value绑定是一样的，但是比value的双向绑定强一点<div class="container"> <p>Login name: <input data-bind="textInput: userName" /> </p> <p>P

knockoutjs三 text和apperance的绑定由于换了工作，要熟悉新的工作环境，所以没有什么时间做自己的事情，今天开始重新开始继续下面的文章，争取尽早写完中间有一部分computed绑定没有写入文章，那是比较高级的用法，开发基本用不到，我在github中有例子，大家想了解可以自己去看看。首先是visible绑定： <li class="list-group-item-

knockoutjs四 foreach的绑定今天要讲的是foreach绑定 <tbody data-bind="foreach:people"> <tr> <td data-bind="text:$index()+1"></td> <td data-bind="text:firstName"></td> <td

knockoutjs五 if的绑定今天是大年初一，实在无聊，写点东西，希望大家新的一年有新的收获。 <label> <input type="checkbox" data-bind="checked: displayMessage" /> Display message </label> <div

knockoutjs六 with 绑定今天要讲的是with绑定，with绑定和if有点相似，用官方文档的说法他的作用是创建了一个上下文， <h1 data-bind="text: city"> </h1> <p data-bind="with: coords"> Latitude: <span data-bind="text: latitude"> </span>, Lo

knockoutjs二 observableArray的使用上次忘记讲了，viewmodel可以有好几仲形式。 1. var viewModel={} 这样写对应的绑定为 ko.applyBindings(viewModel); 2. function ViewModel(){}这样写的把绑定方式是 var viewMode=new ViewModel(); ko.applyBindi

knockoutjs七 click 绑定今天要讲的是click绑定。 先看一个例子： <div> You've clicked <span data-bind="text: numberOfClicks"></span> times <button class="btn btn-success" data-bind="click: incrementClic

knockoutjs八 event绑定今天讲的很简单，是事件绑定，因为click绑定本来就是事件绑定，所以基本上所有的内容相似，就不在多说。<div class="container"> <div data-bind="event: { mouseover: enableDetails, mouseout: disableDetails }"> Mouse

knockoutjs九 submit绑定submit绑定我没有用过，这是ko的新特性，我用ko的时候那时候还是2.x版本，现在已经时3.4版本了，由于我没有在项目中使用过，我就不过多的讲解，因为我了解的也不是很深入，就把官方的东西讲解下。 <form data-bind="submit: doSomething"> <label>name:</label><input type=

knockoutjs十 enable绑定enable绑定用在 input, select, and textarea这些form元素上，当enable绑定的值是非空类的值时，那么这些元素就是enable的，否则就是disable的。 <div class="container"> <p> <input type='checkbox' data-bind="

knockoutjs一 关于knockoutjs=============实习期间，我们公司用的前端框架是knockoutjs，这是一种MVVM的框架。在使用的时候，发现中国关于它的资料很少。所以想写点关于它的文章。knockoutjs的主页：http://knockoutjs.com 。使用方法详见官网。首先是入门，关于如何用observables创建viewModels。Model-View-V