[TOC]
## 1.src和href的區別
```
都可以請求網絡資源
src 用于將外部資源引用到當前頁面 如img中的src，就是將外部資源引用在當前頁面
href 用于在當前文檔和引用資源之間確立聯系。 如引入css樣式 重點在引入
```
## 2.字符串轉換成數字
```
var a = "80px"
console.log(parseInt(a))
console.log(Number(a)) //NaN 因為number只能識別純數字。，將px去掉就可以
```
## 3.html 中DOCTYPE的作用
```
它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令
```
## 4.瀏覽器如何渲染頁面
```
1.解析HTML文件，創建DOM樹。
? ?自上而下，遇到任何樣式（link、style）與腳本（script）都會阻塞（外部樣式不阻塞后續外部腳本的加載）。
2.解析CSS。優先級：瀏覽器默認設置<用戶設置<外部樣式<內聯樣式<HTML中的style樣式；
3.將CSS與DOM合并，構建渲染樹（Render Tree）
4.布局和繪制，重繪（repaint）和重排（reflow）
```
## 5.px rem px vm em 的區別 （html如何進行適配）
- px -- 也就是像素
- em --參照的是父級元素的font-size， 整個頁面 em 不是固定的 1em = 父級元素的font-size
- rem ---是根據根元素html 只需要在跟元素確定一個參考值就可以 設置頁面的比例
- vm ---將一屏分為 100vm
- rpx ---1rpx = 2px 小程序就用了這個單位 物理像素/設備像素=設備像素比
## 6.Ajax的優缺點
```
$.ajax({
type:"get",
url:"xx",
dataType:"json",
success:function(data){
console.log(data);
},
error:function(xhr){
document.body.innerHTML = xhr.status;
}
})
```
> 1.無刷新更新數據
> 2.與服務器異步通信 **支持異步處理**\-
> 3.數據與視圖分離
缺點：**瀏覽器不兼容****不安全性**\-網頁可能很難調試，增加網頁的代碼量，你的網頁更可能遇上嚴峻的安全威脅。
**? ? ? ?增加Web服務器的負載**\-如果你增加一個自動更新的功能，它每隔幾秒向服務發起請求，那么就會增加服務器的負載
## 7.a標簽的四種狀態，
```
*a:link 普通的、未被訪問的鏈接樣式
*a:visited 用戶已訪問的鏈接樣式
*a:hover 鼠標指針位于鏈接上方樣式
*a:active 鏈接被點擊的時刻樣式
```
## 8.貪婪模式和懶惰模式
```
貪婪模式 X{n,m}，它將匹配盡可能多的字符，
但使用問號?字符時，它將盡可能少的匹配字符，既是懶惰模式 X{n,m}?
```
## 9.vue的路由
```
import 一個router組件
創建一個router對象
routes里包含一條路由，包含path /name /component
把Router對象掛載到vue上 Vue.use(Router)
```
## 10.bootstrap寫導航條
```
要引jQuery bootstrap的js 和 css的鏈接
```
## 11.url加載頁面
```
1. 瀏覽器根據請求的URL交給DNS域名解析，找到真實IP，向服務器發起請求；
2. 服務器交給后臺處理完成后返回數據，瀏覽器接收文件（HTML、JS、CSS、圖象等）；
3. 瀏覽器對加載到的資源（HTML、JS、CSS等）進行語法解析，建立相應的內部數據結構（如HTML的DOM）；
4. 載入解析到的資源文件，渲染頁面，完成。
```
## 12.filter方法
```
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
return x % 2 ！== 0;
});
r; // [1, 5, 9, 15]
```
## 13正則
