HTML5之本地存储

Web Storage

在H5出来之前，如果我们需要把数据存在用户端，我们想到的就是Cookie。但是Cookie本来就有很多不好的地方，比如：

  1. Cookie的里面存储的大小只能是4kb，而且IE6只支持每个域名20个cookies；
  2. 浏览器是否禁用；
  3. 每次请求时都会将Cookie信息包含在请求信息中，增加了额外的带宽等。

Javascript原型链的一点理解

在进行这篇文章之前，我先通过typeof关键字来划分一下javascript的数据类型：

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
27
28
29
var num = 2;
var str = "";
var bool = true;
var fun = function(){}; 
var obj = {};
var arr = [];

console.log(typeof num); //number
console.log(typeof str); //string
console.log(typeof bool); //boolean
console.log(typeof fun);  //function

console.log(typeof obj);  //object
console.log(typeof arr);  //object
console.log(typeof null);  //object

//所以下面这两个对象不需要new后使用
console.log(typeof JSON); //object
console.log(typeof Math); //object

console.log(typeof Object);  //function
console.log(typeof Date);    //function
console.log(typeof String);  //function
console.log(typeof Boolean); //function
console.log(typeof RegExp);  //function
console.log(typeof Array);   //function
console.log(typeof ArrayBuffer); //function
console.log(typeof Function); //function
console.log(typeof Error);    //function

你真的会使用console调试js吗

本文阐述的内容和代码都是在chrome浏览器的开发者工具环境中。

chrome的dev tool作为web页面的开发利器，能够极大地提升工作效率，现在想想刚入行用dw编写页面是多么的痛苦。
dev tool有多个面板，相信有一点开发经验的都会对他们有所了解，这里我们只讲Console面板里的其中一条命令——console，其他的使用命令可以自行百度+谷歌。

Javascript面向对象编程的三种方法

前言

虽然不同于传统的面向对象编程语言，但是Javascript是一门面向对象编程语言，支持基于原型的委托式继承。虽然这样，但是组织javascript代码的形式非常灵活，有函数式编程，模块化编程，面向对象编程等等，那么，Javascript如何实现面向对象编程呢？

Javascript中的策略模式

定义和好处

策略模式的定义是：
策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，让算法的变化不会影响到使用算法的客户。。
使用策略模式的好处如下：

  1. 策略模式利用组合，委托等技术和思想，有效的避免很多if条件语句。
  2. 策略模式提供了开放-封闭原则，使代码更容易理解和扩展。
  3. 策略模式中的代码可以复用。