前端面试汇总整理

薛定谔呃呃

已于 2022-03-10 16:02:50 修改

阅读量127

点赞数

文章标签：前端面试 css

于 2022-02-17 11:45:20 首次发布

本文链接：https://blog.csdn.net/fvf451561/article/details/122979392

版权

本文汇总了前端面试中的关键知识点，包括HTML的回流与重绘，CSS的选择器优先级，JavaScript的数据类型判断，Promise的异步处理，以及Vue的MVVM原理和v-model机制。还涵盖了ES6的新特性，如let和const，以及CSS的背景样式和文本标签。此外，文章提及了跨域解决方案JSONP和Vue的虚拟DOM技术。

摘要由CSDN通过智能技术生成

-----------------------------------------html css--------------------------------------------
一.回流与重绘
回流一定引起重绘，重绘不一定回流
1.浏览器渲染机制
1）浏览器采用流式布局。
2）浏览器将html解析成DOM，css解析成CSSOM，再把二者结合生render tree 渲染树（带了结构和样式）。
3）render tree 知道节点样式后，把节点绘制到页面。
2. 回流
含义：当render tree中某些元素尺寸变化，浏览器会重新渲染部分或全部文档。
何时会回流：
1）首次渲染
2）窗口大小变化
3）内容变化
4）添加删除节点
5）激活css伪类
3 .重绘
含义：当页面中元素样式改变不影响它在文档流中的位置，浏览器会将新样式赋予给元素。
如：background
4.性能影响
总结：回流性能消耗大
5.避免性能影响
css：
避免使用table
避免多层内联样式
js：
避免频繁操作DOM

三.标签属性
lang属性：用于指定元素内容的语言
dir属性：用于指定元素中内容的文本方向，属性只有ltr或rtl两种
accesskey属性：用于指定激活元素的快捷键
tabindex属性：用于指定元素在tab键下的次序

四.事件属性

window窗口事件，onload，在网页加载结束之后触发，onunload，在用户从网页离开时发生（点击跳转，页面重载，关闭浏览器窗口等）
form表单事件，onblur，当元素失去焦点时触发，onchange，在元素的值被改变时触发，onfocus，当元素获得焦点时触发，onreset，当表单中的重置按钮被点击时触发，onselect，在元素中文本被选中后触发，onsubmit，在提交表单时触发
keyboard键盘事件，onkeydown，在用户按下按键时触发，onkeypress，在用户按下按键后，按着按键时触发。该属性不会对所有按键生效，不生效的有，alt,ctrl,shift,esc
mouse鼠标事件，onclick，当在元素上发生鼠标点击时触发，onblclick，当在元素上发生鼠标双击时触发，onmousedown，当元素上按下鼠标按钮时触发，onmousemove，当鼠标指针移动到元素上时触发，onmouseout，当元素指针移出元素时触发，onmouseup，当元素上释放鼠标按钮时触发。
.Media媒体事件，onabort，当退出时触发，onwaiting，当媒体已停止播放但打算继续播放时触发。