前端总结

刺骨的言语ヽ痛彻心扉 2021-09-23 12:02 411阅读 0赞

## 常用浏览器内核 ##

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

## 重点 ##

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

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

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

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

## 列表 ##

无需列表：

有序列表：使用较少

自定义列表：

## 语义化标签 ##

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

div

## 行内元素(高、宽无效) ##

strong

del

span

## 行内块元素 ##

img

input

## 定位 ##

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配置多个虚拟主机 ##

![图片][format_png]

[format_png]: /images/20210923/82388bb0b2a44d3eaa96c64481225210.png