html5基础知识

2018-01-24

html5知识点总结

进度条：progress标签，如果要修改进度条样式，设置-webkit-apprearant：none。
多媒体的标签：audio:音频；vadio：视频。
新选择器（js里面的操作）：document.querySelector(‘.item’) —> 返回dom对象；nt.querySelectorAll(‘.item’) —> 返回元素类型是dom类型的数组.
提示: $(‘.item’) —> 返回一个jquery对象（实则是dom元素的数组，只是经过jquery封装）

classList属性：
eg:

<h1 class="class1 class2 class3"></h1>

var h1 = document.getElementByTagName('h1')[0]
var list = h1.classlist;

提示： 通过classList封装一些针对增加、删除、切换的方法，add(‘newClass’)、remove(‘oldClass’)、toggle(‘cl’)，存在的话就删除，不存在的话就添加

注意：在cache：里面必须有一个tab键。

lang=’en,zh’：告诉搜索引擎爬虫，使其精确识别
ol标签上的常用属性：type、reversed、startwt
ul标签上的常用属性:type
协议限定符：
1
<a href="javascript:">email me</a>
主流浏览器及其内核:ie（trident）、google（webkit/blink）、opera（presto）、safari（webkit）、firefox（gecko）。
css中各种类型的样式占的权重：！important — 正无穷、行间样式—1000、id选择器样式—100、class/属性/伪类选择器:10、通配符—0
样式垂直居中：用容器的height等于line-height
首行缩进：text-indent:2em；1em=16px=font-size（默认16px）
行级元素：span、strong、em、a、del
块级元素：div、p、ul、li、img、form、address
行级块元素：img
省略号：overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
强制不换行：white-space:nowrap;

选择器：
eg：

直接子元素选择器
div > em{
color:red;

并列选择器
div.demo .ttt{
	background-color: red;
}

分组选择器
p, div, span{
	background-color: red;
}

预编译过程
- 创建AO（执行期上下文）对象（全局的预编译生成GO对象）
- 将形参和变量名作为AO or GO的属性名，值为undefined
- 将实参的值和形参统一
- 在函数体里面找函数声明，值赋予函数体

作用域链（每一个函数定义的时候都会产生一个执行器上下文）
eg

   a 被定义：创建a[[scope]] --> GO
   a 被执行：将a的AO入栈到a[[scope]]
   function a(){
function b(){
	var b = 123; 
}
var a = 234;
b();
   }
   a();