JS中的定时器&&动画&&同步异步编程

定时器

设置一个定时器并设定一个等待时间，当到达时间，执行指定要完成的事情；JS中的定时器一共有两种：

window.setTimeout（执行一次）

window.setTimeout(function,[interval]):设置了一个定时器，当到达指定时间后执行对应的方法（执行一次定时器就结束了）；（第一个参数是函数，第二个参数是时间，a单位都是毫秒，自己不需要加单位，17是个比较理想的时间）

window.setTimeout(function(){
console.log('ok');//100ms后输出一次 ‘ok'，此时定时器结束，但是定时器并没有被清除；
},100);//定时器等待时间设置为0也不是立马执行，浏览器也有一个最小反应时间（13MS-14ms），

[interval]：时间因子，需要等待的时间

window.setInterval（执行多次）

window.setInterval(function,[interval])：设置一个定时器，当达到指定时间后执行对应的方法（以后每隔这么长时间就重新执行这个方法，直到定时器清除为止，执行很多次）

var n=0；
window.setInterval(function(){
console.log(n++);//每隔100ms输出一次 ，1，2，3，4。。。。
},100);//定时器等待时间设置为0也不是立马执行，浏览器也有一个最小反应时间（13MS-14ms），

JS中DOM盒子模型深入分析

CSS盒子模型

传统盒子模型

width height:不是盒子的宽高，而是盒子中的内容

盒子的宽度=width+border2+padding2//在一个对称的模型中

CSS3新增加的盒子模型

增加该属性，width和height的数值就是盒子的宽高；

box-sizing:border-box;

正则

正则的基础知识

什么是正则？

正则就是一个规则，用来处理字符串的规则
1、正则匹配

• 编写一个规则，验证某个字符串是否匹配这个规则，用test方法

2、正则捕获

• 编写一个规则，在一个字符串中，把符合规则的内容都获取到，使用方法：正则的exec方法、字符串中的split、replace、match等方法都支持正则

var reg=/^$/;//两个斜杠之间包含的内容就是正则，两个斜杠之间的全部内容都是元字符

关于面向对象的理解(构造函数、原型链)

OOP(面向对象编程思想)

它是一种编程思想，让我们基于类和实例的概念来编程开发和学习。

单例模式

单例设计模式是一种把对象数据类型实现把描述同一件事物的属性或者特征归纳汇总在一起，以此避免全局变量冲突问题的方式和思想。
把描述同一件事务的属性或者方法存放在某一个命名空间下，多个命名空间中的属性和方法是互不干扰的。

数组详解

给数组开头增加新内容的方法:

unshift; 
ary.[0]=xxx; 
ary.splice(0,0,X); 
ary.slice(); 
//删除数组第一项： 
shift; 
splice(0,1);

//给数组末尾增加： 
push; 
splice(ary.length,0,x) 
//数组克隆； 
slice();

字符串中常用的方法

索引特点，从0开始
length属性，字符串的长度
如果指定索引不存在，会得到undefined
真实项目中,我们经常操作字符串，此时我们需要掌握一些常用方法
console.dir(String,prototype)

数据类型的转换汇总

Number类型的转换

把其他数据类型转换为number类型的方法

isNaN,Number,parsseIn,praseFloat
在进行加减乘除运算时

'12px'=>NaN; "主灯"=>NaN
[ ] /null /false / ' ' /=>0
{ } /^$/ function(){}/ undefined /=>NaN
*注：引用类型在转化Number时，先转化为字符串（toString），再转变为数字(Nubber)。*
parseFloat('');=>NaN 与number不同

函数专题

函数是指一段在一起的、可以做某一件事儿的代码。可以随时运行，可以重复使用。

创建函数

function fn[函数名](){
//=>[函数体]
//实现功能的具体JS代码
}

基础知识

ECMAScript(ES)：规定了JS的一些基础核心的知识（变量、数据类型、语法规范、操作语句等）
DOM：document object model 文档对象模型，里面提供了一些属性和方法，可以让我们操作页面中的元素
BOM：browser object model 浏览器对象模型，里面提供了一些属性和方法，可以让我们操作浏览器

常用浏览器内核

浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。

• webkit内核（V8引擎）
  • 谷歌
  • 大部分移动端浏览器
  • 国内大部分浏览器 360 QQ UC 猎豹 搜狗
  • NODE基于V8来渲染JS
• Gecko 火狐浏览器
• Presto 欧朋浏览器
• Trident IE浏览器

• 一、数据库命令规范
• 二、数据库基本设计规范
• 三、数据库字段设计规范
• 四、索引设计规范
• 五、常见索引列建议
• 六、如何选择索引列的顺序
• 七、避免建立冗余索引和重复索引
• 八、优先考虑覆盖索引
• 九、索引SET规范
• 十、数据库SQL开发规范
• 十一、数据库操作行为规范