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

评论(0)浏览(38)分类:JavaScript/Ajax开发技巧
Node.js使用事件发射器绑定事件第五章:node.js使用事件发射器模式简化事件绑定本章内容:事件发射器模式(Event Emitter Pattern)介绍事件监听器的绑定和取消创建自己的事件发射器  在Node里,很多对象都会发射事件。比如,一个TCP服务器,每当有客户端请求连接就会发射connect事件,又比如,每当读取一整块数据,文件 系统就会发射一个data事件。这些对象在Node里被称为事..

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

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

node.js如何加载模块

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

node.js基本介绍

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

最新Google Maps API申请方法

评论(0)浏览(24)分类:HTML/CSS兼容/XML
最新Google Maps API申请方法  近日Google已变更其Maps API的申请方式,若您现在透过早先的方法申请API Key应该会得到底下的讯息画面。Google不再提供先前的申请API Key方式  大意是Google不再提供该种方式申请API Key ,而是改由所谓的「APIs Console」进行所有API的管理。  在Google Maps API 的部份,官方网站目前是建议使用新版本(v3)的API 进行开发,若您仍希望..

安装Node.js服务器

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

javascript闭包定义

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

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

评论(0)浏览(49)分类:JavaScript/Ajax开发技巧
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方法

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

javascript有哪些基本数据类型

评论(0)浏览(359)分类:JavaScript/Ajax开发技巧
javascript有哪些基本数据类型前端面试中常被问到的问题之一就是JavaScript的基本类型有几种?。有的回答数字、字符串、布尔,有的可能会再加上Null、Undefined。而有人可能认为object也是基本类型。到底是什么样呢?所谓基本类型(primitive types)的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种。ECMAScript只提到类型,用types表示,在V3,V5整个文档搜关..

IE6 float margin双倍增加

评论(0)浏览(17)分类:HTML/CSS兼容/XML
IE6 float margin双倍增加  IE6浏览器下面如果设置了margin,并且float为left时,则左边的margin,即margin-left会双倍增加body style=margin:0px;div style=margin:10px;float:left;border:solid 1px black;width:100px;height:100px;/div/body  解决办法就是增加display:inline即可解决ie6下的float:left左边浮动时margin-left双倍增加的问题。body style=margin:0..

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

评论(0)浏览(60)分类:JavaScript/Ajax开发技巧
javascript不能通过表单+image对象的name获取image对象  今天发现表单中存在type为image的控件时,javascript无法通过document.表单名称.image的name值来获取对象,得到的是undefined。。  解决办法就是使用document.getElementById('imageID');或者document.getElementsByName('image')[0]来获取,建议使用document.getElementById('imageID');  测试代码如下form na..

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

评论(0)浏览(199)分类:JavaScript/Ajax开发技巧
JavaScript apply与call的用法意义及区别JavaScript中有一个call和apply方法,其作用基本相同,但也有略微的区别。先来看看JS手册中对call的解释:call 方法调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2,, argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个..

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

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

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

评论(0)浏览(114)分类:JavaScript/Ajax开发技巧
IE下textarea失去焦点如何在原来的位置插入内容  由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上,所以在IE浏览器下需要保存当前的Range对象,以便进行相应的操作时,在原来的位置进行,而不是跑到其他的位置去。  示例代码input type=button onclick=pop() value=弹出层 /textarea id=txt12345678/textareascript type=text/javascript var rng; ..

firefox Streaming AJAX实现源代码

评论(0)浏览(150)分类:JavaScript/Ajax开发技巧
firefox Streaming AJAX实现源代码  Streaming AJAX即所谓的服务器推技术使用ajax来实现,AJAX 实现服务器推与传统的 AJAX 应用不同之处在于:服务器端会阻塞请求直到有数据传递或超时才返回。客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后,再次发出请求,重新建立连接。当客户端处理接收的数据、重新建立连接时,服务器端可能有新的数据到达;这些信息会被服务..

DOCTYPE xhtml对body高度影响

评论(0)浏览(109)分类:HTML/CSS兼容/XML
DOCTYPE xhtml对body高度影响  xhtml申明css1compat模式下,body没有内容,IE,chrome下点击时无法响应事件,但是firefox会响应,即使document.body.clientHeight不为0,firefox的bug? !doctype htmltitlecss1compat模式下,body没有内容,IE,chrome下点击时无法响应事件,但是firefox会响应,即使document.body.clientHeight不为0,firefox的bug?。。/titlescript typ..

javascript代码优化技巧

评论(0)浏览(116)分类:JavaScript/Ajax开发技巧
javascript代码优化技巧  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 +&..

自定义404错误对seo的影响

评论(0)浏览(118)分类:网站排名及优化
自定义404错误对seo的影响  自定义404页面返回不当状态码如200等给网站最终SEO效果带来的不利影响,因此,确保自定义的404错误页面能够返回404状态码是极为重要的,也是网站优化与SEO的基本要求。HTTP404对SEO的影响  自定义404错误页面是提供用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响,譬如:错误的服务器端配置导致返回200状态码 或自定..

