第13页_JavaScript/Ajax开发技巧_Web前端开发教程_Web前端开发

javascript unbeforeunload/unload事件注意事项

2013-3-13评论(0)浏览(543)分类：JavaScript/Ajax开发技巧

　　javascript中给window注册unbeforeunload/unload事件时，不要给事件添加alert，confirm等语句，高版本的浏览器如chrome【webkit核心】，IE9+等会拦截这些语句的执行。来源：http://stackoverflow.com/questions/6063522/jquery-beforeunloadIf you want to run a function as the page is unloading, you can use $(window).unload(), just ..

ajax问题总结

2009-7-2评论(16)浏览(427)分类：JavaScript/Ajax开发技巧

在看文章前，先指定一个变量xhr，xhr代表ajax对象。测试浏览器：ie为ie6，firefox为2，其他的未测试。统称ie6为ie，firefox2为ff。基本的============================================1，最经典的就是ie下的缓存问题了。如果使用的是get，那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数，使url变为唯一，这样就不..

JS中实现JAVA的hashCode算法

2009-7-1评论(1)浏览(518)分类：JavaScript/Ajax开发技巧

　　在java中一个hashCode算法，可以用来计算一个字符串的hash值，今天一个朋友突然问俺能不能在js中计算hashCode，要求和java的hashCode计算结果一样。　　对于java的hashCode，以前到现在也一直没有了解过其算法，不过猜想应该也不会太难，于是现在java中写了这段代码进行测试：运行结果：899755　　按下Ctrl键点击hashCode方法名跟进去看了下..

ajax+asp.net+mssql无刷新聊天室

2009-9-7评论(22)浏览(987)分类：JavaScript/Ajax开发技巧

ajax+asp.net+mssql实现的ajax无刷新聊天室，支持html web编辑器。为了加快速度，使用了存储过程。asp及php版本请看下面的文章ajax+asp+mssql无刷新聊天室ajax+php+mssql无刷新聊天室此例子也可以作为mssql存储过程使用的示例，如php调用mssql的存储过程，php获取mssql数据库的输出参数。要使用不同的动态页面，只需要更改lib.js文件中RequstUrl..

jqgrid自适应列宽度

2013-2-17评论(0)浏览(2503)分类：JavaScript/Ajax开发技巧

　　目的：自动显示完jqgrid中每一列的内容，而不是隐藏起来。没找到jqgrid提供的自适应列宽度的方法，只好参考了下jqgrid最终生成的DOM结构，直接用jquery操作DOM结构实现自适应列宽度功能。　　实现方法：用一个新的表格，样式继承自jqgrid的样式，用来计算数据源中每一列的实际宽度，然后设置标头和内容表格中用来控制宽度的单元格。　　备注..

document.createAttribute方法

2013-2-10评论(0)浏览(1438)分类：JavaScript/Ajax开发技巧

示例创建一个class属性，属性值为democlass，并且给第一个h1元素设置这个属性。var att=document.createAttribute(class);att.value=democlass;document.getElementsByTagName(H1)[0].setAttributeNode(att);定义和用法document.createAttribute方法通过传递一个指定属性名称创建一个属性对象，返回一个属性对象。属性对象的更多介绍参考这篇文章..

Attribute对象参考

2013-2-10评论(0)浏览(184)分类：JavaScript/Ajax开发技巧

Definition and UsageThe Attr object represents an attribute in the HTML document.An attribute always belongs to an element object.Note: The Attr object can also use the properties and methods of the Node object.Browser Support The Attr object is supported in all major browsers.Attr Object PropertiesThe DOM column in..

如何解决IE内存泄漏

2013-1-30评论(0)浏览(138)分类：操作系统及应用软件

Web开发的发展　　在过去一些的时候，Web开发人员并没有太多的去关注内存泄露问题。那时的页面间联系大都比较简单，并主要使用不同的连接地址在同一个站点中导航，这样的设计方式是非常有利于浏览器释放资源的。即使Web页面运行中真的出现了资源泄漏，那它的影响也是非常有限而且常常是不会被人在意的。　　今天人们对Web应用有了高更的要求。..

IE浏览器内存释放注释事项

2013-1-30评论(0)浏览(157)分类：操作系统及应用软件

