自己总结的前端知识点(二)

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

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

猜你喜欢

转载自www.cnblogs.com/fengyouqi/p/9562545.html