vs2008 jquery智能提示Intellisense

评论(0)浏览(86)分类:JavaScript/Ajax开发技巧
vs2008 jquery智能提示Intellisense微软和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..

IE下li元素多出2像素间距问题

评论(0)浏览(66)分类:HTML/CSS兼容/XML
IE下li元素多出2像素间距问题  不光是LI,容器元素都有这个问题!  现象:LI里有浮动对象而LI本身不浮动的时候,IE里就会有2像素的下边距  解决办法:1、设定LI的浮动;2、IE HACK  推荐使用方案1,设置LI的宽度和浮动方案2代码参考:*html .xuxiao li{margin-bottom:-2px;}/**IE 6**/*+html .xuxiao li{margin-bottom:-2px;}/**IE 7**/

jquery ajaxForm API使用文档

评论(0)浏览(345)分类:JavaScript/Ajax开发技巧
jquery ajaxForm API使用文档jquery ajaxForm下载地址: http://malsup.github.com/jquery.form.jsjquery ajaxForm API英文原文:http://www.malsup.com/jquery/form/#api  表单插件API提供了几个方法,让你轻松管理表单数据和进行表单提交。ajaxForm  增加所有需要的事件监听器,为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中,使用 ajaxFor..

如何书写高效css规则

评论(0)浏览(13)分类:HTML/CSS兼容/XML
如何书写高效css规则转自:沉寂博客 根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,来浅谈一下CSS的渲染效率,书写高效的CSSguiz。1、十六进制的颜色值对位数与大小写编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下..

IE下的默认高度

评论(0)浏览(27)分类:JavaScript/Ajax开发技巧
IE下的默认高度  IE下默认的字体尺寸大致在 12 - 14px 之间,具体看页面上的设置,当试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层,甚至max-height也不能解决。  要解决这个问题,可以强制定义..

瀑布流masonry布局API

评论(0)浏览(979)分类:JavaScript/Ajax开发技巧
瀑布流masonry布局API  Masonry是一款很好用的jquery网页布局插件,它可以去掉不同高度div之间的空白,让你的网页看上去更加的整齐、漂亮!效果如下图所示官网插件下载地址以及详解地址:http://masonry.desandro.com/masonry配置对象OptionsOptions are set with an object as second argument to the .masonry() method. All options are optional, and do not n..

JavaScript对象valueOf与toString方法

评论(0)浏览(60)分类:JavaScript/Ajax开发技巧
JavaScript对象valueOf与toString方法  JavaScript数据类型都拥有valueOf和toString这两个方法,null除外。  JavaScript中valueOf函数方法是返回指定对象的原始值。使用方法:object.valueOf( )object是必选项参数是任意固有JavaScript 对象。每个JavaScript固有对象的 valueOf 方法定义不同。对象返回值Array数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操..

javascript通过ip获取物理地址接口

评论(0)浏览(1371)分类:JavaScript/Ajax开发技巧
javascript通过ip获取物理地址接口  javascript如何通过访问者ip地址获取ip地址对应的物理地址API接口新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js,返回数据结构如下var remote_ip_info = {ret:1,start:116.1.29.0,end:116.1.43.255,country:\u4e2d\u56fd,province:\u5e7f\u897f,city:\u6842\u6797,district:\u4e03\u661f,isp:\u7535..

javascript删除选择的行

评论(0)浏览(46)分类:JavaScript/Ajax开发技巧
javascript删除选择的行  javascript实现删除已经选择的table行。  思路:单击表格中要删除的行,给行增加一个样式,然后点击删除按钮的时候删除那些带有删除样式的行。  源代码如下script var tb; function del() { if (confirm('确认删除?!')) for (var i = 0; i tb.rows.length; ) { if (tb.rows[i].class..

CSS3动画教程

评论(0)浏览(113)分类:HTML/CSS兼容/XML
CSS3动画教程  CSS3的属性比如 border-radius 、 box-shadow 和 text-shadow 在webkit(Safari、Chrome等)和Gecko(Firefox)等先进的浏览器中的使用开始出现增长的势头。它们(这些CSS属性)已经为用户创建更轻量的页面和更丰富的体验,而且它们可以优雅的降级。然而,这些只是CSS 3能为我们做的众多事情中的一小部分。  在本文中,我们将走的更远,看一看 变..

淘宝导航小箭头翻转效果

评论(0)浏览(297)分类:HTML/CSS兼容/XML
淘宝导航小箭头翻转效果  淘宝网站小箭头css3动画效果源代码,请使用webkit/Gecko核心浏览器运行示例查看效果!DOCTYPE htmlhtmlhead meta http-equiv=content-type content=text/html; charset=UTF-8 titlecss3 animation demo @ taobao - jsFiddle demo/title script type='text/javascript' src='http://fiddle.jshell.net//js/lib/mootools-1.2...