随笔分类 -  JavaScript

摘要:KnockoutJs 进阶学习 时间 2014-11-22 20:59:13 CSDN博客 原文 http://blog.csdn.net/huyute/article/details/41386279 Q: KnockOut的双向绑定是如何工作的呢? A: 原理上还是挺简单的: 声明Observa 阅读全文
posted @ 2015-03-03 15:53 hongweigg 阅读(38) 评论(0) 推荐(0)
摘要:在Knockout中,用到了pureComputer(),其原理来自于纯函数(pure function)。那么,什么叫纯函数呢? 纯函数 (来自:http://en.wikipedia.org/wiki/Pure_function) 在计算机编程中,假如满足下面这两个句子的约束,一个函数可能被描述 阅读全文
posted @ 2015-03-03 10:55 hongweigg 阅读(10) 评论(0) 推荐(0)
摘要:在Knockout中直接使用函数传递参数是不行的,会导致函数在初始化时就被调用,例如: <span style="font-size:14px;"><div data-bind="click:changeEditor($index)"></div> </span> 将导致函数在初始化时,点击事件ch 阅读全文
posted @ 2015-03-02 17:53 hongweigg 阅读(6) 评论(0) 推荐(0)
摘要:资源清理和内存管理 可选择地,你的viewmodel类可以有一个dispose函数,假如实现,Knockout将调用这个函数,无论什么时候该组件被销毁(例如,因为响应的项被从foreach中除去,或者if绑定变成false) 你必须使用dispose 来除去任何不是被内在的垃圾可收集的资源。例如: 阅读全文
posted @ 2015-02-27 16:46 hongweigg 阅读(28) 评论(0) 推荐(0)
摘要:jQuery中包裹后的DOM对象实际上是一个数组,要获得纯粹的DOM对象可以有两种方式: 1、使用数组索引方式访问,例如: var dom = $(dom)[0]; 2、使用函数get()访问,例如: var dom = $(dom).get(0); get()函数中的参数为索引号。 3、示例 va 阅读全文
posted @ 2015-02-27 11:18 hongweigg 阅读(54) 评论(0) 推荐(0)
摘要:在进行Knockout组件嵌套模板编写时,会有多个引号的使用,特别是单引号和双引号同时使用时,这里有一个例子【1】: templateEngine.addTemplate("ko_simpleGrid_grid", "\ <table class=\"ko-grid\" cellspacing=\" 阅读全文
posted @ 2015-02-12 11:51 hongweigg 阅读(15) 评论(0) 推荐(0)
摘要:Knockuot JS 似乎只考虑过怎么绑定(ko.applyBindings()),却没考虑过怎么去除绑定,当修改了DOM内容,需要重新绑定时,发现似乎无能为力。 一、解决办法 这里有一个重新绑定的方法,就是使用ko.cleanNode(<YOUR DOM NODE>),然后再使用ko.apply 阅读全文
posted @ 2015-02-11 11:12 hongweigg 阅读(29) 评论(0) 推荐(0)
摘要:使用JavaScript,按照面向对象的思想来构建组件。 现以构建一个TAB组件为例。 从功能上讲,组件包括可视部分和逻辑控制部分;从代码结构上讲,组件包括代码部分和资源部分(样式、图片等)。 组件的特点:高内聚,低耦合(不与其他代码逻辑交叉,可以继承,包含);封装性(隐藏私有方法和变量);可重用性 阅读全文
posted @ 2015-01-15 20:07 hongweigg 阅读(13) 评论(0) 推荐(0)
摘要:使用jQuery进行组件开发和使用纯JavaScript脚本(不使用框架)原理基本类似,特别是公共方法的组织是一样的。 不同点是,jQuery使用了插件机制,通过$()直接进行操作对象(DOM元素)绑定,然后对DOM元素或HTML代码进行绑定事件等的操作。 另一个不同点则是把jQuery当做工具来使 阅读全文
posted @ 2015-01-15 19:13 hongweigg 阅读(146) 评论(0) 推荐(0)
摘要:目标:EXTJS组件开发,从component基础实现一个TAB控件。 使用EXTJS版本为5.0。测试通过。 这个例子还很初级,仅仅是说明通过示例使用EXTJS进行组件开发的一个基本思路。 <html> <head> <meta http-equiv="Content-Type" content= 阅读全文
posted @ 2015-01-15 17:30 hongweigg 阅读(18) 评论(0) 推荐(0)
摘要:对于初接触或很久没有碰EXT的人来说,可能会碰到下面的问题: 1、使用EXT JS 5.1时,发现直接点里面examples内的内容还查看不了,只看到几行描述文字。 为了完整查看其示例,正确地做法是: 建立WEB SERVER 文档路径指向build目录下的examples目录而非第一级目录中的ex 阅读全文
posted @ 2015-01-14 16:51 hongweigg 阅读(20) 评论(0) 推荐(0)
摘要:JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3.. 阅读全文
posted @ 2015-01-13 14:25 hongweigg 阅读(4) 评论(0) 推荐(0)
摘要:在programmer心中,可能有很多人对斜线(/,slash)和反斜线区(\,backslash)分不清楚,或者说非常容易忘记、搞混,这里讲一个容易记住的秘诀。 参照中文汉字“八”的书写顺序,先书写的一个笔画为“撇”(丿),后书写的为“捺”(丶),符号“/”的倾斜方向与“丿”一致,因此叫做斜线,而 阅读全文
posted @ 2015-01-06 09:33 hongweigg 阅读(52) 评论(0) 推荐(0)
摘要:注:使用createDocumentFragment创建TABLE 行的效率要高 使用table自带方法和DOM方法操作HTML table的区别 table表格的操作有两种方法,一种是标准的Table对象方法: 方法描述IEFOW3CcreateCaption()为表格创建一个 caption 元 阅读全文
posted @ 2015-01-05 17:22 hongweigg 阅读(15) 评论(0) 推荐(0)
摘要:在IE中,你是否碰到过Textarea的滚动条不能拖动,但点上下按钮可以滚动内容? 这个问题的原因很可能就是在该Textarea中绑定了onfocus事件,但是,基于某种条件,又将其焦点去掉(即blur()),这样就导致滚动条不能拖动。 一个典型的例子为: me.$input.on("focus", 阅读全文
posted @ 2014-12-29 21:24 hongweigg 阅读(48) 评论(0) 推荐(0)
摘要:在Javascript 中,特别是在AJAX中,回调函数常常是一个函数名,没有地方放入参数,如下面的AJAX代码,在成功后将调用回调函数callback,但callback是有参数的,如何把参数传进来呢? var callback = function(p1){ //do something } v 阅读全文
posted @ 2014-12-10 20:46 hongweigg 阅读(21) 评论(0) 推荐(0)
摘要:在JavaScript脚本中,局部函数与外围函数同名,则会覆盖掉外网函数,即变量可以重复定义。 见下面的例子。 A = function(){ var me = this; me.method1 = function(){ var items = [1,2,3,4,5]; for(var i=0;i 阅读全文
posted @ 2014-12-08 16:27 hongweigg 阅读(36) 评论(0) 推荐(0)
摘要:在JavaScript语句中逗号也是合法的,它表示顺序执行的语句,使用它,可以将若干个语句连成一行,达到压缩文件大小的目的。由于这样写得可读性较差,一般在压缩的JavaScript中能找到它的身影。 如下面的例子来源于一个压缩文件,通过格式化,可以发现循环语句多句可以合为一句,for语句中也可以执行 阅读全文
posted @ 2014-12-08 16:17 hongweigg 阅读(21) 评论(0) 推荐(0)
摘要:对URL进行解析,一般用到的参数有: 1、协议 如http,https 2、域名或IP 3、端口号,如7001,8080 4、Web上下文 5、URI,请求资源地址 6、请求参数 一个URL示例: http://i0.sinaimg.cn:8080/blog/register.jsp?type=a& 阅读全文
posted @ 2014-10-31 19:59 hongweigg 阅读(72) 评论(0) 推荐(0)
摘要:Java正则表达式详解 (2011-09-16 13:16:11) 转载▼ 标签: 杂谈 分类:java 如果你曾经用过Perl或任何其他内建正则表达式支持的语言,你一定知道用正则表达式处理文本和匹配模式是多么简单。如果你不熟悉这个术语,那么“正则表达式”(RegularExpression)就是一 阅读全文
posted @ 2014-09-25 20:08 hongweigg 阅读(24) 评论(0) 推荐(0)