2023.03.23-2023.03.26更新前端面试问题总结（26道题）获取更多面试问题可以访问github地址:https://github.com/pro-collection/interview-question/issuesgitee地址:https://gitee.com/yanleweb/interview-question/issues目录：初级开发者相关问题【共计3道题】157.CSS文档流是什么概念？【CSS】158.CSS中position常见属性有哪些，大概讲一下？【CSS】171.[Vue]响应式数据流驱动页面和传统的事件绑定命令式驱动页面，有何优劣？【web框架】中
给自己打个小广告:有开发App、小程序、网站、后台管理系统等需求的可以私信我哈！以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目，删除了一些比较基本以及偏门的一些问题，如果可以100%掌握，相信可以找到一份不错的工作！GoodLuck！目录Vue1.钩子函数生命周期2.数据双向绑定原理3.路由守卫4.v-show与v-if区别5.Vuex6.组件传值（父、子、兄弟间）7.怎么定义vue-router的动态路由？怎么获取传过来的动态参数？8.2.0和3.0的区别9.computed与watch的区别10.Route和router的区别11.vue中数据变了但是视图不跟新怎么解决？
给自己打个小广告:有开发App、小程序、网站、后台管理系统等需求的可以私信我哈！以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目，删除了一些比较基本以及偏门的一些问题，如果可以100%掌握，相信可以找到一份不错的工作！GoodLuck！目录Vue1.钩子函数生命周期2.数据双向绑定原理3.路由守卫4.v-show与v-if区别5.Vuex6.组件传值（父、子、兄弟间）7.怎么定义vue-router的动态路由？怎么获取传过来的动态参数？8.2.0和3.0的区别9.computed与watch的区别10.Route和router的区别11.vue中数据变了但是视图不跟新怎么解决？
岗位职责：1、负责游戏社区产品的前端开发;2、负责游戏运营类中台系统的前端开发;3、负责游戏各类网页活动的前端开发;面试环节（视频面试-腾讯会议）：一、首先是做自我介绍，主要是描述一下你的工作经历以及工作中所扮演的角色和所担任的职责，所运用到的技术。只要沉着冷静描述清楚一般问题不大，但是必须如实描述，大厂面试通过后还会做一些第三方背调，那时候出问题大家都会很尴尬。二、开始技术面试（第一轮20分钟不到）1、什么是事件委托答：核心：事件冒泡，父节点来统筹响应子节点的事件，为dom树最高层添加事件即可理解成事件委托。优点：节省内存开销，提高性能，可以从性能优化角度来概述，缺点：应当根据实际情况来使用
岗位职责：1、负责游戏社区产品的前端开发;2、负责游戏运营类中台系统的前端开发;3、负责游戏各类网页活动的前端开发;面试环节（视频面试-腾讯会议）：一、首先是做自我介绍，主要是描述一下你的工作经历以及工作中所扮演的角色和所担任的职责，所运用到的技术。只要沉着冷静描述清楚一般问题不大，但是必须如实描述，大厂面试通过后还会做一些第三方背调，那时候出问题大家都会很尴尬。二、开始技术面试（第一轮20分钟不到）1、什么是事件委托答：核心：事件冒泡，父节点来统筹响应子节点的事件，为dom树最高层添加事件即可理解成事件委托。优点：节省内存开销，提高性能，可以从性能优化角度来概述，缺点：应当根据实际情况来使用
JS1、说一下innerHTML与innerText的作用与区别？作用：都可以获取或者设置元素的内容区别：innerHTML可以解析内容中的html标签innerText不能解析内容中的html标签2、JavaScript由以下三部分组成：ECMAScript（语法部分）：JavaScript语言基础DOM（文档对象模型）：规定了访问HTML和XML的方法BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法3、介绍JS有哪些内置对象？数据封装类对象：Object、Array、Boolean、Number、String其他对象：Function、Arguments、Math、Dat
JS1、说一下innerHTML与innerText的作用与区别？作用：都可以获取或者设置元素的内容区别：innerHTML可以解析内容中的html标签innerText不能解析内容中的html标签2、JavaScript由以下三部分组成：ECMAScript（语法部分）：JavaScript语言基础DOM（文档对象模型）：规定了访问HTML和XML的方法BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法3、介绍JS有哪些内置对象？数据封装类对象：Object、Array、Boolean、Number、String其他对象：Function、Arguments、Math、Dat
1.Opacity和grba的区别是opacity会继承父元素的opacity属性，而rgba设置元素的后代元素不会继承不透明属性2.Display：none和visibilty区别display:none会产生回流和重绘，visibility:hidden;和opacity:0;只会引起页面重绘回流一定会触发重绘，而重绘不一定会回流visibility具有继承性，给父元素设置visibility:hidden;，子元素也会继承这个属性。但是如果重新给子元素设置visibility:visible,则子元素又会显示出来。这个和display:none有着质的区别opacity也有继承性，但是父
1.Opacity和grba的区别是opacity会继承父元素的opacity属性，而rgba设置元素的后代元素不会继承不透明属性2.Display：none和visibilty区别display:none会产生回流和重绘，visibility:hidden;和opacity:0;只会引起页面重绘回流一定会触发重绘，而重绘不一定会回流visibility具有继承性，给父元素设置visibility:hidden;，子元素也会继承这个属性。但是如果重新给子元素设置visibility:visible,则子元素又会显示出来。这个和display:none有着质的区别opacity也有继承性，但是父
一、简介从登录的交互形式角度，登录有很多方式：账号密码登录、验证码登录、手机号一键登录、扫码登录等等。今天我们聊一聊扫码登录的原理。先来看两个扫码登录的场景：1.手机已经登录知乎，如果我们想在PC网页登录，可以使用知乎移动端扫码登录。2.使用微信扫码登录PC网页ProcessOn（这是一个免费作图的网站）。从账号体系角度，这是扫码登录的两种方式：自有账户登录登录和第三方登录。我们在面试中问“请讲一讲扫码登录的原理”，通常指的是自有账户登录；而在实际业务开发中，基于微信的第三方登录是很常见的一个需求。下面我们讨论这两种扫码登录如何实现。二、自有账户扫码登录前置条件：用户手机已经登录账号（如知乎）
