[if!supportLists]1、[endif]Css盒子模型，绝对定位和相对定位？答：css盒子模型包含了内容conentt外边距margin内边距padding边框border宽width高height绝对定位：脱离文档流，不占据空间一般按照父元素的相对定位移动相对定位：不脱离文档流，位置参照自己本身，占据原来的空间[if!supportLists]2、[endif]清除浮动，什么时候需要

React中keys的作用是什么？Keys是React用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识在开发过程中，我们需要保证某个元素的key在其同级元素中具有唯一性。在ReactDiff算法中React会借助元素的Key值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React还需要借助Key值来判断元素与本地状态的关联关系，因此我们绝不可忽视转换函数

前端面试题整理及大纲HTML&CSSReactClass组件与类组件生命周期Redux组件通信性能JavaScript组件HTML&CSS如何做移动端适配的移动端1像素的解决方案弹性盒中的缩放机制是怎样的

前端和计算机相关知识http://www.cnblogs.com/haoyijing/p/5789348.html你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效？进程和线程的区别前端开发的优化问

目录1.websocket的优缺点？2.webpack的打包流程？3.es6新特性有那些？4.v-model底层原理？5.var,let,const区别？6.v-for的key为什么不推荐index？7.axios和原生ajax的区别?8.自动化构建工具，vite优势?9.一般在请求拦截器中做什么？10.动态路由解析流程？11.什么是原型链？

前言：这篇博客是记录自己在看面试过程中还未完全掌握的前端知识点，也是一些前端面试需要掌握的知识点（总结的并不全面，可以参考，具体情况以自己实际为准）,并且这篇博客正在持续更新中…附言：有时候面试还会遇到面试官问一些无关技术的问题，比如聊职业发展规划、为什么选前端、平常怎么自学前端、最近的学习过程中遇到了哪些印象深刻的知识、如何协调和沟通需求、得到产品原型后如何进行开发工作的划分等等，可以根据自己情

前端面试题整理-ing---kalrry前言一、Html/Css面试题1.img中的alt和title的区别2.rem/em/vw的区别3.BFC是什么4.

一、浏览器页面分层构成：结构层、表示层、行为层分别是：HTML、CSS、JavaScript作用：HTML实现页面结构、CSS完成页面的表现与风格、JavaScript实现客户端的一些功能和业务二、Doctype作用是什么，严格模式和混杂模式的区分声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在HTML文档的第一行，这并不

前端技术常见浏览器的内核分别是什么?IE浏览器：Trident内核Firefox浏览器：Gecko内核Safari浏览器：Webkit内核Opera浏览器：最初是Presto内核，后来是Webkit，现在是Blink内核Chrome浏览器：Blink(以前是Webkit内核，现在是Blink内核)WEB标准以及W3C标准是什么?1、标签闭合2、标签小写3、嵌套正确4、外部链接css和js5、提倡结

1、常见的HTTP方法有哪些？GET：用于请求访问已经被URI（统一资源标识符）识别的资源，可以通过URL传参给服务器POST：用于传输信息给服务器，主要功能与GET方法类似，但一般推荐使用POST方式。PUT：传输文件，报文主体中包含文件内容，保存到对应URI位置。HEAD：获得报文首部，与GET方法类似，只是不返回报文主体，一般用于验证URI是否有效。DELETE：删除文件，与PUT方法相反，

说一说Vue2.0双向绑定的原理与缺陷？Vue响应式指的是：组件的data发生变化，立刻触发试图的更新。原理：Vue采用数据劫持结合发布者-订阅者模式的方式来实现数据的响应式，通过Object.defineProperty来劫持数据的setter，getter，在数据变动时发布消息给订阅者，订阅者收到消息猴进行相应的处理。通过原生js提供的监听数据API，当数据发生变化得到时候，在回调函数中修改d

Watch与计算属性的选择在某些情况下，watch和计算属性可以达到相同的效果。如果需要在数据变化时执行异步操作或有副作用时，应该使用watch。而如果进需要根据数据进行简单的变换和计算，则更适合使用计算属性。什么是路由：前端路由指的是一种将浏览器URL与特定页面或视图关联起来的技术。在传统的Web开发中，当用户点击链接或输入URL时，服务器会接收到请求并返回相应的HTML页面。而在前端路由中，当

