无距

也许你在开发中能很熟练使用Promise处理异步任务，但是你真的能手写Promise吗？ 熟悉Promise原理已然成为前端人必备基本技能，能把原理付诸代码编写就更棒啦🎉...

假如有一个任务列表，每个任务项包含任务名称name和执行耗时time。形如 要求实现一个函数进行任务调度，并能控制任务调度的并发数，最终能获取任务执行完成的顺序和总耗时 �...

在说策略模式之前，我们先简述一下两个基本概念： 环境类（Context）：负责接收用户请求，并派发给策略算法执行 策略类（Strategy）：策略算法具体实现，接收环境类派...

在 React 引入 Hooks 之前，我们要实现组件功能复用，常用技巧无非 HOC 和 Render Props 。下面就这两个技巧简单说一下，毕竟我们的重点是 Hook...

简介 redux-saga是一个redux中间件，用于处理redux的Effect副作用（异步获取数据，访问浏览器缓存等）。利用ES6的Generator函数，实现异步操作...

单例模式在实际开发中经常会用到，如用户点击弹出层，保持始终只有一个弹出层实例。下面我们循序渐进，先写一个最简单的单例 最简单的单例 我们用闭包延长作用域链，保存一个实例 首...

今天闲极无聊整理一下JavaScript中的this指向问题，希望对初学者有所帮助，大佬自动跳过 从以下几个常见场景归类 函数调用 当this出现在全局环境下的函数中，th...

浏览器存储 cookie HTML5新规范之前的浏览器数据存储方式，特点如下： 存储空间限制在4kB，常用于存储用户登录状态等精简数据； 存储数据需要经过encodeURI...

在聊浏览器基本原理之前，我们先简单说一下两个重要概念——进程和线程。 当我们在浏览器地址栏输入一个地址后，浏览器向服务器发起http请求，服务器响应请求，并返回html文本...

遍历树状数据结构最常用的两个算法就是：深度优先算法（Depth-First-Search，简称DFS）和广度优先算法（Breadth-First-Search，简称BFS）...

浏览器渲染帧主流的PC屏幕刷新率（FPS）大多在60Hz，即1秒钟对屏幕进行60次刷新，平均每次刷新耗时大概是16.6ms。刷新率高于60帧/s，会做一些无用的刷新，浪费c...

babel解析js是非常耗时的，想象一下，假如我们有100个js文件，某一时刻只修改了其中一个，构建的时候还是会对这100个文件进行解析，这显然是不够高效的。这时候我们可以...

最近在阅读webpack源码的时候，发现在webpack的编译器（compiler.js）里用到了tapable，于是查资料学习了以下，这里做一个学习记录。 异步钩子分为异...

今天，我们从浏览器的渲染原理出发，彻底搞明白为什么。 从图中可以看出，页面渲染需要经历html解析，css解析，js解释执行，layout布局，绘制几个阶段。今天我们讨论问...

webpack只能处理js模块，在js中加载图片模块时需要借助file-loader。如 url-loader可以把较小的图片转化成base64数据，从而减少对图片资源的h...

在聊浏览器基本原理之前，我们先简单说一下两个重要概念——进程和线程。 当解析过程中遇到link，script，img等标签时，通知网络进程发起资源请求，并把网络请求任务放在...

index 和 other 分别作为两个入口文件，且都引用了a，b两个模块。我们可以使用webpack的optimization配置抽离a，b到单独的模块，index 和 ...

最近在整理eslint，prettier，tslint，stylelint...等代码规范的东西，也顺带手说一下pre-commit吧。 顾名思义，pre-commit就是...