前端面试题4

痛定思痛。 2021-09-07 06:13 289阅读 0赞

1.如何理解盒模型 哪些特点

2.盒模型的怪异模式知不知道 （高频问）

3.垂直居中的几种方法 （至少四五种）

4.常见的布局类型举例

5.es6 你知道哪些? 举常用的例子 （可能问set map 解耦赋值 …的用法 ）注 es6每家公司都会问的 最好全背

6.post get 的区别 （低频 因为过于基础）

7.循环遍历的你知道几种方式 （共有15种，记五六个即可）

8.操作数组你知道哪些方法

9.css选择器哪些 问css3的特性 css3 的知识要准备

10.网站自适应怎么做的，媒体查询器具体怎么用 移动端自适应怎么做的 操作流程会问的很细

11.定时器你知道哪些 区别 （高频）

12.防抖和节流是什么（笔试常见）

13.前端网站常用的性能优化的方法知道哪些 （高频常问）

14.原型和原型链如何理解的

15.深拷贝和浅拷贝的区别

16.bfc规范知不知道 （低频）

--------------------

## vue相关的： ##

1.生命周期 每个周期再干什么 或者问我想实现某个功能放在哪个周期（每家必问）

2.谈谈你对单页面开发的理解 和多页面的区别（面试或笔试必问）

3.路由咋做的 知不知道路由的钩子函数有哪些 具体怎么使用

4.权限管理你具体怎么实现的 前端做权限的意义是什么

5.组件之间你知道有几种传值方式？（非常重要 每家面试必问 要5种答全了才可以 vuex不能少要不然白答了）

[添加链接描述][Link 1]

6.vuex 的单向数据流程是怎样的？ vuex 你是具体怎么使用的 这个要注意一定要说改值是用mutation里的方法 具体原因也要知道

7.vue指令知道哪些？ 会不会自定义指令 控制样式动态切换怎么用指令实现  
（对class进行 v-bind的绑定 改变class对应的css样式名字）

8.watch和computed的区别 什么时候使用

9.扩展组件的使用 如Echart 具体怎么使用的 如调一个样式怎么办

10.说说对webpack打包的理解 常用属性的使用 和gulp的区别

11.vue高阶组件知不知道 amd 之类的了解过没有

12.什么是虚拟dom 有什么好处 diff算法怎么理解（重要）

13谈谈你对组件划分的理解（高内聚 低耦合）

14.setTimeout Promise Async/Await 的区别

15.完整的git命令流程 新建一个test.txt文件并推送到远程仓库

16.什么情况下就产生跨域、跨域的解决方案都有哪些

17.html语义化

18.css3新增属性

19.web页面级优化

20.w3c标准

[添加链接描述][Link 2]

--------------------

最新面试题

[添加链接描述][Link 3]

--------------------

面试题

async function async1(){ 
        console.log('1')
        await async2()
        console.log('2')
    }
    async function async2(){ 
        console.log('3')
    }
    console.log('4')
    setTimeout(function(){ 
        console.log('5') 
    },0)  
    async1();
    new Promise(function(resolve){ 
        console.log('6')
        resolve();
    }).then(function(){ 
        console.log('7')
    })
    console.log('8')

1.  不使用循环,输出\[0,1,2,3,……,100\]
2.  apply()和call()的区别.
3.  列举三种垂直水平居中的方法。（至少三种）
4.  列举常用的移动端H5优化方案。（至少三种）
5.  移动端点击穿透是什么原理？点击延时是什么原理？
6.  列举数组常用的方法以及其返回值。（至少三种）
7.  如何判断一个object是否是数组。
8.  Promise.all 和 Promise.allSettled的区别.
9.  什么是BFC.
10. 什么是深拷贝和浅拷贝.
11. 如何枚举属性.

[Link 1]: https://www.cnblogs.com/cyqdeshenluo/p/12857583.html
[Link 2]: https://blog.csdn.net/qq_36662459/article/details/90813073
[Link 3]: https://blog.csdn.net/chenying231/article/details/109686557?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduend~default-1-109686557.nonecase&utm_term=%E7%BB%84%E4%BB%B6%E4%B9%8B%E9%97%B4%E7%9A%84%E4%BC%A0%E5%80%BC%E6%9C%89%E5%93%AA%E4%BA%9B%E6%96%B9%E5%BC%8F&spm=1000.2123.3001.4430