零散点

盒子模型：标准模式：占页面宽度＝content+border+padding; content 仅指内容区width

怪异模式IE：占页面宽度＝ content; content本身包含内容区width＋padding+border

1文档使用DOCTYPE声明，则会采用标准模式；

2设置-webkit-box-sizing:content-box; 则会采用标准模式；设置box-sizing:border-box，将会采用怪异模式。

flexbox 弹性布局：

任意一容器指定为Flex布局，.box{display:flex;/inline-flex;} -webkit-flex; 其.box的子元素的float,clear,vertical-align属性将失效

容器.box有以下6个属性：

flex-direction:row | row-reverse | column | column-reverse; 决定主轴main axis的方向；

flex-wrap: nowrap | wrap | wrap-reverse; 定义项目在周线上一行排不下，如何换行；wrap-reverse换行，第一行在下方，第二行在上方

flex-flow: row nowrap(默认) ；简写形式

justify-content: flex-start | flex-end | center | space-between | space-around; 定义了项目在主轴上的对齐方式。space-between两端对齐，项目之间的间隔相等。space-around:每个项目两侧的间隔相等，项目之间的间隔比项目与边框的间隔大一倍。

align-items:flex-start | flex-end | center | baseline | stretch ; 定义项目在交叉轴侧轴上如何对齐，baseline 项目的第一行文字的基线对齐。stretch：如果项目为设置高度或设为auto，将沾满整个容器的高度。

项目.子元素的6个属性：

order:number 定义项目的排列顺序，数值越小，排列越靠前，默认为0.

flex-grow：number 定义项目的放大比例，默认为0；如果都为1，则等份剩余空间。

flex-shrink: number 定义了项目的缩放比例，默认为1，即若空间不足，该项目则缩小

flex-basis: length | auto 定义了项目在分配多余空间前，项目占据的主轴空间。默认auto，即项目本来的大小。

flex:auto | none 是flex-grow flex-shrink flex-basis 简写，默认0 1 auto ； auto(1 1 auto ) none(0 0 auto).

cookie 是浏览器的一种机制，将document对象的cookie 属性提供给js，cookie可以实现严格的跨页面全局变量。可以跨越一个域名的多个页，但不能跨越多个域名使用。cookie是存于用户硬盘的一个文件这个文件对应一个域名，当浏览器再次访问这个域名时，便使用这个cookie

cookie机制将信息存储于用户硬盘，因此可以作为全局变量，常见的应用场合 1 保存用户登录状态 2 跟踪用户行为 3 定制页面 4 创建购物车

document.cookie="userId=828";
document.cookie="userName=hulk";

给cookie设置终止日期：document.cookie="userId=828; expiress=GMT_String";

删除cookie //获取当前时间 var date=new Date(); //将date设置为过去的时间 date.setTime(date.getTime()-10000); //将userId这个cookie删除 document.cookie="userId=828; expires="+date.toGMTString();

viewport可视区； width可视区宽度； device-width设备宽度；minimum-scale 允许用户缩放到的最小比例；maximum-scale允许用户缩放的最大比例 user-scalable:用户是否可手动缩放

HTTP http://blog.csdn.net/a603473186/article/details/6532261

HTML5、CSS3 兼容老师浏览器

关于算法的问题

1 判断一个单词是否是回文

function check(str){
... return str == str.split('').reverse().join('');
... }

2 去掉一组整型数组重复的值[1,1,3,44,14,2,3]

3 对象创建模式

1.使用new关键字创建

var gf = new Object();
gf.name = "tangwei";
gf.bar = "c++";
gf.sayWhat = function() {
    console.log(this.name + "said:love you forever");
}

2. 使用字面量创建

var gf = {
    name : "tangwei",
    bar : "c++",
    sayWhat : function() {
        console.log(this.name + "said:love you forever");
    }
}

3.工厂模式

function createGf(name, bar) {
    var o = new Object();
    o.name = name;
    o.bar = bar;
    o.sayWhat = function() {
        alert(this.name + "said:love you forever");
    }
    return o;
}
var gf1 = createGf("bingbing","d");
var gf2 = createGf("mimi","a");

4 构造函数

function Gf(name,bar){
    this.name = name;
    this.bar = bar;
    this.sayWhat = function(){
        alert(this.name + "said:love you forever");
    }
}
var gf1 = new Gf("vivian","f");
var gf2 = new Gf("vivian2","f");

5.使用原型对象：在原型模式中，不必在构造函数中定义实例属性，可以将属性直接赋予原型对象，达到共享属性和方法。

function Gf(){}
Gf.prototype = {
    name : "vivian",
    bar : "c++",
    sayWhat : function(){
        alert(this.name + "said:love you forever");
    }
}

6. 构造函数和原型组合模式
在实际开发中，使用构造函数定义对象的属性，使用原型来定义共享的属性和方法。

function Gf(name,bar){
    this.name = name;
    this.bar = bar;
}
Gf.prototype = {
    constructor : Gf,
    sayWhat : function() {
        alert(this.name + "said:love you forever");
    }
}
var gf1 = new Gf("vivian", "f");
var gf2 = new Gf("vivian1", "c");

原型里定义了sayWhat方法，gf1,gf2共用，name bar 属性为私有的。