前端总结

常用浏览器内核

1. Trident
2. Gecko
3. webkit
4. Chromium、Bink

重点

h1标签一个页面只有一个，一般给logo使用

a标签的target一般取值self和blank，其中self是默认，blank在新窗口打开

a标签内部链接直接写页面名称，外部链接需要http协议头

快速定位内容需要使用到a标签的锚点功能

列表

无需列表：

  
列表项1
  
列表项2
  
列表项3
  ......

有序列表：使用较少

  
列表项1
  
列表项2
  
列表项3
  ......

自定义列表：

  
名词1
  
名词1解释1
  
名词1解释2
  ...
  
名词2
  
名词2解释1
  
名词2解释2
  ...

语义化标签

1. header
2. nav
3. footer
4. article
5. section
6. aside

产生BFC的条件

1. float属性不为none
2. position为absolute或fixed
3. overflow不为visible

链接伪类选择器

1. :link
2. :visited
3. :hover
4. :active

结构伪类选择器

1. first-child
2. last-child
3. nth-child(n)
4. nth-last-child(n)

文本常用css属性

1. line-height
2. text-align
3. text-indent 首行缩进
4. letter-spacing 字间距
5. word-spacing 单词间距
6. text-shadow 文字阴影

块级元素

h1~h6

p

div

ul

li

行内元素(高、宽无效)

a

strong

b

em

i

del

s

u

span

行内块元素

img

input

td

定位

margin:最外面，两个div的边距

padding:在元素里面的位置

查看js变量类型

var id = 1
var name = 'abc'
alert(typeof name)
alert(id instanceof Number)

事件

1. onclick
2. ondblclick
3. onchange
4. onfouse
5. onblur
6. onmouseover
7. onmouseout
8. onload
9. onunload
10. onsubmit
11. onreset

DOM

掌握
	getElementById()
	getElementsByTagName()
了解
	getElementsByName()
	getElementsByClassName()
	querySelector()
	querySelectorAll()

节点操作，方法
	appendChild()
	insertBefore()
	removeChild()
	replaceChild()
节点层次，属性
	parentNode
	childNodes
	children
	nextSibling/previousSibling

firstChild/lastChild

注册事件和移除事件

var box = document.getElementById('box');
box.onclick = function () {
  console.log('点击后执行');
};
box.onclick = null;

box.addEventListener('click', eventCode, false);
box.removeEventListener('click', eventCode, false);

box.attachEvent('onclick', eventCode);
box.detachEvent('onclick', eventCode);

function eventCode() {
  console.log('点击后执行');
}

定时器

1. setTimeout()
2. clearTimeout
3. setInterval()
4. clearInterval()

Jquery常见方法

1. html()
2. text()
3. val()
4. css()
5. append()
6. offset()
7. on() 绑定事件
8. off() 接触on绑定的事件

apache配置多个虚拟主机