knockout框架

介绍：简称ko
采用模式：MVVM模式
优点：免费开源，小型轻巧没有任何依赖关系，支持所有主流浏览器，包括ie6
与vue对比理解
两个框架都采用MVVM模式：
M：modle层处理逻辑
V：view层视图层
VM：沟通V与M层，其实就是双向绑定
vue当中有许多的指令，ko当中的一些绑定方法，如果熟悉vue或者agluar可以理解为也是指令，用法相似

ko当中的一些绑定方法（可以理解为指令）

data-bind="text:变量名"
data-bind="html:变量名"
data-bind="value:"变量名"
data-bind="attr:{id:'id名'}"
data-bind="click:方法名"
data-bind="foreach;列表名"
...

用法

<div id="sample" data-bind="text:coontent"></div>
<script>var sample={text:ko.observable("嘿嘿")}ko.applyBindings(sample, document.getElementById("sample"));//ko.applayBindings()绑定模块到元素，第一个参数是模块名，第二个参数是获取页面DOM
</script>

text与html用法一样，不同点是用html浏览器会解析标签，用text不会解析标签
value是针对input元素的
attr，与原生的attribute相比较就好理解了，添加元素属性
click单机事件了，对应的变量名后面是函数
foreach是遍历一组数据，一般放在数组当中，与vue的v-for功能一样，或者是aglaur当中的*ng-for功能一样，都是循环遍历展示数据

knockout框架相关推荐

1分钟选好最合适你的JavaScript框架
Javascript框架(以下简称框架)也被称为Javascript库,是一组包含丰富功能和函数的JavaScript代码集,能够帮助开发者快速完成Web设计和开发工作.随着Web社区的越发活跃,新的 ...
爱创课堂教你如何1分钟选好最合适你的JavaScript框架
面对市面上丰富多样的框架,很多Web开发团队都感到难以抉择,性能.速度.兼容性等等方面,我们到底应该怎么选?我介绍一个工具和一本手册,只需1分钟,即可为你和你的团队选好最适合的框架. JavaScri ...
knockout简介
knockout简介前言 knockout到底是很么 knockout的使用前言这一段时间,公司要完善一些代码,有幸接触到了knockout,knockout框架(以下简称KO)是微软推出的一款 ...
第四十五课：MVC,MVP,MVVM的区别
前端架构从MVC到MVP,再到MVVM,它们都有不同的应用场景.但MVVM已经被证实为界面开发最好的方案了. MVP 是从经典的模式MVC演变而来,它们的基本思想有相通的地方:Controller/P ...
c if sortable html,sortable.js中文文档
sortable.js中文文档 Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中.不依赖jQuery.支持 Meteor.Angul ...
一句话理解Vue核心内容
想必教程大家已经看过,也动手做过一些Demo.倘若让大家用一句话概括'"vue是什么",你的答案会是什么?.这里Vue官方教程也给出了自己的一句话解释.就是教程开头的第一句话 Vu ...
表格拖拽、树状拖拽的各种方法
一.简单的表格拖拽 1.sortablejs 地址:https://www.itxst.com/sortablejs/neuinffi.html 配置项: http://www.sortablejs. ...
前端项目中常用的工具包（拖拽排序表格、打印导出表格、文本复制等）【持续更新~~~】
表格类: cdn库 cdn vxe-table[开源的多功能表格] 简介一个基于 vue 的 PC 端表格组件,支持增删改查.虚拟滚动.懒加载.快捷菜单.数据校验.树形结构.打印导出.表单渲染.数据 ...
天哪，我只是想吃顿红烧肉啊
本文由起步科技原创.未经许可,禁止转载! 作者:起步科技前端研究员小茄,专注分享HTML5 App快速开发工具WeX5 的黑魔法以及各种有趣炫酷的前端技术. 前言今天突然想吃红烧肉了,然后问大厨朋友 ...

knockout框架

ko当中的一些绑定方法（可以理解为指令）

用法

knockout框架相关推荐

最新文章

热门文章