发表于 | 分类于 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ）-->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
<meta name="format-detection" content="telephone=no, email=no" />
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">

发表于 | 分类于

闭包

函数嵌套函数，内部函数可以引用外部函数的参数和变量，参数和变量不会被垃圾回收机制所收回

闭包的好处

  1. 希望一个变量长期驻扎在内存当中
  2. 避免全局变量的污染
  3. 私有成员的存在
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var aaa=(function(){
        var a=1;
        return function(){
            a++;
            alert(a)
        }
    })()

    aaa();//2
    aaa();//3

用法

  1. 模块化用法
  2. 在循环中

发表于 | 分类于

区别

  1. 函数表达式可以直接后面加括号执行，而函数声明是不可以的
  2. 函数声明可以被提前解析出来的，函数表达式没有变量提升
  3. 对于var a=function aaa(){}最好不要，火狐会报错

发表于 | 分类于

this： 指的是调用 当前 方法（函数）的那个对象

1
<div onclick="    this     fn1();      "></div>     fn1(); 里的 this 指的是 window
1
2
3
4
5
function fn1(){
	// this
}
// fn1();			this => window
// oDiv.onclick = fn1;			this => oDiv
1
2
3
oDiv.onclick = function (){
	fn1();					fn1() 里的this => window
}

js中this的绑定

this的绑定一共有四种绑定：

  1. 默认绑定（即没有明确的调用对象）
  2. 隐性绑定（即作为对象方法调用，this会被绑定到该对象）
  3. 显性绑定（使用apply()和call()调用，两个方法的第一个参数为一个对象，this被绑定到该对象）
  4. new绑定（使用new来调用函数，会构造一个新对象，并且把this绑定到该对象）

this绑定的四条规则的优先级： new绑定 > 显示绑定 > 隐式绑定 > 默认绑定

发表于 | 分类于
  • sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
  • 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage（页面属于相同域名和端口），但是不同页面或标签页间==无法共享==sessionStorage的信息。这里需要注意的是，页面及标签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。 ==要理解共享的意思==
  • 打开的新页面的sessionStorage是通过原网页的sessionStroage复制传递过来的，也可以理解为新网页的sessionStorage是原网页的sessionStorage的复制出来的独立体，每个网页的sessionStorage都是一个独立的，不共享。==一旦一个网页的sessionStorage发生变化，另外一个页面的sessionStorage不受影响。==

发表于 | 分类于

键盘事件拥有两个属性，keyCode和CharCode，他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码，而charCode是指用户按下字符的编码。

IE下

keyCode：对于keypress事件，表示按下按键的Unicode字符；对于keydown/keyup 事件，表示按下按键的数字代码。无charCode属性。

DOM标准下

keyCode：表示按下按键的数字代码。

charCode：按下按键的Unicode字符。

小结：

1.在keydown事件里面，事件包含了keyCode – 用户按下的按键的物理编码。

2.在keypress里，keyCode包含了字符编码，即表示字符的ASCII码。这样的形式适用于所有的浏览器 – 除了火狐，它在keypress事件中的keyCode返回值为0。

如果你想获取用户实际敲击的按钮，用keydown事件来获取事件对象，并获取keyCode值，这在所有浏览器都行的通。另一方面，如果你想获取用户输入的字符，那么就使用keypress来获取，然后获取charCode（火狐和safari）或是keyCode（其他浏览器）。