Javascript
desert3
这个作者很懒,什么都没留下…
展开
-
javascriptmvc 3.2.2
JavaScriptMVC是一个以MIT协议开源的Javascript框架,是一系列创建javascript应用程序的最佳实践和工具。它基于jQuery,包含在jQuery开发中的最佳想法,通过[color=red]提升最佳实践、可维护性、约定优于配置(惯例优先原则)[/color]来指导你成功完成项目。主要由下述4个相互独立的部分构成:[b]StealJS[/b] - 依赖管理, 代...原创 2012-04-19 17:10:06 · 84 阅读 · 0 评论 -
knockoutjs foreach array绑定 表格 下拉框绑定
动态表格使用observable arrays and the foreachko.observableArray: 观察者模式,根据array动态更新表格ko中的流程控制标签:foreach, if, ifnot, and with在foreach的数据源发生变化时,ko并不会重新生成整个table, [color=red]更高效地,ko会找到viewmodel中变化的部分, 然...原创 2012-04-09 16:04:11 · 292 阅读 · 0 评论 -
knockoutjs 静动态数据、行为绑定,计算属性及Sync同步更新 Value值更新事件控制...
data-bind="text: firstName"中data-bind属性是Knockout 用来显示关联UI和viewmodel的桥梁, text 表示把绑定的文本赋值给DOM元素click 用来关联按钮点击事件data-bind="value: firstName"来动态绑定到input 输入框的值 当文本框的值发生变化时,ko先更新viewmodel的数据,然后根据obs...原创 2012-04-09 15:24:49 · 305 阅读 · 0 评论 -
knockoutjs -- 使用Model-View-ViewModel (MVVM) 模式简化动态Javascript UI
Knockout 是个JavaScript library,帮助创建丰富的显示和编辑器UI,通过干净的底层数据模型。你可以在任何时候动态更新UI的选择部分。[img]http://dl.iteye.com/upload/attachment/0066/2358/972f1569-682c-3709-bbaf-e47145e508ac.png[/img]knockout.js 官网:...原创 2012-04-09 14:35:03 · 117 阅读 · 0 评论 -
jquery-validation-1.9.0
jQuery验证插件:简单高效的客户端验证框架,提供很多属性来实现个性化效果。,显示尽可能少的错误提示信息来提示用户使得画面达到用户友好的效果。[color=red]内置很多常用的验证方法[/color],如Email,Url等,同时也提供接口来[color=red]实现自己的验证方法,也可以调用服务器端方法来验证[/color]。[color=red]支持国际化[/color],支持...原创 2012-04-07 15:52:45 · 186 阅读 · 0 评论 -
textarea文本框限制输入文本数量(Firefox,Chrome,Safari)、Javascript取得字符ASCII码值、常见字符ASCII码值...
[code="javascript"] // focus用来对应Chrome浏览器往文本框拖入值 // mouseenter mouseleave 用来对应Firefox浏览器往文本框拖入值 $("#input").bind("blur focus keyup mouseenter mouseleave", function(){handleMaxlengthLimit("#input...原创 2012-04-07 10:35:53 · 125 阅读 · 0 评论 -
knockoutjs -- if 绑定
参考:[url]http://knockoutjs.com/documentation/if-binding.html[/url]If 绑定用来控制一部分html标签是否生成在DOM树中(html标签有data-bind属性)。只有if的[color=red]条件表达式等于true(或者是类似true的值,如非null的对象,非空字符串)[/color],那么对应的html才会被输出,否则...原创 2012-06-14 16:22:59 · 796 阅读 · 0 评论 -
jquery Fixture 插件
jQuery.Fixture插件是[color=red]一个包含在javascriptMVC内部的(也可以单独使用,下载地址:[url]http://v3.javascriptmvc.com/jquery/dist/jquery.fixture.js[/url])用来模拟ajax请求返回值的jquery插件。[/color]Fixtures 可以用来模拟ajax请求的返回值,这样在开发javasc...原创 2012-06-07 10:16:57 · 164 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-事件
JavaScript和HTML之间的交互是通过[color=red]用户和浏览器操作页面时引发的事件(event)[/color]来处理的。事件流:意味着在页面上可有不仅一个,甚至多个元素响应同一事件。点击页面上面的按钮,会发生什么?实际上,是点击了按钮、它的容器及整个页面。从逻辑上说,每一个元素都按照特定的顺序响应那个事件。[color=red]事件发生的顺序(也就是事件流)[/colo...2011-11-09 16:53:28 · 80 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-浏览器中的JavaScript&DOM基础
HTML中的JavaScript:标签,内嵌代码,外部文件 使用何者的考虑:[color=red]代码可维护性,缓存[/color]XHTML(可扩展HTML):使用type声明内嵌代码或要加入的外部文件的mime类型,而不使用language属性。使用CDATA段:[color=red]XML中的CDATA段用于声明不应被解析为标签的文本(XHTML也是如此)[/color]...2011-11-09 14:52:38 · 88 阅读 · 0 评论 -
knockoutjs 单页引用 客户端重定向(location.hash history.pushState)
大部分现代的,相应的,迷人的Web应用已经超越经典的Ajax,变成单页引用(single page applications:)。用户能象使用本地应用一样,在一个界面内完成各种操作,一个很著名的例子就是:GMail。这些[color=red]单页引用使用hash-based url 或者 pushState 导航来支持 浏览器的回退、前进、书签操作[/color]。(location.ha...原创 2012-04-10 10:33:56 · 233 阅读 · 0 评论 -
使用ajax和history.pushState无刷新改变页面URL onpopstate(转)
[code="javascript"]var htmlData1 = $.ajax( { url: "/getXXXResponse", async: false }).responseText;[/code]转自:[url=http://www.52ladybug.com/?p=202]使用ajax和history.pushSta...原创 2012-04-10 13:20:50 · 181 阅读 · 0 评论 -
CoffeeScript
CoffeeScript是[color=red]一个被编译成javascript的小语言。[/color]Javascript除了拥有那些丑陋的大括号、分号外,同时也拥有一个华丽的对象模型作为其核心。CoffeeScript是尝试以一种[color=red]简单方式来发扬Javascript精粹部分的编程语言[/color]。CoffeeScript的黄金规则:"[color=red]它就...原创 2012-04-20 15:05:43 · 85 阅读 · 0 评论 -
knockoutjs 变量引用方式、怪异问题排查
[b]问题:[/b]使用knockoutjs的过程中,有时候会发现一些奇怪的现象: 譬如[color=red]字段值改了后,相关引用的地方不起作用!即相关画面效果没有跟着动态变化[/color]。[b]排查:[/b][list][*]从javascript控制台中查看是否有脚本错误,[color=red]脚本错误[/color]可能会导致knockoutjs后续脚本不执行[*]...原创 2012-08-24 15:01:18 · 101 阅读 · 0 评论 -
Javascript Closures闭包、为什么要闭包(闭包作用)、变量作用域
转自:[url]http://www.jb51.net/article/24101.htm[/url][b]1,Javascript变量作用域[/b]全局变量、局部变量(本地变量)Javascript语言的特殊之处,就在于[color=red]函数内部可以直接读取全局变量[/color];另一方面,在[color=red]函数外部无法读取函数内的局部变量[/color]。[colo...原创 2012-08-10 14:00:46 · 124 阅读 · 0 评论 -
Javascript函数、变量的初始化顺序、Javascript上下文环境
参考:[url=http://javascript.info/tutorial/initialization]Initialization of functions and variables[/url][b]Javascript函数、变量的初始化顺序:[/b]1,预执行期:[list][*]a.函数声明被初始化,放置到全局变量(全局上下文环境)window中[*]b.va...原创 2012-08-07 15:57:15 · 96 阅读 · 0 评论 -
Javascript函数:函数声明、函数表达式、NFE被命名的函数表达式
参考:[url=http://javascript.info/tutorial/functions-declarations-and-expressions]functions-declarations-and-expressions[/url]在Javascript中,[color=red]函数象变量一样可以在任何地方被定义[/color]。Javascript中定义函数有如下3...原创 2012-08-07 15:45:13 · 208 阅读 · 0 评论 -
knockoutjs -- all built-in buildings
[url=http://knockoutjs.com/documentation/introduction.html]所有可用的binding值[/url][list][*]文字和显示:visible, text, html, css, style, attr[*]流程控制:foreach, if, ifnot, with[*]form字段:click, event, submit...原创 2012-04-16 16:12:11 · 79 阅读 · 0 评论 -
knockoutjs -- applyBinding & Observables
[b]applyBindings[/b]ko.applyBindings(myViewModel); // Knockout调用[color=red]applyBindings激活myViewModel(即把myViewModel和View中的声明式绑定data-bind关联起来)[/color]ko.applyBindings(myViewModel, document.getEleme...原创 2012-04-16 15:35:34 · 147 阅读 · 0 评论 -
Javascript alert object、JavaScript版本迷局
1,使用alert(object.toSource()) 注:[color=red]经测试,最新版FF支持,IE9不支持[/color][code="javascript"]alert(object.toSource())[/code]2,自己编写printObject方法,遍历object属性,然后alert,[color=blue]兼容所有浏览器[/color][code...原创 2012-07-30 15:18:55 · 378 阅读 · 0 评论 -
knockoutjs -- load save data(与服务器进行数据交互) & binding绑定
[b]和服务器交互数据:[/b]Knockout 是一纯javascript库,它可以与[color=red]任何能发送和接收JSON数据[/color]的服务器进行交互。从服务器取得数据:使用$.getJSON或者$.ajax从服务器端取得JSON数据,然后更新viewmodel。[color=red]注意:你并不是在服务器下载完数据后才执行ko.applyBindings操作。不需...原创 2012-04-10 15:51:25 · 114 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-继承
真正的面向对象的语言必须支持继承机制,[color=red]即一个类能够重用(继承)另一个类的属性和方法[/color]。ECMAScript实现继承的方式:[list][*]对象冒充(object masquerading):构造函数使用this关键字给所有的属性和方法赋值。因为构造函数只是一个函数,所以可使ClassA的构造函数成为ClassB的方法,然后调用它。ClassB就...2011-11-09 14:49:07 · 64 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-对象基础
ECMAScript对象是JavaScript比较特殊的特性之一。[color=red]JavaScript中一切都是对象(包括函数)[/color]。[color=red]ECMA-262的对象定义:属性的无序集合,每个属性存放一个原始值、对象或函数[/color]。对象的构成:[color=red]在ECMAScript中,对象由特性(attribute)构成,特性可以是原始值,也可以...2011-11-09 10:27:52 · 70 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-ECMAScript基础
ECMAScript的基础语法:[list][*]区分大小写[*]变量是弱类型的[*]每行结尾的分号可有可无([color=red]如果没有分号,ECMAScript就把这行代码的结尾看作该语句的结尾[/color])[*]注释与Java、C和PHP语言的注释相同 // /* … */[*]括号表明代码块{ }[/list]变量:变量名遵循规则:[colo...2011-11-08 16:20:43 · 58 阅读 · 0 评论 -
javascript replace replaceAll
[code="javascript"]javascript的replace函数"aaa".replace("a","A") ---> "Aaa"// 正则表达式替换实现replaceAll效果"aaa".replace(/a/g,"A") ---> "AAA"$("#machine_nos&quo2011-06-01 16:06:52 · 80 阅读 · 0 评论 -
My97DatePicker日期时间控件
官网:[url]http://www.my97.net/dp/index.asp[/url][code="html"]// 脚本导入// 初始值// 控件[/code]原创 2011-05-22 10:10:53 · 71 阅读 · 0 评论 -
多选框互选
多选框:multiple OPTGROUP [code="html"]第一个多选框 合肥市 市辖区 瑶海区 第二个多选框[/code][code="javascript"]// 脚本//= 0; i--){ if (sourceSelect.options[i].selected){ cachOpti...原创 2011-05-20 10:20:17 · 149 阅读 · 0 评论 -
JavaScript语法高亮插件SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/SyntaxHighlighter is an open source Java Script client side code syntax highlighter.[code="java"]//注释代码[/code]原创 2010-09-29 23:07:23 · 100 阅读 · 0 评论 -
JavaScript脚本
[code="javascript"]// 回车转Tabfunction enterOperation2Tab(){ if (event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event...原创 2011-05-19 08:47:02 · 191 阅读 · 0 评论 -
表格中同一列的相同元素合并单元格
列的css class为class_name[code="javascript"] var that; $(".class_name").each(function(){ if ($(this).text() == $(that).text()) { rowspan = $(that).attr("rowSpan"); if (rowspan =...原创 2011-05-19 08:43:07 · 373 阅读 · 0 评论 -
弹出层 覆盖层
[code="html"] 添加物流信息 [/code][code...原创 2011-04-29 10:04:19 · 161 阅读 · 0 评论 -
Jsonp & 跨域访问
什么是JSONP协议?JSONP即JSON with Padding。由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求,我们可以通过使用html的script标记来进行跨域请求,并在响应中返回要执行的script代码,其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。很明显,JSON...原创 2011-04-19 11:43:03 · 66 阅读 · 0 评论 -
下拉框禁止滚动(滚动不会触发onchange事件)
#禁止滚动事件[code="html"][/code]#2个框的滚动条同步滚动[code="html"]onscroll="document.getElementById('divhead').scrollLeft = this.scrollLeft" [/code]原创 2010-09-23 20:47:24 · 472 阅读 · 0 评论 -
javascript String.format%1 %2和String.formatmodel {k}
[code="javascript"]String.format = function(str) { var args = arguments, re = new RegExp("%([1-" + args.length + "])", "g"); return String(str).replace( re, function($1, $2) { ...原创 2011-06-21 20:47:44 · 160 阅读 · 0 评论 -
模式对话框画面自提交后,dialogArguments丢失的问题(Firefox)
主画面弹出模式对话框,要求在模式对话框画面能[color=red]单次[/color]动态操作主画面内容可以通过window.returnValue来实现[color=red]多次[/color]动态操作主画面内容可以通过传递主画面的函数到弹出页面来实现Firefox下window.showModalDialog弹出的模式对话框画面,画面自提交后,window.dialogArgume...2010-11-11 11:01:50 · 157 阅读 · 0 评论 -
JavaScript高级程序设计读书笔记-JavaScript是什么
在1995年初次出现时,[color=red]仅是为了处理一些输入的有效性验证[/color]。LiveScriptJScript(微软的JavaScript的克隆版)一个完整的JavaScript实现由以下3个不同部分组成:[color=red]JavaScript的核心ECMAScrpit描述了该语言的语法和基本对象。DOM文档对象模型描述了处理网页内容和方法的接口。...2011-11-08 14:22:12 · 94 阅读 · 0 评论 -
html 动态添加上传文件控件
[code="html"]// 隐藏的,用来动态增加控件时复制用的 // 显示的+按钮,该按钮用来动态增加HTML控件 [/code][code="javascript"]// +按钮的javascr...原创 2011-08-10 13:58:27 · 390 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- 正则表达式
[b]正则表达式[/b]:JavaScript的许多特性都借鉴自其他语言。[color=red]语法借鉴自Java,函数借鉴自Scheme,原型继承借鉴自Self,正则表达式借鉴自Perl[/color]。正则表达式是一门简单语言的语法规范。它以方法的形式被用于对字符串中的信息进行[color=red]查找、替换和提取[/color]操作。可处理正则表达式的方法有regexp.exec、r...2011-10-26 11:32:11 · 79 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- 数组
[b]数组Arrays[/b]:数组是一段线性分配的内存,它通过整数去计算偏移并访问其中元素。数组可以是很快的数据结果。不幸的是,JavaScript没有像这种数组一样的数据结果。反而,JavaScript提供了一种拥有一些[color=red]类数组(array-like)[/color]特性的对象。[color=red]它把数组的下标转变成字符串,用其作为属性[/color]。它明显比...2011-10-25 12:44:28 · 94 阅读 · 0 评论 -
JavaScript语言精粹读书笔记- 继承
[b]继承inheritance[/b]:在那些基于类的语言(比如java)中,继承提供了两个有用的服务。一、[color=red]它是代码重用的一种形式[/color];二、[color=red]它包含了一套类型系统的规范(无须显式类型转换)[/color]。JavaScript是一门[color=red]弱类型[/color]的语言,从来不需要类型转换。对象的起源是无关紧要的。...2011-10-25 11:05:41 · 95 阅读 · 0 评论