又至一年金九银十，经历多家公司的面试洗礼。总结涉及 HTML、CSS、JavaScript、TypeScript、Vue、React、Webpack、浏览器、手撕代码及其他问题。

基本功考察 一、关于html html语义化标签的理解seo优化 语义化简单的说就是用正确的含义的标签做正确的事eg：头部：header 导航：nav等，语义化的优点是易于修改和维护，支持无障碍阅读，

能不能讲一讲Flex布局，以及常用的属性？。 WeakMap只能以复杂数据类型作为key，并且key值是弱引用，对于垃圾回收更加友好。 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。 React需要尽可能的保证熟练。因…

可以将可迭代对象理解为“宽泛意义上的数组”——就是说，不一定是数组（Array.isArray(iterable) 返回 false），但却能够被 for...of 循环遍历。 可迭代对象不一定是数组，数组一定是可迭代对象。 为了能让 range 这个普通对象变为可迭代对象，我…

最近一直听到一道面试题，即：后端返回10000条数据，前端怎么渲染到页面上？ 首先想到的应该是分批处理，比如每次处理10条或者20条，然后处理的逻辑放到setTimeout里面，这样不会阻塞主逻辑和页

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin …

2017年本科毕业生，坐标杭州，前端程序媛一枚。 在17年4月以前是个UI软妹子，自我定位想要成为一个交互大神，热衷于研究产品用户体验。 17年3月以UI设计实习生的身份进入现在的公司之后，由于UI发展前景不明，经过一段时间的深思熟虑（一拍脑门）决定转岗前端，自学一段时间后跟经…

这些个知识点是我个人认为的，下面我们就来看看这些个知识点。 position 的常见四个属性值: relative，absolute，fixed，static。一般都要配合"left"、"top"、"right" 以及 "bottom" 属性使用。 static:默认位置。 在…

在之前写过的一篇《"天龙八步"细说浏览器输入URL后发生了什么》一文中，和大家分享了从在浏览器中输入网址URL到最终页面展示的整个过程。部分读者向我反馈对于最后的浏览器渲染布局这块不是很清晰，所以本文就浏览器渲染流程单独开篇讲解，希望大家都能有新的收获。 Firefox使用Ge…