前端知识点整理（二）

1.html怎么解析的？

把html解析为dom树，使用css渲染dom，js操作dom。
2.window中的onload和jQ中的ready有什么区别？
a) window中的onload是在页面中的包括图片的所有元素加载玩之后才会执行，
jQ中的$(document).ready()是dom加载完之后就可以执行，不必等所有元素执行完。
b) window中的onload如果有多个方法只会执行一次
jQ中的$(document).ready()可以编写多个，并且可以之执行多次
3.jQ中让一个元素消失怎么实现？
a) dispaly:none
b) hide()
c) visibility:hidden
d) $("p").fadeOut()
4.ajax.get发送数据成功后会把请求的url和结果保存缓存中，当下一次请求时直接取出来，这是为了提高页面响应速度和用户体验，因为我们业务需要怎么解决缓存？
a) 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”);
b) 在服务端加 header(“Cache-Control: no-cache, must-revalidate”);
c) 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“If-Modified-Since”,”0″);
d) 在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //加随机数
e) 第五种方法和第四种类似，在 URL 参数后加上 "?timestamp=" + new Date().getTime();//加时间戳
f) 用POST替代GET：不推荐
5.vue-router第一次加载组件资源过多导致加载缓慢，如何解决？
vue-router 懒加载(按需加载)
非懒加载：component:index
懒加载： component:resolve => require(['@/components/index'],resolve)
6.vue - webpack 中并没有scss，我们要在vue中使用sass需要怎么配置？
a) npm 安装 scss依赖包
b) npm i sass-loader node-sass -D
c) 在build文件夹下webpack.base.conf.js的rules中添加配置
{
　　test:/sass$/,
　　loaders:['style','css','sass']
}
d) 在vue文件style里更改lang='scss'
e) 启动webpack

7.常见dom操作和事件
通过使用 getElementById() 方法匹配元素的id属性来访问元素节点，对元素节点进行操作
通过使用 getElementsByTagName() 方法匹配元素的tagName来访问元素节点，对元素节点进行操作
通过使用 getElementsByClassName() 方法匹配元素的className来访问元素节点，对元素节点进行操作

onclick事件---当用户点击时执行
onload事件---当用户进入时执行
onunload事件---用用户离开时执行
onmouseover事件---当用户鼠标指针移入时执行
onmouseout事件---当用户鼠标指针移出时执行
onmousedown事件---当用户鼠标摁下时执行
onmouseup事件---当用户鼠标松开时执行