　　在IE下的JS编程中，以下的编程方式都会造成即使关闭IE也无法释放内存的问题，下面分类给出：1、给DOM对象添加的属性是一个对象的引用。范例：var MyObject = {};document.getElementById('myDiv').myProp = MyObject;解决方法：在window.onunload事件中写上:document.getElementById('myDiv').myProp = null;2、DOM对象与JS..

如何给script标签增加可执行的javascript代码

2013-1-24评论(0)浏览(185)分类：JavaScript/Ajax开发技巧

　　动态创建的script标签，如何设置innerHTML为javascript代码，使脚本运行起来，而不是通过加载js文件来实现脚本的动态运行。　　动态创建script标签并运行javascript代码，可以借鉴jquery框架的代码，经过提取后源代码如下script var rnotwhite = /\S/; var scriptEval = false; var root = document.documentElement,script = docu..

Node.js使用计时器

2013-1-22评论(0)浏览(136)分类：JavaScript/Ajax开发技巧

第六章：Node.js使用计时器制定函数的执行计划本章内容：函数的延迟执行取消执行计划制定函数的周期性执行计划将函数执行延迟到事件循环的下一轮　　如果你熟悉客户端JavaScript编程，你可能使用过setTimeout和setInterval函数，这两个函数允许延时一段时间再运行函数。比如下面的代码，一旦被加载到Web页面，1秒后会在页面文档后追加Hello the..

Node.js使用事件发射器绑定事件

2013-1-22评论(0)浏览(154)分类：JavaScript/Ajax开发技巧

第五章：node.js使用事件发射器模式简化事件绑定本章内容：事件发射器模式（Event Emitter Pattern）介绍事件监听器的绑定和取消创建自己的事件发射器　　在Node里，很多对象都会发射事件。比如，一个TCP服务器，每当有客户端请求连接就会发射connect事件，又比如，每当读取一整块数据，文件系统就会发射一个data事件。这些对象在Node里被称为事..

Nide.js使用Buffer处理,编码,解码二进制数据

2013-1-20评论(0)浏览(139)分类：JavaScript/Ajax开发技巧

第四章：Nide.js使用Buffer处理,编码,解码二进制数据本章内容：为什么需要用缓冲用字符串创建缓冲把缓冲转换成字符串处理缓冲数据缓冲数据的切分和复制　　JavaScript很擅长处理字符串，但是因为它最初的设计是用来处理HTML文档，因此它并不太擅长处理二进制数据。JavaScript没有 byte类型，没有结构化的类型（structured types），甚至没有字节..

node.js如何加载模块

2013-1-19评论(0)浏览(177)分类：JavaScript/Ajax开发技巧

第三章：node.js加载模块本章内容：加载模块创建模块使用node_modules目录　　JavaScript是世界上使用频率最高的编程语言之一，它是Web世界的通用语言，被所有浏览器所使用。JavaScript的诞生要追溯到 Netscape那个时代，它的核心内容被仓促的开发出来，用以对抗Microsoft，参与当时白热化的浏览器大战。由于过早的发布，无可避免的造成了它的一..

node.js基本介绍

2013-1-19评论(0)浏览(132)分类：JavaScript/Ajax开发技巧

第二章：Node介绍本章内容：什么是事件驱动编程,有什么优点Node.js如何简化了事件驱动开发　　在传统程编程模里，I/O操作就像一个普通的本地函数调用：在函数执行完之前程序被堵塞，无法继续运行。堵塞I/O起源于早先的时间片模型，这种模型下每个进程就像一个独立的人，目的是将每个人区分开，而且每个人在同一时刻通常只能做一件事，必须等待前..

安装Node.js服务器

2013-1-17评论(0)浏览(165)分类：JavaScript/Ajax开发技巧

本章内容安装并运行Node.js安装Node.js包管理器（NPM:Node Package Manager）用NPM安装，卸载和升级包　　2009年的JSCOnf大会上，一个叫Ryan Dahl的年轻程序员向人们展示了一个他正在做的项目，一个基于Google V8引擎的JavaScript运行平台，它提供了一套事件循环和低IO的应用程序编程接口（API）。和其他的服务端平台不同， JavaScript天生就是事..

javascript闭包定义

