前言
前端面试题解析主要内容包括HTML、CSS、JS、ES6、Vue、生命周期相关、Vue-router、Vuex、React、React Native、微信小程序、IOS/Andriod浏览器适配问题整理、Pc端兼容性问题、webpack的原理、项目类问题等等。
解析百度、阿里、腾讯大厂面试被问到的题目，也涵盖了初中级前端技术点。文章所列出来的是主要大纲部分，详细内容请点击这里直接领取哦
HTML
- Doctype的作用？
- 标准模式和怪异模式的区别：
- 行内元素/块级元素/空元素有哪些？
- 介绍一下你对浏览器内核的理解?
- 常用浏览器的内核有哪些？
- 浏览器是怎么对HTML5的离线储存资源进行管理和加载的？
- .描述一下cookies/sessionStorage和localStorage的区别?
- HTML5新特性有哪些？如何处理HTML5新标签的兼容性问题？如何区分HTML和HTML5？
- 简述一下你对HTML语义化的理解?
- HTML5离线缓存怎么使用，工作原理能不能解释一下？
- 页面导入样式时,使用link和@import有什么区别?
- Iframe有哪些缺点?
- Label的作用是什么?怎么用?
- HTML5的form如何关闭自动完成功能?
- 如何实现浏览器内多个标签之间的通信?
- 页面可见性有哪些用途?(visibility API)
CSS
- 浏览器盒模型?
- 清除浮动的方式
- CSS选择器有哪些?哪些属性可以继承?
- ::after/:after与::before/:before的区别?
- CSS样式优先级计算法:
- CSS3新特性和伪类有哪些?
- less的一些优势。
- 如何居中div?
- Display有哪些哪些值?说明他们的作用
- Position的值?
- flex布局以及常用属性
- 请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?
- CSS打造三角形?
- 满屏品字布局?
- li与li之间有看不见的空白间隙是什么原因引起来的?
- 为什么要初始化css样式?
- CSS中的visibility属性的collapse[kə’læps]属性是干嘛的?
- 外边距合并是指的什么意思?
- 移动端的布局用过媒体查询吗?
- 响应式页面?
JS
- JS是一种什么样的语言?
- JS数据类型有哪些?
- 介绍JS有哪些内置对象？
- 栈与堆的区别?
- js中的作用域与变量声明提升
- 如何转化类型?
- 什么是面向对象编程及面向过程编程，他们的异同和优缺点
- 面向对象编程思想
- 如何解释this在js中起的作用?
- js中this的用法（经典）：
- ☆说说JS原型和原型链
- 如何准确判断一个变量是数组类型?
- call和apply的区别和作用?
- 继承的方法有哪些？
- 什么是闭包？闭包有什么作用？
- 事件代理（事件委托）:
- 事件的各个阶段
- new操作符在创建实例的时候经历了哪几个阶段
- 异步编程的实现方式
- 对原生JS了解程度
- js延迟加载的方法有哪些？
ES6
- 列举常用的ES6特性：
- 箭头函数需要注意哪些地方？
- let、const、var
- 拓展：var方式定义的变量有什么样的bug？
- Set数据结构
- 拓展：数组去重的方法
- 箭头函数this的指向。
- 手写ES6 class继承。
- generator生成器函数:
- 什么是async/await及其如何工作?
- async函数的基本用法:
- async与generator的区别?
- 简单实现async/await中的async函数
- 有用过promise吗？请写出下列代码的执行结果，并写出你的理解思路：
- Object.is（）与原来的比较操作符===，==的区别？
- 介绍一下Set、Map、WeakSet和WeakMap的区别？
Vue
- 什么是MVVM?
- mvvm和mvc的区别？它和其他框架（JQuery）的区别是什么？哪些场景适合？
- Vue的优点是什么？
- Vue.js的两个核心是什么?
- Vue组件之间的传值
- Vue-cli中怎么使用自定义组件，又遇到过哪些问题吗?
- Vue如何实现按需加载配合webpack设置
- v-show和v-if指令的共同点和不同点
- 如何让CSS只在当前组件中起作用
- 的作用是什么？
- 聊聊Keep-alive的实现原理和缓存策略
- Vue中引入组件的步骤
- Vue常用的修饰符？
14.什么是Vue的计算属性? - Vue等单页面应用及其优缺点？
- 指令v-el的作用是什么?
- 在Vue中使用插件的步骤
- active-class是哪个组件的属性？
- 说出至少4中vue当中的指令和它的用法？
生命周期
- 什么是vue生命周期？
- vue生命周期的作用是什么？
- vue生命周期总共有几个阶段？
- 请列举出3个Vue常用的声明周期钩子函数
- DOM渲染在那个周期中已完成？
React
- react的优势以及特点
- React中的props和state的用法
- react组件之间如何通信？
- 为什么虚拟DOM会提高性能？
- react生命周期函数：
- react性能优化是哪个周期函数？
- 在生命周期中的哪一步你应该发起AJAX请求？
- 概述一下REact中的事件处理逻辑
- 如何告诉React它应该编译生产环境版本？
- 调用setState之后发生了什么？
- react的setState的原理及用法
- setState为什么是异步的?
- 传入setState函数的第二个参数的作用是什么?
- shouldComponentUpdate的作用是啥以及为何它这么重要？
- createElement与cloneElement的区别是什么？
微信小程序
- 简单描述一下微信小程序的相关文件类型?
- 你是怎么封装微信小程序的数据请求？
- 有哪些参数传值的方法？
- 你使用过哪些方法，来提高微信小程序的应用速度？
- 小程序和原生App哪个好？
- 简述微信小程序原理？
- 分析微信小程序的优劣势
- 微信小程序与H5的区别？
- 怎么解决小程序的异步请求问题？
- 小程序的双向绑定和vue哪里不一样
- 小程序的wxss和css有哪些不一样的地方?
- 小程序关联微信公众号如何确定用户的唯一性？
IOS/Andriod浏览器适配问题整理
- 渐进增强和优雅降级:
- IOS移动端click事件300ms的延迟响应
- 一些情况下，对非可点击元素（如label，span）监听click事件，IOS不会触发
- 三星手机遮罩层下的input、select、a等元素可以被点击和focus（点击穿透）
- 安卓浏览器看背景图时，有些设备会模糊
- 当输入框在最底部，点击软键盘后输入框内被遮挡
- 消除reansition闪屏
- CSS3动画页面闪白，动画卡顿
- 阻止旋转屏幕时自动调整字体大小
- Input的placeholder会出现文本位置偏上的情况
- 往返缓存问题：
- calc的兼容性处理
- 加上一个CSS3的属性后，让所关联的元素事件监听失效
- 防止手机中网页放大和缩小
- 上下拉动滚动条时卡顿，慢
- 关于图片加载
- 关于Zepto点透
- html5调用安卓或者IOS的拨号功能
笔试编程题：
- JS数组的顺序排序,随机排序篇
- 编写一个九九乘法表
- 实现一个函数，判断输入是不是回文字符串。
- 你对重绘、重排的理解？
- 实现效果，点击容器内的图标，图标边框变成border 1px solid red，点击空白处重置
- 简单实现双向数据绑定mvvm
- 为string扩展一个trim方法,取掉字符串中的所有空格
- JS中如何检测一个变量是string类型?请写出函数实现
- 解释一下下面代码的输出
- 说说以下代码运行会输出什么?
- 14.{}{}、[][]的执行结果
- [‘1’, ‘2’, ‘3’]. map( parseInt )的答案以及为什么?
由于篇幅限制，展示了部分内容截图，需要完整文档资料的小伙伴请点击这里直接领取哦
面试建议
1、回答问题前思考一下，虽然不保证有用，但还是要好好履行的。
2、多面几次，指的不同公司，只要你不嫌累。
3、在面试某一家公司时，根据前面的面试，尝试推测后续考官会问到的业务的大致范围，或者问内推同学，提前做准备。一般会问：1 你简历上的项目，2 对方部门知名的产品，3 招聘 jd 上的 title。
4、简单的复盘，保证别倒在同样的问题上。
5、增加知识的广度，可以引导向别的问题，考官也是乐意听的。千万不要被牵着鼻子走。
6、挑个面试的好时间，比如我本人，早上 10 点我的脑子无比灵光，说话都带着沉稳富有磁性……晚上
7 点后，就会莫名紧张，声音分贝提高几个点略微沙哑，这个真的因人而异。有时候沉稳不一定是好事，紧张反倒促使你偶有妙语和想法，当然也可能搞砸。
转载：https://blog.csdn.net/weixin_52546522/article/details/116497002
查看评论