刚入门，开发知识点

1.字体设置

<b></b>
<strong></strong>
<i></i>
<em></em>
<u></u>
<ins> </ins>
<tt></tt>(字符转为打字机字体)
<sup></sup>字符 上标字体
<sub></sub>字符设置下标字体
<code></code>显示编程代码
<samp></samp>显示示例文字
<KBD></KBD>显示键盘按键文字
<Small></Small>缩小文字
<Big></Big>放大文字
<cite></cite> 斜体

万能消除法：？？

2.伪对象

伪对象分为存根stub和模拟对象mock
单元测试到测试对象，准备data ,执行测试方法
断言测试结果
hover伪类样式未激活

3.伪元素与伪类

伪元素与伪类区别：是否创造了新元素
存根：提供某种来模拟本地对象
对象：拥有保存值的一片区域

4.数据保存区域

堆与栈
栈：存放函数的参数是值，局部变量（自动分配）Heap
堆：有开发人员分配和释放stack
二者实际上是操作系统对进程占用内存空间的两种的管理方式
二者区别
1.管理方式不同
2.空间大小不同（堆>栈）
3.生长方向不同
4.分配方向不同
5.分配效率不同：栈有操作系统自动分配，分配专门的寄存器存放栈地址，压栈出栈都有专门的指令执行，这就决定了栈的效率比较高
6.存放内容不同

5.属性补充

align属性对齐的参考
div内容水平对齐
表OLE上对齐
cellspacing.单元格空隙
cellpadding 单元格内容与单元格边界
canvas 画布
drops 推入

6.表格完整结构

caption 表格标题
thead 表头
tbody 表身
tfoot 表脚
rowspan (合并行）
colspan(合并列）

7.相对路径和绝对路径

相对路径是该文件所在局域的路径
绝对路径是文件的根路径

8.补充标签

表单标签
<input>
<textarea>
<select>
<option>
插入音频，视频和Flash
<embed>
<bgsound>
<ifame>浮动框架标签
<scrolling> have thress properties(auto,yes,no)\

9. html:5

新增一组技术：canvas SVG ,webSockect本地存储等

SEO 搜索引擎优化（通过关键字来获取所有的内容）
关键词剥析
关键词挖掘
关键词密度剥析
关键字在页面布局

10.图片语义化

对img标签
1.alt 和 title
2.figure(包含图片和图注) 和figcaption（图注文字）
//加强图片语义化

11.使用fieldset 和 legend

1.增强表单语义
2.可以定义fieldset 元素中的disabled属性来禁用整个组中的表单元素

12.H-5

audio video
canvas 可使用脚本来绘制图形的HTMl元素
渲染上下文
canvas标签提供一个getContext（渲染上下文和绘画功能）
可通过getContext 方法是否存在判断浏览器的支持性
可用canvasRenderingContext2D 替换getContext(‘2d’)
webgl(或experimental-webgl):创建一个webGlRenderingContext 三维渲染上下文对象
webgl2(或experimental-webgl):创建一个webGL RenderingContext三维渲染对象

13.bitmaprenderer

bitmaprenderer:创建一个只提供将canvas内容替换成为指定imageBitmap 功能的
ImageBitmap Rendering Context.

14.canvas -strength-line

moveTo(x,y) -->lineTo(x,y)
(初始位置坐标）-->(最终位置坐标）

15.补充

stroke()通过线条绘制轮廓

16.canvas API

A. strokeRect(x,y,width,height)绘制矩形边框
B.fillRect(x,y,width,height)绘制一个填充的矩形
C.clearRect(x,y,width,height)

17.绘制圆与圆弧

arc(x,y,radius,startAngle,endAngle,abticlockwise)
圆心坐标–半径 绘制方向（false，顺时针）

18.内容添加

ctx.beginPath()//开始路径
ctx.closePath()//闭合路径
fill通过填充内容区域（路径），生成实心图形
ellipse(x,y,radiux,radiuY,rotation,startANgle,endAngle.anticlockwise
旋转角度

19.二次贝塞尔曲线

quadraticCurveTo(cplx,cply,x,y)

20.三次贝塞尔曲线

ctx.bezierCurveTo(cplx,cply,cp2x,cp2y,x,y)

21.部分属性

Linewidth 当前绘线的粗细
LineCap 设置线段点显示样子，可选值（butt,round和square）
LineJoin round bevel和miter(两线段连接处显示模样)
miterlimit（限制当两条线相交时，交接处最大长度）
setLineDash(设置当前虚线样式）
getLineDash(返回前虚线设置样式，长度为非负偶数的数组
lineDashOffset 虚线样式的起式偏移量
globalAlpha透明度

22. DTD 与 Meta

DTD:文档类型定义（关于标记符的语法规则）
meta:页面元信息

23.BFC

BFC（block formatting context）块级格式化上下文（独立渲染区域）
Block-level box 参与（规定内部Block-level box 如何布局）
[它是一个独立布局环境，其中的元素布局不受外界影响，并且在一个BFC中，块盒与行盒（行盒是由行内的内联元素组成的）都会垂直的沿着其父元素的边框排列]
布局规则-如何触发BFC
触发BFC的属性有
overflow:hidden
display:inline-block
position:absolute
position:fixed
display:table-cell
display:flex

24.扩展

coderURL（程序导航站）

25.最近风口技术

webRTL(实时通讯技术）
1.webRTC的一些API
2.分享屏幕，录制屏幕
3.通过webRTC 实现拍照
4.实现视频虚拟背景

forEach()

它的作用，是对数组中的元素执行一次方法

26.箭头函数调用弹出值

它的弹出值是父级域相关的值

27.定位

positon:
absolute（相对最近的不是static定位的父元素）
Fixed ：相对于浏览器窗口定位
relative：相对定位（原来的位置）
static：默认值
herit:继承父元素的position值

28.监听器

addEventListener(向指定元素添加监听事件，同一元素可重复添加

removeEventListener(移除事件）
事件名称，字符串，执行函数，触发类型，布尔类型

29.var和let区别

1.var会提前预解析，且调用结果是undefined，但let不会预解析
2.var变量名是可以重复使用的，但let是唯一，不能重复的
3.变量作用域是全局和局部作用域，let只能在{}中调用
4.var 定义的循环变量和使用let定义的循环变量，执行原理和执行效果不同。

30.const同var区别

1.不能预解析
2.不能重复使用变量名
3.const存贮的数据数值不能改变，也就是const定义的变量，不能重复赋值