React 在如何组织结构方面非常开放。这正是为什么我们有责任保持项目的整洁和可维护性。 今天，我们将讨论一些改善 React 应用程序健康状况的最佳实践。这些规则被广泛接受。因此，掌握这些知识至关重

这个问题，在电商领域的面试场景题下，应该算是妥妥的高频问题了，仅次于所谓的“秒杀场景如何实现”。 说个题外话，有段时间“秒杀场景如何实现”这个问题风靡一时。

大家好，我是 Steven。 今期我们会介绍怎样实现 BiliBili 秋季 的那个顶部图片横幅效果，当游标移过去的时候，随着左右移动，会有景深和对焦的效果。 打开 CodePen 编辑器，在 HTML 的部份加入一个 <header> 标签，然后里面加入六个 &#x…

进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。 作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器，以 ::before…

上期讲了promise基本概念和用法，今天结合上期的内容，讲解几道经典的相关面试题。 1. 首先Promise构造函数会立即执行，而Promise.then()内部的代码在当次事件循环的结尾立即执行(微任务)。 2. promise的状态一旦由等待pending变为成功fulf…

当我们的应用逐渐庞大，假设有n个组件要使用同样的数据。 为了减少重复请求，我决定使用LocalStorage缓存服务端数据。 怎么可能，让我们将数据请求部分抽离为一个自定义hook——useSomeData。 我们的应用越来越复杂，我决定上Redux。 某天我决定赶时髦上Gra…

1.变量私有化我们定义类，是为了更好的抽象和复用，但类中有一些变量我们不希望外界可以直接修改或使用，我们更希望他是私有化的，那么可以在这些变量前添加“#”来达到私有化的目的。示例：2.Promise.

Webpack 的本质就是一个模块打包器，工作就是将每个模块打包成相应的 bundle。 如果小伙伴懒得敲，那可以看上面仓库的最终代码。 下面分 3 章尝试这个内容。 也就是说我们执行到 message.js，但是它里面的内容没法运行，因为 import 是 ES6 内容嘛。 …

相信用过 Koa、Redux 或 Express 的小伙伴对中间件都不会陌生，特别是在学习 Koa 的过程中，还会接触到 “洋葱模型”。本文阿宝哥将跟大家一起来学习 Koa 的中间件，不过这里阿宝哥不打算一开始就亮出广为人知的 “洋葱模型图”，而是先来介绍一下 Koa 中的中间…