[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正则
