第22页_Web前端开发

Node.js使用计时器

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

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

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

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

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

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

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

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

node.js如何加载模块

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

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

node.js基本介绍

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

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

安装Node.js服务器

2013-1-17评论(0)浏览(159)分类：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)浏览(147)分类：JavaScript/Ajax开发技巧

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

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

2013-1-9评论(0)浏览(111)分类：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)浏览(532)分类：JavaScript/Ajax开发技巧

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

javascript有哪些基本数据类型

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

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

IE6 float margin双倍增加

2013-1-7评论(0)浏览(90)分类：HTML/CSS兼容/XML

　　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对象

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

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

Ext4.1如何禁止对某些单元格进行编辑

2013-1-6评论(0)浏览(779)分类：extjs开发技巧

　　Ext4.1如何禁止对某列进行编辑，或者对一些特殊的单元格不允许进行编辑　　可以通过beforeedit事件对单元格进行判断，不符合编辑的单元格单击编辑时return false阻止生成输入控件。　　Ext4.1 Ext.grid.PanelView事件的介绍如下beforeedit( editor, e, eOpts )：Forwarded event from Ext.grid.plugin.Editing.Fires before editing is trig..

Ext4.1动态生成折线图

2013-1-6评论(0)浏览(209)分类：extjs开发技巧

　　Ext4.1动态生成折线图，其实就是动态创建store对象就好了，然后配置好折线图的x和y轴。　　示例DEMO如下data.asp%data='==========查询数据库得到记录组合成json字符串赋值给data变量'==========这里简单示例，直接赋值了data=[{x:10,y:10},{x:20,y:80},{x:30,y:20},{x:40,y:30},{x:50,y:40},{x:60,y:50},{x:70,y:60},{x:80,y:70}]r..

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

2009-7-1评论(0)浏览(363)分类：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)浏览(222)分类：JavaScript/Ajax开发技巧

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

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

2013-1-5评论(0)浏览(195)分类：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)浏览(266)分类：JavaScript/Ajax开发技巧

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

DOCTYPE xhtml对body高度影响

2013-1-3评论(0)浏览(203)分类：HTML/CSS兼容/XML

　　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代码优化技巧

2013-1-1评论(0)浏览(218)分类：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 +&..

自定义404错误对seo的影响

2012-12-28评论(0)浏览(238)分类：网站排名及优化

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

EXT xtype介绍

2012-12-27评论(0)浏览(275)分类：extjs开发技巧

　　自定义组件在定义的时候可以通过xtype配置为组件指定xtype短名称，此后创建对象可以通过xtype来创建自定义对象了，示例代码如下Ext.define('MyApp.PressMeButton', { extend: 'Ext.button.Button', xtype: 'pressmebutton',//指定自定义组件的xtype text: 'Press Me'});ext中xtype类型如下基本组件..

Ext.query详解

2012-12-26评论(0)浏览(294)分类：extjs开发技巧

Ext.query( String path, [Node root] ) : Array通过path,在root中选择节点数组,path可以是以下四种选择器之一 1、元素选择符Selector ★// 这个查询会返回所有span标签组成的数组。 Ext.query(span); ★// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。 Ext.query(span, foo); ★//按id获取标签，你需要加上#的前缀 Ext.query(#..

Ext.get和Ext.query获取元素

2012-12-26评论(0)浏览(187)分类：extjs开发技巧

　　想要利用ExtJS的库函数对DOM进行各类操作，就要得到Element类型的对象，但是Ext.get()取到的虽然是Element，但是参数只能是id，如果大家对jQuery的selector方式很喜欢和崇拜，那么就一定要学习Ext.get()和Ext.query()的组合方式。　　前面写的get()和query()我都省略参数了，先看看文档中的函数原型：Ext.get( Mixed el ) : ElementParamet..

ext笔记

2012-12-26评论(0)浏览(146)分类：extjs开发技巧

1.ext事件封装在ext.lib.Event下。上一层还有ext.EventObject,它继续封装了ext.lib.Event。一般函数中 function(e),这个e就是ext.EventObject对象。而且ext.EventObject还封装了鼠标和键盘的一些操作。 2.element.on('click',fn,this,{single:true,delay:100,testId}).其中single表示第一次，delay延迟，testId是传入fn()的参数。在fn..

EXT常用方法

2012-12-26评论(0)浏览(292)分类：extjs开发技巧

Ext.util.Observable：一个抽象基类，为事件机制的管理提供一个公共接口,如果你希望的类可以有事件，就继承它吧Ext.apply：如果只传入两个参数，则将C继承D的所有方法属性，如果定义了B则每次都先继承B的方法属性然后再继承D的方法属性，即B是默认继承对象1、Ext.apply(Object obj, Object config, Object defaults ) : Object将config中的所有属..

Ext.get,Ext.select,Ext.query方法

2012-12-26评论(0)浏览(140)分类：extjs开发技巧

1，Ext.get　　Ext.get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象， Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，可以通过Element对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写..

vs2008 jquery智能提示Intellisense

2012-12-25评论(0)浏览(146)分类：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..

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

2012-12-25评论(0)浏览(113)分类：HTML/CSS兼容/XML

　　不光是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**/