1、如何中断ajax请求？Ajax.abort()超时自动退出2、Target和currentTarget的区别Target:当前被点击的元素currentTarget:当前所绑定事件的元素3、谈一下宏任务和微任务？宏任务：当前调用栈中执行的任务微任务：当前宏任务执行完，在下一个宏任务开始执行之前需要完成的任务是微任务，可以理解为回调时间，Promise.then()nextTick()等宏任务的

WEB前端面试题文章目录WEB前端面试题一、html部分1、Doctype有什么作用?标准模式与兼容模式有什么区别2、标准模式与兼容模式(怪异模式)各有什么区别?div1和div2之间的距离3、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?4、页面导入样式时，使用link和@import有什么区别？5、介绍一下你对浏览器内核的理解？6、常见的浏览器内核有哪些?7、html5有哪些新特性

1.两个div标签，如何控制标签左边固定，右边自适应，左边div宽度为100px.(1)左边设置浮动，右边不设置宽度自定布局到右边 Document.container{width:1000px;height:500px;border:1pxsolid#ccc;}.left{width:100px;height:100%;background:red;float:left;}.right{over

1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值，relative和absolute分别是相对于谁进行定位的？absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。fixed（老IE不支持）生成

端面试题整理已同步到掘金、CSDN掘金地址：https://juejin.cn/post/7075332630417244173CSDN地址：https://blog.csdn.net/z1832729975/article/details/123431083个人整理了很多网上常见的面试题，希望也能通过这来复习内容有点多，可能CSDN上预览效果不好，想要markdown文档的可以私信我，推荐使用T

需要web前端课程工具和电子书，可以加:33群105601600;22群1203428331.h5的改进:新元素画布canvas:HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成音频audio视频video语义性:article,nav,footer,section,aside,hgroup等.时间time新属性拖放:draggable可编辑:contenteditabl

1.nextTick原理Vue是异步执行Dom更新的，一旦观察到数据变化，Vue就会开启一个队列，然后把在同一个事件循环（eventloop）当中观察到数据变化的Watcher推送到这个队列。如果这个Watcher被触发多次，智慧被推送到队列一次。这种缓冲行为可以有效去掉重复数据造成的不必要的计算和DOM操作。而在下一个事件循环时，Vue会清空队列，并进行必要的Dom更新。当你设置vm(this)

前端面试题整理之工程化个人经验工程化的问题一般是基础问题聊的比较好之后才会被问到的。

前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效？进程和线程的区别前端开发的优化问题Flash，Ajax各自的优缺点，使用中如何取舍？CSSCSS3css居中的方式请写一个简单

前端和计算机相关知识你能描述一下渐进增强和优雅降级之间的不同吗浏览器兼容问题如何对网站的文件和资源进行优化?怎么学习前端?怎么接触前端新知识?关于前后端分离关于浏览器内核(渲染引擎)浏览器加载文件顺序以及repaint/reflow为什么使用多个域名来存储网络资源会更有效？进程和线程的区别前端开发的优化问题Flash，Ajax各自的优缺点，使用中如何取舍？CSSCSS3css居中的方式请写一个简单

1.cookiesessinonStoragelocalStorage得分点：数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景标准回答：cookie、sessionStorage、localStorage都是浏览器的本地存储共同点：都是存储在浏览器本地区别：cookie是由服务端写入的,而sessionStorage、localStorage都是由前端写入的，co

百度面试题一、v-if、v-show、v-html的原理是什么，它是如何封装的？二、flex的缩写一、v-if、v-show、v-html的原理是什么，它是如何封装的？v-if会调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染；v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改属性d

1.沙箱隔离前端沙箱隔离（Frontendsandboxisolation）是一种安全机制，用于将前端代码与主机环境隔离开来，以保护系统的安全性和稳定性。在Web开发中，前端代码通常由JavaScript编写，而JavaScript是一种强大且灵活的语言，但它也可能存在一些安全风险。例如，恶意用户可能会通过前端代码执行跨站脚本攻击（XSS）或跨站请求伪造（CSRF）等攻击。为了解决这些安全问题，前

js原生map和foreach的区别**2.2.1、forEach()返回值是undefined，不可以链式调用。2.2.2、map()返回一个新数组，原数组不会改变。2.2.3、没有办法终止或者跳出forEach()循环，除非抛出异常，所以想执行一个数组是否满足什么条件，返回布尔值，可以用一般的for循环实现，或者用Array.every()或者Array.some();2.2.4、$.each

1、继承的几种方式及优缺点？原型链继承functionParent(){this.name='kevin';}Parent.prototype.getName=function(){console.log(this.name);}functionChild(){}Child.prototype=newParent();varchild1=newChild();console.log(child1.

前端面试大全整理算法n维数组旋转90度算法exportconstrotate=function(matrix:number[][]){letn=matrix.length//matrix[x][y]=>matrix[y][n-1-x]constchangeItem=(num:number,x:number,y:number,rodateTime:number,isOnce?:boolean)=>{

null是对象原型链的终点，null==undefinedundefined不是保留字，它只是全局对象的一个属性，在低版本IE中能被重写。undefined在ES5中已经是全局对象的一个只读（read-only）属性了，它不能被重写。但是在局部作用域中，还是可以被重写的。void0===undefined，用void0代替undefined能节省不少字节的大小，事实上，不少JavaScript压缩

目录1.React中组件的性能优化有哪些？2.React中常用hook有哪些？分别有什么作用？3.React中useCallback和useMemo的区别？4.React中什么是HOC？使用场景有哪些？5.项目中常见的状态码有哪些？都是什么？6.什么是协商缓存？什么是强缓存？7.组件二次封装的方案是什么？具体封装思路？8.Vue的路由守卫是如何运行的？9.em、rem、px、vw、vh的区别？10

目录1.什么是同步？什么是异步？2.localStorage、sessionStorage和cookie的区别？3.Vue中key的作用是什么？4.支付流程是什么？5.Vuex的模块化是如何做的？6.Vite和webpack的不同？Vite的优势是什么？7.事件冒泡和捕获？8.React中的事件合成机制？9.Map，foreach，for...of区别？10.组件之间如何自定义实现一个v-mode

目录1.Vue中动态路由的实现思路？2.Vue的路由守卫是如何做到拦截的？3.Ajax的响应状态readyState有哪些？分别什么意思？4.React中循环渲染元素key的作用？5.Js原生方法重写怎么实现？6.销毁生命周期在什么时候使用？项目中那用过？7.项目中遇到跨域怎么处理的？为什么会存在跨域？8.React封装组件的详细过程？9.Webpack的打包流程？10.Webpack打包如何性能

目录1.Vue项目打包上线流程？2.Vue中v-model的原理？3.Vue中组件data为什么是个函数？全局是一个对象？4.Vue中keepalive的缓存机制？5.Vue中key的含义？6.Vue2中diff算法怎么运算的？7.虚拟DOM和真实DOM的区别？8.Vue中数组的那些操作监听不到？9.Vue组件传值方案有哪些？10.Vue组件的单项数据流怎么理解？1.Vue项目打包上线流程？①通过

1.http和https的基本概念HTTP：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：HTTPS（HypertextTransferProtocolSecure：超文本传输安全协议）是一种透过计算机网络进行安全通信的传输协议。HTTP

vuevue双向绑定数据劫持：vue.js是采用数据劫持结合发布者订阅者的方式，通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者，触发相应的监听回调面试官：阐述下你对MVVM响应式原理的理解？vue是通过数据劫持object.defineProperty()来劫持各个属性的settergetter,在数据变动时，发送消息给依

1、对vue的理解，有什么特点，vue为什么不能兼容IE8及以下浏览器vue是一套用于构建用户界面的渐进式框架，核心是一个响应的数据绑定系统vue是一款MVVM框架，基于双向绑定数据，当数据发生变化时候，vue自身会进行一些运算特点：简洁轻量、数据驱动、组件化、模块友好vue.js使用了IE8无法模拟的ECMAScript5特性，没有替代方案2、简述Vue双向数据绑定的原理主要是通过Object对

2022前端面试题整理持续补充中jsJS为什么是单线程？

HTML一、BFC块级格式化上下文：里面的元素不会影响外面的元素。一个BFC区域只包含其子元素，不包括子元素的子元素BFC区域需要一定的条件:该元素设置浮动、定位、弹性布局等不同的BFC区域之间是相互独立的二、移动端点击300ms延迟fastclick插件：是在检测到touchend事件的时候，会通过DOM自定义事件立即出发模拟一个click事件，并把浏览器在300ms之后的click事件阻止掉。

一、防抖和节流原理及实现二、eventloop一、防抖和节流原理及实现1、防抖当一个事件被频繁触发时，禁止执行，直到触发频率降低到某一程度时，才会执行原理：当一个事件被频繁触发时，禁止执行，直到停止触发后，间隔指定时间后再执行在vue中使用防抖函数的步骤:data(){return{timeout:null,//触发次数num:0,//执行次数countNum:0}},methods:{debou

自己想换工作，所以准备看看面试题，边学习边记录下来，也方便自己查看。比较初级哦，因为自己也不是很厉害~但会加油哒从2022年7月24开始记录哒到2022年8月12日停止记录（有觉得好的会持续更新）2023年在持续更新中~~简述浏览器的渲染过程，重绘和重排在渲染过程中的哪一部分？基本流程包括：解析html以构建dom树->构建render树->布局render树->绘制render树重绘：元素的视觉

目录一、vue2和vue3的区别？二、vue2的下拉框的key值被push改变后会发生什么事情？三、路由的钩子函数(路由的api)？四、介绍vuex，说说每一个模块的功能？五、vuex的持久化存储怎么做，原理是什么？六、怎么实现token的持久化？七、说说对promise的理解？八、小程序的底部tabbar怎么配置，最多有几个，为什么最多有五个？九、自定义的tabbar，组件库的tabbar和微信

2022前端面试题整理（详细）更新中一、基础部分1.1、常用的块与行属性内标签有哪些？有什么特征？块标签：div、h1~h6、ul、li、table、p、br、form。

前端面试题1.JS作用域和作用域链作用域作用域就是代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它。全局执行环境是最外围的一个执行环境。

端面试题整理已同步到掘金、CSDN掘金地址：https://juejin.cn/post/7075332630417244173CSDN地址：https://blog.csdn.net/z1832729975/article/details/123431083个人整理了很多网上常见的面试题，希望也能通过这来复习内容有点多，可能CSDN上预览效果不好，想要markdown文档的可以私信我，推荐使用T

对媒体查询的理解？媒体查询由⼀个可选的媒体类型和零个或多个使⽤媒体功能的限制了样式表范围的表达式组成，例如宽度、⾼度和颜⾊。媒体查询，添加⾃CSS3，允许内容的呈现针对⼀个特定范围的输出设备⽽进⾏裁剪，⽽不必改变内容本身，适合web⽹⻚应对不同型号的设备⽽做出对应的响应适配。媒体查询包含⼀个可选的媒体类型和满⾜CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为tr

1.Doctype声明位于文档中的最前面，处于html标签之前，告知浏览器以何种模式来渲染文档。严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。DOCTYPE不存在或格式不正确会导致文档以混

2018-2020年web前端面试题整理成PDF文档，共83页，内容主要包括有**html、css、JavaScript、DOM、HTTP、Vue、**等等2018面试题：Html1，html语义化2，

虽然已经是去年的面经，但我觉得考察的东西大同小异，所以想着把自己经历的大厂前端面试题整理出来，留给需要找实习工作的童鞋们一个参考。

1.你能描述一下渐进增强和优雅降级之间的不同吗?定义:优雅降级（gracefuldegradation):一开始就构建站点的完整功能，然后针对浏览器测试和修复渐进增强（progressiveenhancement):一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。都关注于同一网站在不同设备里不同浏览器下的表现程度区别:“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站.而将

webpack是开发工具，面试考点重点在配置和使用，原理理解不需要太深。一、基本配置1、拆分配置和merge将公共配置跟dev和prod的配置拆分，然后通过webpack-merge对配置进行整合。2、启动本地服务dev环境启动devserver配置。3、处理ES6使用babel-loader，针对对应目录的js进行代码转换。4、处理样式使用postcss-loader、css-loader、st