本文是2022年上海前端面试纪实录，主要是0-5年经验的面试纪实，我会陆续增加面试纪实，长期更新，值得收藏。

这是 数据结构和算法面试题系列的下半部分，这部分主要是算法类 包括二分查找、排序算法、递归算法、随机算法、背包问题、数字问题等算法相关内容。本系列完整代码在 github 建了个仓库，所有代码都重新整理和做了一些基本的测试，代码仓库地址在这里： shishujuan/dsalg…

课程思维导图Q：类的声明有哪些方式，如何实例化？Q：继承的本质是？原型链Q：如何实现继承？一、借助构造函数实现继承二、借助原型链实现继承三、组合方式实现继承四、组合方式优化五、组合继承方式的完美方案

window => document => html => body => ... => 目标元素

When implementing a user interface in a browser, it’s good to minimize those differences and issues wherever you can, so that the UI is pre…

作为一个多年的老菜鸟，有感于大部分的公司面试 “面试造航母，工作螺丝钉” 的作风，特整理了这个数据结构和算法面试题系列。对于校招而言，如果没有太多实践/实习经验，大公司往往喜欢考察数据结构和算法，如微软就特别喜欢在校招时手写算法题，而且难度还不小，当年我毕业找工作时也是颇受折磨…

定义：当各种盒子的位置、大小以及其他属性改变时，浏览器需要把这些元素都按照各自的特性绘制一遍，这个过程称为Repaint。 本质上，就是合并修改。具体的措施有： DOM层面：DocumentFragment本质上是一个占位符，真正插入页面的是它的所有子孙节点，所以，将需要变动的…

可以从GET的优势跟劣势去记忆。 HTTP协议采用“请求-应答”模式，当使用普通模式，即非keep-Alive模式时，每个请求/应答客户和服务器都要新一个连接，完成之后立即断开连接。

内部的Box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 BFC的区域不会与float box重叠。 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 …