语义化标签：

1、能被网络搜索器更好的搜索 2、针对特殊设备，能够更好的解析

css

1、盒模型：包含两种模型1、盒模型（box-modle，包含块，每一个元素都有父元素），2、可视化模型（窗口的盒子的排列模式）

能够影响常规文档流的元素：

1浮动 float:left,right
2处理溢出 overflow不为visible
3表格    table等
4定位 position：absolute relative

BFC

原理：每一个根元素都是一个单独的BFC，对一个元素设置了BFC之后，只能对它的内部起作用

BFC的使用可以使margin不再重叠，布局更加美观，避免问题的出现

 

html5的拖拽实现方法

（1）、被拖拽的元素主要会经历三个阶段

    moveBlock.ondragstart = function(){}//触发拖拽事件，获取事件对象

    momoveBlock.ondrag = function(){}//拖拽中

    momoveBlock.ondragend = function(){}//拖拽后

（2）、投放区会触发的四个阶段

    dropBlock.ondragenter = function(){}//进入投放区

     dropBlock.ondragover = function(e){
        //阻止默认事件发生(冒泡事件)
        e.preventDefault();}//投放区移动;

     dropBlock.ondragleave = function(){}//离开投放区

    dropBlock.ondrop = function(){}//投放结束后触发的事件

web存储

1、cookie（html4）：存放在客户端浏览器上，保存服务器发回来的信息，维持状态,cookie 的最大存储量为4kb

2、sessionStoreage：存放在服务器上（每一个session对象都有一个sessionID)需要和cookie配合使用，存储时间为一次性的会话时间

3、LocalStorage :存储于浏览器上，没有时间的限制，没有大小的限制，同一个浏览器不同的页面之间可以共享（a、JESON.stringify(obj)：把JISON对象转化为字符串；b、JSON.parse(obj):把字符串转化为JISON对象）

canvas

1、创建画布的方式

    <canvas width:1000,height:600>      
    //canvas自身带有属性，可以根据width和height来设计画布的大小，不加px
    </canvas>

2、获取画笔的方法

    var context = id.getContent("2d");
    //获取画笔是canvas才有的方法，需要在方法里面传入一个参数，一般是传入2d，3d比较少用

3、获取图片的方法

    var img = new Image();
    img.src = url

4、绘制矩形

    contex.fillRect(10,10,100,50);//(后面有四个参数；顶点x,y坐标，宽和高)

5、画一个带有边框没有填充内容的矩形

    contex.strokeRect(120,10,100,50);

6、绘制圆

    contex.beginPath();//重置路径，开始新的路径
    contex.arc(100+num*100,150,50,0,2*Math.PI)
    //绘制圆形四个参数，x,y轴起始点，半径，起始角，终点角

度数的转换

360度 = 2PI

180度 = 1PI；

贝塞尔曲线

1、二元曲线

    contex.moveTo(200,100);//起始点的位置
    contex.quadraticCurveTo(350,250,200,550);//二元控制台的控制点的坐标,结束点坐标

2、三元曲线

    contex.bezierCurveTo(450,150,150,300,250,550);//两个控制台以及他们结束的坐标

面向过程

计算机的执行思想：

定义：要达到一件事情的目的就要按照步骤来，一步就是一个过程，根据你想要的目的，每一个过程都要提前部署好。

优点：计算机的执行以及效率都比较高

缺点：人类的思维能力和执行能力不能完全按照计算机的执行步骤来思考，所以执行能力比较困难。

面向对象

面向对象的分析根据抽象关键的问题域来分解系统，是根据人类的思维模式来进行编程的一种实现过程。

优点：

1、审视问题域的视角，在现实世界中存在的客体是问题域中的主角，所谓客体是指客观存在的对象实体和主观抽象的概念，他是人类观察问题和解决问题的主要目标。

2、抽象级别，抽象是人类解决问题的基本法宝。良好的抽象策略可以控制问题的复杂程度，增强系统的通用性和可扩展性。抽象主要包括过程抽象和数据抽象。

3、封装体，封装是指将现实世界中存在的某个客体的属性与行为绑定在一起，并放置在一个逻辑单元内

对象：真实存在的物体

定义 ：对象是指自然存在的客体，是实实在在存在的物件。

1、特征：a、对象具有唯一性。b、对象具有分类性，对象都是分类的，例如人类、动物类等。c、继承性，子类对父类具有继承的特性。

2、属性：是指物体本身所具有的特征，就像数据具有长度的属性，物件具有颜色，大小，形态的属性等。

3、方法（行为）：每一个对象都有自己的作用，能达到一定的目的。对象具有以下的方法

a、封装性

b、继承性

c、多态性

类：具有相同属性和方法的一组对象的抽象

定义：对象是类的实例，类是对象的抽象及描述，是具有共同属性和操作的多个对象的相似特性的统一描述体。类也是对象，是一种集合对象，称之为对象类，简称为类，以有别于基本的实例对象。

Js:原型

相同属性和方法的对象拥有同一个原型

定义：prototype：是在运行期定义的一个属性和方法的集合。给类的对象提供方法的方法。返回对象类型原型的引用。