E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
KnockoutJS
KnockoutJS
-与服务端交互
几乎所有Web应用程序都要和服务器端交换数据,交换数据时最方便的就是使用JSON格式。Knockout可以实现很复杂的客户端交互,对于前后端交互使用的技术最为基本且常用的是Ajax,本次利用Ajax和ko的双向绑定完成一些简单的功能,可以快速展示出ko的方便之处。代码地址:https://gitee.com/530521314/Partner.TreasureChest.git一、服务端返回数据绑
微笑刺客D
·
2019-01-02 22:00
KnockoutJS
知识规整目录
对于Web开发来讲,前端接触是避免不了的,特别是对于中小公司,没有严格的职位区分,前后端人员互相身兼是常有的事情,使用一些好的框架,能够帮助我们快速开发并完成需要的功能,对于前端的JS框架来讲MVVM框架一直处于火热状态,现有名的三大巨头,Angular、Vue和React受众多人喜爱并且也用于公司项目或个人项目中,对于这三个框架,我接触的不多,只片面了解,从最早接触了WPF中的MVVM到转向We
微笑刺客D
·
2018-12-25 19:00
SpringMvc框架中ajax防表单重复提交
SpringMvc框架中ajax防表单重复提交SpringMVC中如果使用了
knockoutJs
前端开发框架,在表单提交的时候只需要把ViewModel中的数据以Ajax提交的方式提交到后台进行处理,这时候我们需要在前端做防止重复提交
银色亡灵
·
2018-10-24 21:23
java
测试
框架
文档
案例
SpringMvc框架
基于Webpack,
KnockoutJs
,esyui,koeasyui实现类vue-cli生成的模板框架
不才的本人曾以JQuery走天涯;后又接受了
Knockoutjs
,被他MVVM思想所吸引;也学习和了解过vue,他确实很棒,很了不起,但他不兼容ie8-(基于他的几款UI框架对低本的IE支持都不友好)。
小龙女先生
·
2018-10-21 16:00
Knockout中文开发指南(完整版API中文文档) 目录索引
并且本系列
KnockoutJS
教程是基于最新的3.4.0版本入手的。
beststone1
·
2018-05-14 15:55
KnockoutJS
「1分钟--前端01」vue双向绑定
vue双向绑定.png目录⊙常见双向绑定的实现方法⊙基于数据劫持双向绑定的优点⊙基于Object.defineProperty双向绑定的两个缺点⊙Proxy实现双向绑定的特点一.常见双向绑定的方法1.
KnockoutJS
悬笔e绝
·
2018-05-10 01:46
在
knockoutjs
上自己实现的flux(实例讲解)
在
knockoutjs
上实现Flux单向数据流状态机,主要解决多个组件之间对数据的耦合问题。
小龙女先生
·
2017-12-18 09:38
knockoutjs
模板实现树形结构列表
数据结构/*数据*/varko_vue_data=[{name:"总能耗",number:"0",energyone:14410,energytwo:1230,energythree:1230,huanRatio:-36.8,tongRatio:148.5,child:[{name:"租户电耗",number:"1",energyone:14410,energytwo:1230,energythr
yn_zihuatanejo
·
2017-07-31 16:28
在
KnockoutJS
中动态更换模板
在
KnockoutJS
中动态更换模板NOTE:本文来源DynamicallyChangingTemplatesinKnockoutJS-KnockMeOut由赤石俊哉翻译整理。
赤石俊哉
·
2017-07-20 00:00
knockout
javascript
前端
JavaScript中双向数据绑定详解
许多流行的客户端JavaScript框架例如Ember.js,AngularJS以及
KnockoutJS
都将双向数据绑
张小俊128
·
2017-05-03 15:30
vue.js中指令Directives详解
想必喜欢前端开发的小伙伴们都或多或少接触过MVVM这个概念,说起MVVM,第一时间想到的便是angularjs,
knockoutjs
等已经被广泛运用的MVVM框架,之前我也没有在这方面有很多了解,最近在做项目的过程中接触了
Byronic
·
2017-03-20 09:35
强不强?能在多种前端框架下使用的表格控件
近几年Web前端框架特别流行,比如AngularJS、AngularJS2、ReactJS、
KnockoutJS
、VueJS等。表格控件是我们在开发中经常要用到的控件。
葡萄城控件
·
2017-02-17 00:00
angular2
html
Asp.net MVC利用
knockoutjs
实现登陆并记录用户的内外网IP及所在城市(推荐)
前言前面第一篇开了头个,现在想先从登陆写起,但感觉还有很多东西应该放在前面写,比如1、MVC及WebAPI的Route配置,WebAPI的Route配置如何支持命名空间2、如何配置Filters(实现安全验证、错误处理等等)3、自定义Filters、HttpRouteConstraint、ModelBinder及HttpParameterBinding等这些问题在我开发过程中都有碰到,但感觉每一点
星辰hq
·
2017-02-06 11:15
详解能在多种前端框架下使用的表格控件
近几年Web前端框架特别流行,比如AngularJS、AngularJS2、ReactJS、
KnockoutJS
、VueJS等。表格控件是我们在开发中经常要用到的控件。
启明
·
2017-01-11 17:32
代码演示用
KnockoutJS
和 Web API 对一个表格(Gird)进行 CRUD 操作,在 MVC 5 下
实体类:usingSystem; usingSystem.Collections.Generic; publicpartialclassEmployeeInfo { publicintEmpNo{get;set;} publicstringEmpName{get;set;} publicstringDeptName{get;set;} publicstringDesignatio
自由的生活
·
2017-01-07 20:58
理解AngularJs篇:30分钟快速掌握AngularJs
在前面文章中,我们介绍了如何使用
KnockoutJs
来打造一个单页面程序,后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序。
Learning hard
·
2016-12-23 14:18
JS组件系列——BootstrapTable+
KnockoutJS
实现增删改查解决方案(三):两个Viewmodel搞定增删改查
前言:之前分享过很多bootstrap常用组件,包括表格、表单验证、文件上传、复选下拉框、弹出框等。这段时间,博主又收藏了一些好用的组件(有些在项目中已经用起来了),经过两天的时间,已经整理出了一部分,本着“好东西要与人分享”的原则,今天还是来点福利,将博主收藏的东西分享出来,供需要的园友参考。组件大部分都是些开源组件,也有部分是博主自己在网上找到然后改写出来的效果,可能不尽如人意,有兴趣的且看看
doc_wei
·
2016-12-21 13:42
JS组件
关于Web前端思想、技术、框架、组件的封装与选择
特别是为了降低前端开发复杂度,涌现了一大批的MVC/MVVM模式的前端框架,不停了刷新我们的代码组织结构及开发模式,比如:BackboneJS、EmberJS、
KnockoutJS
、AvalonJS(国产
Bobby0322
·
2016-11-09 14:10
Knockout中文开发指南(完整版API中文文档) 目录索引
并且本系列
KnockoutJS
教程是基于最新的3.4.0版本入手的。对于一些高版本强迫症的人是一种福利。赶紧开始你的学习征程吧!目录第一章简介简介第二章数据监控(2节)视图模型
SmallProgram
·
2016-10-19 13:00
KnockoutJS
3.X API 第八章 映射(mapping)插件
Knockout旨在允许您将任意JavaScript对象用作视图模型。只要一些视图模型的属性是observables,您可以使用KO将它们绑定到您的UI,并且UI将在可观察属性更改时自动更新。大多数应用程序需要从后端服务器获取数据。由于服务器没有任何可观察的概念,它只提供一个纯JavaScript对象(通常序列化为JSON)。映射插件提供了一种简单的方法来将该简单的JavaScript对象映射到具
SmallProgram
·
2016-10-19 13:00
KnockoutJS
3.X API 第七章 其他技术(8) 异步错误处理
注意:本文档适用于Knockout3.4.0及更高版本。ko.onErrorKnockout包装内部异步调用,并在抛出原始错误之前查找可选的ko.onError回调以执行(如果遇到异常)。这使您有机会运行自定义逻辑,例如将错误传递到日志记录模块。此外,由于原始调用被包装在try/catch中,传递给ko.onError的错误包含一个堆栈属性,在使用window.onerror处理错误时,这在许多浏
SmallProgram
·
2016-10-19 11:00
KnockoutJS
3.X API 第七章 其他技术(7) 微任务
注意:本文档适用于Knockout3.4.0及更高版本。Knockout的微任务队列Knockout的微任务队列支持调度任务尽可能快地运行,同时仍然是异步的,努力安排它们在发生I/O,回流或重绘之前发生。它在内部用于Knockout组件以维护异步行为,以及用于安排可观察量的延迟更新。ko.tasks.schedule(function(){//...});这将把提供的回调函数添加到微任务队列。Kn
SmallProgram
·
2016-10-19 11:00
KnockoutJS
3.X API 第七章 其他技术(6) 使用“fn”添加自定义函数
有时,您可能会通过向Knockout的核心值类型添加新功能来寻找机会来简化您的代码。您可以在以下任何类型中定义自定义函数:因为继承,如果你附加一个函数到ko.subscribable,它将可用于所有其他的。如果你附加一个函数到ko.observable,它将被ko.observableArray继承而不是ko.computed继承。要附加自定义函数,请将其添加到以下可扩展性点之一:ko.subsc
SmallProgram
·
2016-10-19 11:00
KnockoutJS
3.X API 第七章 其他技术(5) 使用其他事件处理程序
在大多数情况下,数据绑定属性提供了一种干净和简洁的方式来绑定到视图模型。然而,事件处理是一个常常会导致详细数据绑定属性的领域,因为匿名函数通常是传递参数的推荐技术。例如:remove作为替代,Knockout提供了两个帮助函数,它们允许您标识与DOM元素关联的数据:ko.dataFor(element)-返回可用于与元素绑定的数据ko.contextFor(element)-返回DOM元素可用的整
SmallProgram
·
2016-10-19 11:00
KnockoutJS
3.X API 第七章 其他技术(4) 速率限制
注意:这个速率限制API是在Knockout3.1.0中添加的。通常,更改的observable立即通知其订户,以便依赖于observable的任何计算的observable或绑定都会同步更新。但是,rateLimit扩展器会导致observable在指定的时间段内抑制和延迟更改通知。因此,速率限制的observable异步更新依赖关系。速率限制扩展器可以应用于任何类型的可观察量,包括可观察数组和
SmallProgram
·
2016-10-19 10:00
KnockoutJS
3.X API 第七章 其他技术(3) 延迟更新
注意:本文档适用于Knockout3.4.0及更高版本。对于先前版本,“延迟更新”插件提供类似的支持。在复杂的应用程序中,由于具有多个交织的依赖关系,更新单个observable可能会触发计算的observable,手动订阅和UI绑定更新的级联。如果将不必要的中间值推送到视图或产生额外的计算的可观察评估,则这些更新可能是昂贵的和低效的。即使在简单的应用程序中,更新相关的可观察量或单个可观察的多次(
SmallProgram
·
2016-10-19 10:00
KnockoutJS
3.X API 第七章 其他技术(2) 使用扩展器来增加可观察量(监控属性)
Knockoutobservables提供了支持读取/写入值并在值改变时通知订阅者所需的基本功能。但在某些情况下,您可能希望向可观察者添加其他功能。这可能包括通过在可观察者前面放置一个可写的计算可观察符来向可观察或截取写入添加额外的属性。敲除扩展器提供了一种简单和灵活的方式来对可观察者进行这种类型的扩充。如何创建扩展器创建扩展器涉及向ko.extenders对象添加一个函数。函数接受observa
SmallProgram
·
2016-10-19 10:00
KnockoutJS
3.X API 第七章 其他技术(1) 加载和保存JSON数据
Knockout允许您实现复杂的客户端交互性,但几乎所有Web应用程序还需要与服务器交换数据,或至少将本地存储的数据序列化。最方便的交换或存储数据的方式是JSON格式-大多数Ajax应用程序今天使用的格式。加载或保存数据Knockout不强制您使用任何一种特殊技术来加载或保存数据。您可以使用任何适合您所选择的服务器端技术的机制。最常用的机制是jQuery的Ajax方法,例如getJSON,post
SmallProgram
·
2016-10-19 09:00
Redux、Flux、Vuex
后来前端工程师仿照MVC模式开发了很多框架出来:backbonejs、angularjs、emberjs、
knockoutjs
等等。再后
alwaysVe
·
2016-10-11 00:00
redux
mvvm
javascript
vuex
flux
KnockoutJS
3.X API 第四章之数据控制流foreach绑定
foreach绑定foreach绑定主要用于循环展示监控数组属性中的每一个元素,一般用于table标签中假设你有一个监控属性数组,每当您添加,删除或重新排序数组项时,绑定将有效地更新UI的DOM-插入或去除相关项目或重新排序现有的DOM元素,不影响任何其他的DOM元素。当然,也可以配合其他控制流一起适用,例如if和with。示例1:遍历监控属性数组本例适用foreach绑定,在一个table标签中
SmallProgram
·
2016-10-10 13:46
KnockoutJS
3.X API 第四章之数据控制流if绑定和ifnot绑定
if绑定目的if绑定一般是格式是data-bind=if:attribute,if后所跟属性或表达式的值应为bool值(也可以是非bool值,当非空字符串时则为真),if绑定的作用与visible绑定的作用类似。可控制DOM的显示与隐藏,不一样的地方是,if绑定是物理删除或添加DOM元素。示例1该例展示IF绑定的动态删除添加DOM:DisplaymessageUI源码:Displaymessage
SmallProgram
·
2016-10-10 11:47
KnockoutJS
3.X API 第四章之数据控制流with绑定
with绑定的目的使用with绑定的格式为data-bind=”with:attribute”,使用with绑定会将其后所跟的属性看作一个新的上下文进行绑定。with绑定内部的所有元素将受到该上下文的约束。当然,with绑定也可配合if或foreach绑定一起使用。示例1Latitude:,Longitude:ko.applyBindings({city:"London",coords:{lati
SmallProgram
·
2016-10-10 11:54
KnockoutJS
3.X API 第四章之数据控制流component绑定
一个例子UI源码:Firstinstance,withoutparametersSecondinstance,passingparameters视图模型源码:ko.components.register('message-editor',{viewModel:function(params){this.text=ko.observable(params&¶ms.initialText||'
SmallProgram
·
2016-10-10 11:00
KnockoutJS
3.X API 第四章之click绑定
目的click绑定主要作用是用于DOM元素被点击时调用相关JS函数。最常见用于button、input、a元素。例如:You'veclicked0timesClickme源码:You'veclickedtimesClickmevarviewModel={numberOfClicks:ko.observable(0),incrementClickCounter:function(){varprevi
SmallProgram
·
2016-10-10 11:23
KnockoutJS
3.X API 第四章之事件event绑定
目的event绑定即为事件绑定,即当触发相关DOM事件的时候回调函数。例如keypress,mouseover或者mouseout等例如:Mouseoverme源码:MouseovermeDetailsvarviewModel={detailsEnabled:ko.observable(false),enableDetails:function(){this.detailsEnabled(true
SmallProgram
·
2016-10-10 11:30
KnockoutJS
3.X API 第四章之表单submit、enable、disable绑定
Knockout是一个以数据模型(datamodel)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更新依赖于用户的行为或者外部数据源的改变),KO能够很简单的帮你实现并且很容易维护。submit绑定目的submit绑定即为提交绑定,通常用于form元素。这种绑定方式会打断默认的提交至服务器的操作。转而提交到你设定好的提交绑
SmallProgram
·
2016-10-10 11:11
KnockoutJS
3.X API 第四章之表单value绑定
Knockout是一个以数据模型(datamodel)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更新依赖于用户的行为或者外部数据源的改变),KO能够很简单的帮你实现并且很容易维护。重要特性:优雅的依赖追踪-不管任何时候你的数据模型更新,都会自动更新相应的内容。声明式绑定-浅显易懂的方式将你的用户界面指定部分关联到你的数据
SmallProgram
·
2016-10-10 11:39
knockoutjs
动态加载外部的file作为component中的template数据源的实现方法
玩过
knockoutjs
的都知道,有一个强大的功能叫做component,而这个component有个牛逼的地方就是拥有自己的viewmodel和template,比如下面这样:ko.components.register
一线码农
·
2016-09-01 09:50
knockoutjs
如何动态加载外部的file作为component中的template数据源
玩过
knockoutjs
的都知道,有一个强大的功能叫做component,而这个component有个牛逼的地方就是拥有自己的viewmodel和template,比如下面这样:ko.components.register
一线码农
·
2016-08-31 18:00
BootstrapTable+
KnockoutJS
相结合实现增删改查解决方案(三)两个Viewmodel搞定增删改查
前言:之前博主分享过
knockoutJS
和BootstrapTable的一些基础用法,都是写基础应用,根本谈不上封装,仅仅是避免了html控件的取值和赋值,远远没有将MVVM的精妙展现出来。
懒得安分
·
2016-08-01 16:56
BootstrapTable+
KnockoutJS
自定义T4模板快速生成增删改查页面
KnockoutJS
系列文章:BootstrapTable与
KnockoutJS
相结合实现增删
懒得安分
·
2016-08-01 15:55
JS组件系列——BootstrapTable+
KnockoutJS
实现增删改查解决方案(四):自定义T4模板快速生成页面
KnockoutJS
系列文章:JS组件系列——Boots
懒得安分
·
2016-08-01 15:00
Knockoutjs
学习系列(二)花式捆绑
在上一篇
Knockoutjs
学习系列(一)ko初体验文章中提到,ko中的data-bind="XX:OO"绑定大法除了可以绑定text、value等内容,还可以绑定visible、style等外观属性,
茄果
·
2016-06-07 14:11
Knockoutjs
学习系列(一)ko初体验
而
knockoutjs
专注于数据绑定,只需一两天就可以投入使用了,学习成本不要太低!在前端进化如此迅速的时代,学习成本也是不得不考虑的一个因素。
茄果
·
2016-06-07 14:50
KnockoutJS
官网:http://
knockoutjs
.com/index.htmlhttp://www.cnblogs.com/TomXu/archive/2011/11/21/2257154.html Knockout
流浪鱼
·
2016-05-31 21:58
开启JavaScript测试之路--Jasmine
初识JasmineJinSun,January17,2016我们要聊些什么:一个不错的引子简单粗暴的介绍那么我们开始吧我该如何使用呢与
KnockoutJS
不得不说的故事引子我们不缺乏解决问题的能力,我们缺少的只是更早发现问题的方法
孙进不后退
·
2016-05-30 13:53
KnockoutJs
快速入门教程
一、引言之前这个系列文章已经介绍Bootstrap,详情请查看本文:《Bootstrap入门教程》,由于最近项目中,前端是Asp.netMVC+
KnockoutJs
+Bootstrap来做的。
Learning hard
·
2016-05-16 15:41
BootstrapTable与
KnockoutJS
相结合实现增删改查功能【二】
在上篇文章给大家介绍了BootstrapTable与
KnockoutJS
相结合实现增删改查功能【一】,介绍了下knockout.js的一些基础用法。接下来通过本文继续给大家介绍。
懒得安分
·
2016-05-10 14:06
BootstrapTable与
KnockoutJS
相结合实现增删改查功能【一】
KnockoutJS
是一个JavaScript实现的MVVM框架。非常棒。比如列表数据项增减后,不需要重新刷新整个控件片段或自己写JS增删节点,只要预先定义模板和符合其语法定义的属性即可。
懒得安分
·
2016-05-10 14:23
AngularJs篇:30分钟快速掌握AngularJs
在前面文章中,我们介绍了如何使用
KnockoutJs
来打造一个单页面程序,后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序。
a7564951
·
2016-05-08 06:00
上一页
1
2
3
4
5
6
7
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他