2022前端面试题全

css面试题

1.css优先级确定：

！important>内联样式>ID选择器>类选择器=属性选择器=伪类选择器>标签选择器=伪元素选择器。伪类选择器：静态：link，动态：hover等 伪元素选择器：first-child after等

2.解释浮动和其工作原理，清除浮动的方法有哪些？

浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。1.在浮动元素后面加空标签定义css,clear:both.缺点增加无意义标签。                                      2.使用after伪对象清除浮动。但必须加上height:0。3.父元素加高度 4.加一个overflow：hidden 5.浮动外部元素

3.css隐藏元素的几种方法

1.visiblity:hidden        2.dislplay:none        3.opacity:0,设置透明度为0                                   4.绝对定位，position:absolution,top:-66666px,left:-666666px;                                      5.clip-pach：polygon（0px 0px,0px 0px,0px 0px,0px 0px）;

4.如何实现浏览器内多个标签页之前的通信。

1.使用localStorage        2.使用cookie+setInterval

5.简要说下css的元素分类

1.块级元素<div>、 <p>、<h1>、<form>、<ul> 和 <li>  
2.内联/行内元素 <span>、<a>、<label>、 <strong>
3.内联块元素（inline-block）<img>、<input>                                                     

6.link与@import导入css区别

1.link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
2.link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
3.link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
4.link支持使用Javascript控制DOM去改变样式；而@import不支持。

7.画三角形

div{width:0;height:0;border:40px solid; border-color:transparent transparent red;}

8.BFC是什么？应用？

BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响；

9.html和html5及xhtml的区别？

HTML 全称Hyper Text Mark-up Language ( 是超文本标记语言),HTML指的是HTML 4.01 ,XHTML是HTML的过渡版 。HTML5是HTML的升级版 
html5:1，文档类型说明 ，化繁为简
2,  标签不在区分大小写
3，允许属性值不加引号
4，允许部分的属性值省略

js面试题 

1.堆和栈的区别。
2.js实现继承的几种方式
3.js的作用域
4.js创建对象的几种方式？
5.什么是闭包？为什么要用它？
6.js代码中"use strict"是什么意思？使用它的区别是什么？
7.深拷贝和浅拷贝
8.js延迟加载的方式有哪些?
9.什么事跨域问题?如何解决跨域问题?
10.模块化怎么开发？
11.DOM操作?
12.什么事cookie隔离?
13.响应事件
14.flash和js通过什么类如何交互?
15.JS垃圾回收机制？

Vue框架面试题

1.对于MVVM的理解？

1.model数据模型，仅仅关注数据本身，也可称为数据层。
2.View 是用户操作界面 也可称为视图层，当ViewModel对Model进行更新的时候，会通过数据绑定更新到view 。
3. viewmodel 业务逻辑层 view需要什么数据 ViewModel要提供这个数据，view有哪些操作，ViewModel就要响应哪些操作，所以也可以说 它是Model for View
4.MVVM模式简化了界面与业务的一览，解决了数据频繁更新，MVVM在使用当中，利用双向绑定技术，使得Model变化时，ViewModel会自动更新，而，ViewModel变化时，View也会自动变化

2.Vue 的生命周期
3.Vue组件间的参数传递
4.Vue实现数据双向绑定
5.Vue的路由实现：hash模式和history模式
6.vue路由的钩子函数
7.请问v-if和v-show有什么区别?
8.对于Vue是一种渐进式框架的理解
9.Vue组件间通信有哪几种方式
10.vue中子组件调用父组件的方法
11.怎么定义vue-router的动态路由，怎么获取传过来的值
12.请介绍一下你对vue-router的理解
13.vue-router有哪几种路由守卫
14.vuex有哪几种属性
15.vue-cli如何新增自定义指令
16.vue等单页面应用及其优缺点
17.vuex的state特性

浏览器面试题 

1.跨标签页通讯
2.浏览器架构
3.浏览器下事件循环
4.从输入url到展示的过程
5.重绘与回流
6.存储
7.web worker
8.V8垃圾回收机制
9.内存泄漏

服务端与网络协议面试题 

1.http/https协议
2.常见的状态码
3.get/post
4.webscket
5.tcp三次握手
6.TCP四次挥手
7.Node的Event Loop:6个阶段
8.跨域问题
9.安全

Webpack面试题 

1.原理简述
2.Loader
3.Plugin
4.编译优化