文章列表
在javascript中，只有函数具有作用域，也就是说：在一个函数内部声明的变量在函数外部无法访问。
例：
function foo() {
var a = 10;//变量a定义在函数foo()内部。
function bar() {
a *= 2;
return a;
}
return bar;//返回一个内嵌函数
}
//创建 对象
var baz = foo();
baz();//第一次调用，a = 20
baz();//第 ...
// 横屏切换处理（iphone，安卓）
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
// 由于切换时，获取值刚好是切换前的数据，需加上300延时，保证获取的宽度是切换后屏幕的值
setTimeout(function(){
var scrollHeight = getMaxValue(document. ...
工作中有时间碰到多个ajax请求，需要按照顺序进行数据请求且保证数据是按照请求的顺序有序返回。所以需要对请求进行包装处理。 jquery自带的case when方式仅能保证请求是按顺序发出的，但不能保证请求的数据按顺序 ...
在cookie中存储中文，有时候会有中文乱码问题，如在IOS系统中访问的时候，可能会由于中文乱码而导致数据没有成功存储到cookie中，解决乱码问题的方式主要是使用2个函数：
escape(string): 对字符串进行编码。
unescape(string): 对字符串进行解码。
代码示例如下：
var cookie = {
set:function(key,val,time){//设置cookie方法
var date=new Date(); //获取当前时间
var expiresDays=time; //将date设 ...
滤镜(Filters)是CSS3中新增的功能，可以实现模糊效果，透明效果，色彩反差调整，色彩反相等效果。
滤镜(filter)效果如下： grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果),
一个使用CSS3动画效果实现的图片宽度 横向展开的效果。
HTML代码如下：
<ul id="kwicks">
<li><a class="john" href="http://en.wikipedia.org/wiki/John_lennon" title="John Lennon">John Lennon</a></li>
<li><a class="paul" href="http://e ...
<img src="home.png" style="width:200px; height: 200px;">
在HTML页面完成渲染后
，任何改动页面样式或结构的操作都会引起浏览器重绘，性能的损耗直接取决于动态改变的范围：如果只是改变一个元素的颜色之类的信息则只会重绘该元素；而如果是增删节点或调整节点位置则会引起其兄弟节点也一并重绘，所以在页面操作中要尽量减少页面重绘的次数，
基本原则如下：
改动的DOM元素越深则影响越小，尽量深入到节点深处。
对某些DOM样式有多重变动尽量合并到一起修改。
...
目前js中获取页面地址来源的方式主要有2种：
document.referrer 和 opener.location.href,
document.referrer：表示打开当前窗口的父窗口的地址(若不是通过超链接打开则此值为null)
window.opener: 表示打开当前窗口的父窗口地址,
通过超链接打开当前窗口，在当前窗口的url中会附带父窗口的url(已编码)，因此可通过document.referrer或
window.opener来获取父窗口的url，但不同浏览器的支持情况不同，具体如下图：
如上图所示： 在IE8下, document.referre ...
有时候需要实现从当前页面跳转到下个页面的某个模块，这就要使用锚点定位来实现：
格式： 当前页面的 href="aaaa.html#nextMode"
在要定位显示的模块中：添加值为nextMode的id和name， 如定位到一个div
<div id="nextMode" name="nextMode"></div>
以上方法在firefox中可直接实现，但chrome中不兼容该方法，需添加js辅助，其兼容方法为：
var url = window.location.href;
var id ...
样式如下：设置div最小高度并设置为auto，同时设置字体换行和边界换行即。div设置contenteditable="true"
即可实现文字编辑(contenteditable为html5新增属性)
div{ float: right; margin-right: 45%; height: 50px; height: auto; min-height: 50px; width: 200px; border: 1px solid black; /*字体换行*/ word-break: break-all; /*任意字内断开*/ word-wra ...
BaiduTemplate模板 js技术可以生成一套html代码块，根据不同的数据进行动态展示。
特点：
默认的Html转义，变量未定义时输出为空，防止页面错乱，可自定分隔符等，学习成本低， 简单易用。
目前版本：1.0.6，
使用时需引入 baidutemplate.js文件
定义html代码块格式如下：
<script id="navTemplate" type="text/template">
<div>
<% if( list.length >1 ){%>
...
样式如下：
.parent{ width:92px; height:92px; border:1px solid #666;} .parent p{ float:left; width:30px;}
.parent p+p{ float:right;}
HTML内容如下：
<div class="parent"> <p>a</p> <p>b</p> <p>c</p> </div>
显示排列结果： acb
样式分析：p+p相邻选择符首先会将第一个起作用的p元素(即 ...
对象和属性：属性一共分成三类，分别是命名数据属性、命名访问器属性和内部属性，前两类属性可以在代码中直接使用，而后面一种属性是规范使用的内部表示。
命名属性一般有：Value：表示该属性的值Writable：表示该属性的值是否为只读的Enumerable： 表示该属性是否可以被枚举，可以被枚举的属性可以通过 for-in 循环来获取到Configurable：表示该属性是否可以被配置，为true则表示 该属性可以被删除、可以被转换为访问器属性。
命名访问器属性：该类属性没有Value和Writable特性，属性获取和设置则通过get和set特性(函数)来实现。
内部属性：作用是定义 ECM ...
JSON 格式数据经过解析之后，可以直接当成 ECMAScript 中的对象来使用。在使用 JSON 格式时的一个重要问题是如何在 ECMAScript 中的对象与文本形式之间进行互相转换。从服务器端通过 HTTP 协议获取的 JSON 文本需要经过解析之后，才能在 ECMAScript 代码中来使用；当需要向服务器端发送数据时，需要先把 ECMAScript 中的对象转换成文本格式。在 ECMAScript 规范第三版中并没有对 JSON 格式数据的转换进行规范，大多数程序都依靠 JavaScript 框架来提供相关的支持。
ECMAScript 规范第五版提供了2个处理JSON对象和js ...
数组是 ECMAScript 中非常重要的一个内置对象。在 ECMAScript 代码中可以看到大量对数组的使用。Array 对象用来表示数组。在 ECMAScript 规范第三版中并没有为 Array 对象提供比较多的实用函数来对数组进行操作。很多 JavaScript 框架对 ECMAScript 规范中的 Array 对象进行增强。ECMAScript 规范第五版中对 Array 对象进行了增强，因此很多功能可以直接依靠运行环境的实现。
Array 对象本身是一个构造函数，可以用来创建新的数组实例。当 Array 对象本身作为一个函数来使用时，其作用相当于作为构造函数来使用。因此 ...