摘要：
对于博文20行完成一个JavaScript模板引擎的备受好评我感到很惊讶,并决定用此文章介绍使用我经常使用的另一个小巧实用的工具.我们知道,在浏览器中的 JavaScript 绝大部分的操作都是异步的(asynchronous),所以我们一直都需要使用回调方法,而有时不免陷入回调的泥淖而欲死欲仙。 假设我们有两个 functions ,我们顺序地在一个后面执行完后调用另一个。他们都操作同一个变量。第一个设置它的值,第二个使用它的值。123456789var value; var A = function() { setTimeout(function() { value = 10; },... 阅读全文
摘要：
Js代码14年愚人节打开OSCHINA，然后等了2秒钟，你会发现网页全变模糊了，刚以为是浏览器问题，然后看了网页源码。就是加了一段代码就能实现。呵呵 分享给大家 阅读全文
摘要：
大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的none，Ruby语言的nil。 有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？ 一、相似性 在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。123var a = undefined;var a = null; 上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。 undefined和null在if语句中，都会被自 阅读全文
摘要：
jQuery对事件系统的抽象与优化也是它的一大特色。本文仅从事件系统入手，简要分析一下jQuery为什么提供mouseenter和mouseleave事件，它们与标准的mouseover、mouseout事件有什么区别。事件模型说到事件，就要追溯到网景与微软的“浏览器大战”了。当时，事件模型还没有标准，两家公司的实现就是事实标准。网景在Navigator中实现了 “事件捕获”的事件系统，而微软则在IE中实现了一个基本上相反的事件系统，叫做“事件冒泡”。这两种系统的区别在于当事件发生时，相关元素处理（响应） 事件的优先权不同。下面举例说明这两种事件机制的区别。假设文档中有如下结构：12345.. 阅读全文
摘要：
简介 单元测试关注的是验证一个模块或一段代码的执行效果是否和设计或预期一样。有些开发人员认为，编写测试用例浪费时间而宁愿去编写新的模块。然而，在处理大型应用程序时，单元测试实际上会节省时间；它能帮助您跟踪问题并安全地更新代码。 常用缩略语 DOM：文档对象模型 HTML：超文本标记语言 JSTD：JSTestDriver YUI：Yahoo! User Interface 在过去，只对服务器端语言进行单元测试。但前端组件越来越复杂，使得编写 JavaScript 代码测试用例的需求日益提高。如果您不经常编写客户端脚本的测试，学习进度可能非常难。测试用户界面可能需要在思路上做一些... 阅读全文
摘要：
1 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQuery的出现，让开发人员从一大堆繁琐的js代码中解脱，取而代之几行jQuery代码。现今，jQuery无疑已成为最为流行没有之一的JavaScript类库。 而jQuery UI 则是在jQuery 基础上开发的一套界面工具，几乎包括了网页上你所能想到和用到的插件以及动画特效，让一个毫无艺术感只知道码字的码农不费吹灰之力就可以做出令人炫目的界面。让你在做界面的时候随便‘拿来’就用，还有一点就是，它是免费开源的，用户可根据需要自定义甚至重新设计。2 为我所用 ... 阅读全文
摘要：
JavaScript是一种描述型脚本语言，它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制，或者简单地说，你不能掌握javascript的执行顺序，那你就犹如伯乐驾驭不了千里马，让千里马脱缰而出，四处乱窜。 那么JavaScript是怎么来进行解析的吗？它的执行顺序又是如何的呢？在了解这些之前，我们先来认识几个重要的术语： 1、代码块 JavaScript中的代码块是指由 JS是按照代码块来进行编译和执行的，代码块间相互独立，但变量和方法共享。什么意思呢? 举个例子，你就明白了：1234... 阅读全文
摘要：
说明：普通行列转换(version 1.0)仅针对sql server 2000提供静态和动态写法，version 2.0增加sql server 2005的有关写法。问题：假设有张学生成绩表(tb)如下:姓名 课程 分数张三 语文 74张三 数学 83张三 物理 93李四 语文 74李四 数学 84李四 物理 94想变成(得到如下结果)：姓名 语文 数学 物理---- ---- ---- ----李四 74 84 94张三 74 83 93-------------------*/createtabletb(姓名varchar(10) , 课程varchar(10) , 分数int)inse 阅读全文
摘要：
今天分享一下如何通过Javascript来判断Chrome浏览器，这里是通过userAgent判断的，检测一下userAgent返回的字符串里面是否包含“Chrome”, 具体怎么检测是通过indexOf方法进行的。下面是代码：123456789关于indexOf方法：indexOf方法返回一个整数值，指出String对象内子字符串的开始位置。即indexOf()括号内所包含的字符在该字符串内的位置，在第几位就返回几，从0开始记数。如果有重复的字符出现，以第一个字符为准。如果没有找到子字符串，则返回 -1。 阅读全文
摘要：
12.FireFox下如何使连续长字段自动换行众所周知IE中直接使用word-wrap:break-word就可以了,FF中我们使用JS插入 的方法来解决aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 阅读全文
摘要：
Js冒泡机制是指如果某元素定义了事件A，如click事件，如果触发了事件之后，没有阻止冒泡事件，那么事件将向父级元素传播，触发父类的click函数。如下例所示： without middle inner innerdouble innerthree innerfour 当你点击inner的时候，会依次弹出‘inner’，‘middle’和‘without’。这就是事件冒泡。从直观上来看，也是这样的，因为最里层的区域是在父级节点中的，点击了子级节点的区域，其实也是点击了父级节点的区域，所以事件会传播起来。其实，很多的时候，我们并不想事件冒泡，因为这样会同时触发几个事件。接下来：我们点击... 阅读全文
摘要：
FF与IE1.Div居中问题div设置margin-left,margin-right为auto时已经居中，IE不行，IE需要设定body居中，首先在父级元素定义text-algin:center;这个的意思就是在父级元素内的内容居中。2.链接(a标签)的边框与背景a链接加边框和背景色，需设置display:block,同时设置float:left保证不换行。参照menubar,给a和menubar设置高度是为了避免底边显示错位,若不设height,可以在menubar中插入一个空格。3.超链接访问过后hover样式就不出现的问题被点击访问过的超链接样式不在具有hover和active了,很多 阅读全文
摘要：
11.高度不适应高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin或paddign时。例：#box{background-color:#eee;}#boxp{margin-top:20px;margin-bottom:20px;text-align:center;}p对象中的内容解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。12.IE6下为什么图片下有空隙产生解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img为display 阅读全文
摘要：
今天踩着前辈们的肩膀，再次把这篇文章翻译整理下。一来让自己对web缓存的理解更深刻些，二来让大家注意力稍稍转移下，不要整天HTML5, 面试题啊叨啊叨的~~ 什么是Web缓存，为什么要使用它？ Web缓存游走于服务器和客户端之间。这个服务器可能是源服务器（资源所驻留的服务器Add），数量可能是1个或多个；这个客户端也可能是1个或多个。Web缓存就在服务器-客户端之间搞监控，监控请求，并且把请求输出的内容（例如html页面、 图片和文件）（统称为副本）另存一份；然后，如果下一个请求是相同的URL，则直接请求保存的副本，而不是再次麻烦源服务器。 使用缓存的2个主要原因：降低延迟：缓存离客户端... 阅读全文
摘要：
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声名.CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行2.margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bu.. 阅读全文