2013-1-17评论(0)浏览(154)分类：JavaScript/Ajax开发技巧

　　在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义（或创建）时的值（深连结）。script//A是一个普通的函数 function A(a) { return a; } //B是一个带函数返回值的函数 fu..

AJAX无刷新网站图片文件预览系统

2013-1-9评论(0)浏览(112)分类：JavaScript/Ajax开发技巧

　　居于jquery框架的ajax无刷新网站图片预览系统，实现图片的预览index.html!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=content-type content=text/html;charset=utf-8 /script type=text/javascript ..

javascript正则全局匹配g慎用test方法

2013-1-8评论(0)浏览(533)分类：JavaScript/Ajax开发技巧

　　使用javascript的正则表达式时，如果使用test方法，需要慎用全局匹配g选项，因为多次调用test方法时会从上一次匹配的位置开始匹配，可能会导致无法匹配的错误问题，即使内容符合正则表达式要求，但是调用test方法测试时输出的为false，而不是true　　来看一道JavaScript题目，据说是国内某知名互联网企业的JavaScript笔试题，如果对正则的全..

javascript有哪些基本数据类型

2013-1-7评论(0)浏览(590)分类：JavaScript/Ajax开发技巧

前端面试中常被问到的问题之一就是JavaScript的基本类型有几种？。有的回答数字、字符串、布尔，有的可能会再加上Null、Undefined。而有人可能认为object也是基本类型。到底是什么样呢？所谓基本类型（primitive types）的概念ECMAScript（V3，V5）中压根就没有，它只是将类型分为6种。ECMAScript只提到类型，用types表示，在V3，V5整个文档搜关..

javascript不能通过表单+image对象的name获取image对象

2013-1-6评论(0)浏览(119)分类：JavaScript/Ajax开发技巧

　　今天发现表单中存在type为image的控件时，javascript无法通过document.表单名称.image的name值来获取对象，得到的是undefined。。　　解决办法就是使用document.getElementById('imageID');或者document.getElementsByName('image')[0]来获取，建议使用document.getElementById('imageID');　　测试代码如下form na..

JavaScript apply与call的用法意义及区别

2009-7-1评论(0)浏览(367)分类：JavaScript/Ajax开发技巧

JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。先来看看JS手册中对call的解释：call 方法调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个..

IE下未选择textarea的内容时如何保存Range对象

2010-5-18评论(0)浏览(229)分类：JavaScript/Ajax开发技巧

　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上，所以不需要保存位置。　　但是在不久前在写一个UBB程序时，碰到如果未..

IE下textarea失去焦点如何在原来的位置插入内容

2013-1-5评论(0)浏览(196)分类：JavaScript/Ajax开发技巧

　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　示例代码input type=button onclick=pop() value=弹出层 /textarea id=txt12345678/textareascript type=text/javascript var rng; ..

firefox Streaming AJAX实现源代码

2012-10-10评论(0)浏览(273)分类：JavaScript/Ajax开发技巧

　　Streaming AJAX即所谓的服务器推技术使用ajax来实现，AJAX 实现服务器推与传统的 AJAX 应用不同之处在于：服务器端会阻塞请求直到有数据传递或超时才返回。客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务..

javascript代码优化技巧

2013-1-1评论(0)浏览(225)分类：JavaScript/Ajax开发技巧

　　javascript代码优化几个小技巧1、处理字符串　　字符串拼接在IE 6、7下的垃圾回收性能很差。虽然IE 8已经解决了这个问题。如果你的用户中有相当一部分人使用IE 6、7，那么你得谨慎构建你的字符串了。比如这个例子：var veryLongMessage ='This is a long string that due to our strict line length limit of' +maxCharsPerLine +&..

vs2008 jquery智能提示Intellisense

2012-12-25评论(0)浏览(148)分类：JavaScript/Ajax开发技巧

微软和jQuery的关系越来越紧密了。http://blog.jquery.com/2008/09/28/jquery-microsoft-nokia/下面简要描述一下VS2008对jQuery的智能代码提示。首先安装vs2008 sp1,下载地址：http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx然后下载安装VS 2008 Patch KB958502以支持-vsdoc.jsIntellisense文件，下载地址：http://code.msdn.microsoft..