JavaScript 异步调用框架 （Part 4 - 链式调用）

2017年02月06日 28 阅读

现实开发中，要按顺序执行一系列的同步异步操作又是很常见的。还是用百度Hi网页版中的例子，我们先要异步获取联系人列表，然后再异步获取每一个联系人的具体信息，而且后者是分页获取的，每次请求发送10个联系人的名称然后取回对应的具体信息。这就是多个需要顺序执行的异步请求。 为此，我们需要设计一种新的操作方式来优化代码可读性，让顺序异步操作代码看起来和传统的顺序同步操作代码一样优雅。 传统做法 大多数程序员都能够很好的理解顺序执行的代码，例如这样子的： 复制代码 代...

JavaScript 异步调用框架 （Part 5 - 链式实现）

2017年02月06日 31 阅读

调用入口 链式调用存在Async.go方法和Async.chain方法两个入口，这两个入口本质上是一致的，只是Async.chain方法在调用时先不提供初始参数，而Async.go方法在调用时提供了初始参数并启动异步调用链。 复制代码 代码如下: Async.chain = function（） { var chain = new Async.Operation（{ chain: true }）; return chain; }; Async.go = f...

javascript 支持链式调用的异步调用框架Async.Operation

2017年02月06日 29 阅读

复制代码 代码如下: Async = {}; Async.Operation = function（options） { options = options || {}; var callbackQueue = []; var chain = （options.chain && options.chain === true） ？ true : false; var started = false; var innerChain = null; this.r...

JavaScript 异步调用框架 （Part 6 - 实例 & 模式）

2017年02月06日 27 阅读

封装Ajax 设计Async.Operation的最初目的就是解决Ajax调用需要传递callback参数的问题，为此我们先把Ajax请求封装为Async.Operation。我在这里使用的是jQuery，当然无论你用什么基础库，在使用Async.Operation时都可以做这种简单的封装。 复制代码 代码如下: var Ajax = {}; Ajax.get = function（url, data） { var operation = new Asyn...

让JavaScript 轻松支持函数重载 （Part 1 - 设计）

2017年02月06日 28 阅读

JavaScript支持重载吗？ JavaScript支持函数重载吗？可以说不支持，也可以说支持。说不支持，是因为JavaScript不能好像其它原生支持函数重载的语言一样，直接写多个同名函数，让编译器来判断某个调用对应的是哪一个重载。说支持，是因为JavaScript函数对参数列表不作任何限制，可以在函数内部模拟对函数重载的支持。 实际上，在很多著名的开源库当中，我们都可以看到函数内部模拟重载支持的设计。例如说jQuery的jQuery.extend方法...

让 JavaScript 轻松支持函数重载 （Part 2 - 实现）

2017年02月06日 29 阅读

识别文本签名 我们先来回顾一下上一篇文章中提到的Overload用例： 复制代码 代码如下:var extend = Overload .add（"*, ...", function（target） { }） .add（"Boolean, *, ...", function（deep, target） { }）; 我们允许用户输入一个字符串，表示某一个重载的签名。在用户调用函数时，我们需要拿着用户输入的参数实例去跟签名上的每一个参数类型作比较，因此我们需要...

javascript dragable的Move对象

2017年02月06日 30 阅读

JavaScript Data Access Test var Move = { $: function（id）{ return （typeof id == "object"） ？ id : document.getElementById（id）; }, pageX:function（elem）{ //获取目标elem的X坐标 return elem.offsetParent ？ //如果能继续得到上一个元素，增加当前的偏移量并继续向上递归 e...

同一个表单 根据要求递交到不同页面的实现方法小结

2017年02月06日 27 阅读

JS 文件 复制代码 代码如下: <script language="javascript"> function submitAction（action_nm） { var targetForm = document.qryposfrm; targetForm.action = action_nm; targetForm.submit（）; } </script> HTML 复制代码 代码如下: <form method="...

Extjs ajax同步请求时post方式参数发送方式

2017年02月06日 29 阅读

ajax同步请求一般下面这样： 复制代码 代码如下: var conn = Ext.lib.Ajax.getConnectionObject（）.conn; conn.open（"POST", "http://localhost:8080/struts2study/TreeDDGet？node=-1",false）; // 这里的conn对象其实就是 xmlHttpRequest 对象。 conn.setRequestHeader（"Content-Typ...

实现连缀调用的map方法（prototype）

2017年02月06日 28 阅读

复制代码 代码如下:<script type="text/javascript"> function SpecialArray（arr）{ this.arr=arr; } SpecialArray.prototype.map=function（func）{ for（var i=0,len=this.arr.length;i<len;i++）{ this.arr[i]=func（this.arr[i]）; //调用函数，改变arr数组的每个...

javascript Array.remove（） 数组删除

2017年02月06日 26 阅读

复制代码 代码如下:Array.prototype.remove = function（b） { var a = this.indexOf（b）; if （a >= 0） { this.splice（a, 1）; return true; } return false; }; 以后使用过程中，就可以直接利用这个函数，删除数组中的值了。...

asp（javascript）全角半角转换代码 dbc2sbc

2017年02月06日 32 阅读

asp全角半角转换函数 flag=-1时进行半角转全角 flag=0时进行半角全角互转 flag=1时进行全角转半角 复制代码 代码如下: <% Function DBC2SBC（Str, flag） Dim i, sStr If Len（Str）<= 0 Then Exit Function DBC2SBC = "" For i = 1 To Len（Str） sStr = Asc（Mid（Str, i, 1）） Select Case fl...

jquery select（列表）的操作（取值/赋值）

2017年02月06日 27 阅读

jquery的使用方法，看了jquery_api帮助文档和官方的文档，基本所有的用法都可以找到。 但却没有找到对<select>列表的操作。 jquery对<select>的操作比较麻烦，我把常用的收集如下： 1.获取选中值：$（"select[@id="pagesize_slt"] option[@selected]"）.val（）;//-----pagesize_slt是<select>的id 2.设置选中项：$（"...

jquery ui dialog里调用datepicker的问题

2017年02月06日 28 阅读

解决思路：修改样式表里z-index的值 解决办法： 复制代码 代码如下:beforeShow: function （i,e） { var z = jQuery（i）.closest（".ui-dialog"）.css（"z-index"） + 4; e.dpDiv.css（"z-index", z）; }...

JavaScript 乱码问题

2017年02月06日 25 阅读

页面编码如果全部都是gb2312，而在JS里document.write输中也输出了<meta http-equiv="Content-Type" content="text/html; charset=gb2312">，还会出现乱码问题，原因是 ：浏览器分析，发现JS的默认编码仍然是UTF-8，最后找得解决方案： 方案一：此时将对方JS上，改成只有body内的内容通过document.write输出，其他<meta直接在htm页内出入，...

js正确获取元素样式详解

2017年02月06日 28 阅读

在说js获取元素样式之前，简单地谈一下样式 样式分三种 外部样式 External Style Sheet 以CSS为扩展名的文件（又称为"超文本样式表"文件），它的作用范围可以是多张网页，或整个网站，甚至不同的网站。与网页链接后，才能应用。 嵌入式样式 internal Style Sheet 包含在网页内部的样式设置，它的作用范围仅限于嵌入的网页。 内联式样式 inline Style 在HTML文档中，内联式样式表的格式化信息直接插入所应用的网页元素...

JQuery 小练习（实例代码）

2017年02月06日 29 阅读

1、按钮倒数10秒之后才能点击。这个效果一般在一些论坛注册时候用到比较多，废话少说，直接上代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht...

JavaScript 的方法重载效果

2017年02月06日 29 阅读

在 JavaScript 的方法内，有个叫做 arguments 的变量数组，它是只读的，所有实际传入的参数变量都 放在了里面，通过它，我们可以对传入的参数进行类型检查，从而实现重载的效果。 判断一个变量的类型有两种方法。 1，用 typeof 语句： 复制代码 代码如下: function check（）{ if（typeof arguments[0] == "string"） alert（"你传入的参数是个字符串"）; else if（typeof a...

JavaScript 变量作用域及闭包第1/2页

2017年02月06日 27 阅读

实例一： 复制代码 代码如下: <script type="text/javascript"> var i = 1; // 弹出内容为 1 true 的提示框 alert（window.i + " " + （window.i == i））; </script> 分析： 在全局定义的变量其实就是 window 对象的属性。 上面的例子可以看到，我们定义全局变量的同时，window 对象会产生一个相应的属性，如何让我们的代码避免产生这...

ext 代码生成器

2017年02月06日 29 阅读

本文件为：ext_editgrid_products.js，用来显示，编辑，删除products表的数据。复制代码 代码如下: var productsgrid; var productsstore; var productslimit = 25; //每页显示条数 var productsListPostUrl = "/management/procrequest/Proc_products.ashx？action=getlist"; var produ...