胖墩墩啊

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手...

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准...

1. Promise模拟实现 2. Promise.all实现 4. call实现 5. apply实现 6. bind实现 7. 继承方法...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

今天在做一个小需的时候，忽然看到前辈一句吊炸天的代码 卧槽，竟然同时有async和defer属性，心想着肯定是前辈老司机的什么黑科技，两个一块儿肯定会发生什么神奇化学反应，...

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给G...

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tr...

上一篇文章已经详细介绍了浏览器的导航流程，即从用户发出 URL 请求到页面开始解析的过程，那么接下来将详细介绍浏览器的渲染过程，即 从页面开始解析到页面完整展示的过程。...

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创...

前段时间准备面试，总结了很多，下面是我在准备React面试时，结合自己的实际面试经历，以及我以前源码分析的文章，总结出来的一些 React高频面试题目。 以前我写的源码分析...

了解了浏览器的导航流程，就可以来回答 “从输入 url 按下回车到页面展示的过程中发生了什么？”这道经典问题的前半部分了，即 从用户发出 URL 请求到页面开始解析的过程...

事出有因：长时间无信息通信，服务端会自动断开连接，因此可添加心跳机制间隔一段时间像服务端发送消息，主动保持联络。...

1. url中部分特殊符号乱码，需要进行解码处理。 这里用到JavaScript自带的decodeURIComponent(url)方法进行解码,也可以自写decode函数...

入口点：使用entry配置手动拆分代码。 防止重复：使用Entry依赖项或SplitChunksPlugin对重复数据块进行重复数据删除和拆分。 动态导入：通过模块内的内联...

理解字面量，我们可以结合变量去理解。可以理解为用来为变量赋值时的常数量。 例如 let a = 1 那么a是变量，1是数字字面量。 首先这个量可以作为一个合格的表达式，并且...

尽量确保jsx文件只有结构及行为逻辑，样式都放到 css 样式文件里。 在项目中，使用完整单词组合命名文件，可以提高可读性。例如：SalesReasult.jsx。 引入资...

大家都知道JavaScript是一门动态语言，那说它有类型有些猿友会觉得这种说法不妥。我们可以这样来理解：对语言引擎和开发人员来说，类型是值的内部特征，它定义了值的行为。...