cishizhen

我们知道，http 是无状态的，也就是说上一次请求和下一次请求之间没有任何关联。但是我们要实现应用的功能，很多时候是需要有状态的，比如登录之后，再添加购物车，那就应该识别出...

今天看了下 React 的类型定义，也就是 @types/react 包下的 index.d.ts，发现了一些我之前不知道的东西。 这篇文章就分享下这些 React 类型定...

class 是创建对象的模版，由一系列属性和方法构成，用于表示对同一概念的数据和操作。 有的属性和方法是对外的，但也有的是只想内部用的，也就是私有的，那怎么实现私有属性和方...

context 是 React 提供的特性，可以实现任意层级组件之间的数据传递。 可能大家用过 context，但是不知道它是怎么实现的。 本文就从源码层面来讲下 cotn...

useEffect 是常用的 hook，它支持两个参数，第一个参数是回调函数，第二个参数是依赖。 当第二个参数为 null 或 undefined 的时候，回调函数每次 r...

mobx 是流行的状态管理库，热度仅次于 redux。它和 redux 有的地方一样，也有的地方不一样： 一样的地方是 mobx 和 redux 都是单向数据流，通过 ac...

编译 TypeScript 代码用什么编译器？ 那还用说，肯定是 ts 自带的 compiler 呀。 但其实 babel 也能编译 ts 代码，那用 babel 和 ts...

重载是指一个函数可以有不同的参数和返回值，也就是有不同的函数签名。 ts 支持函数重载，可以为同一个函数定义多个不同的类型： 重载的写法一共有三种（估计大多数人只会一种）：...

React 的 hooks 是在 fiber 之后出现的特性，所以很多人误以为 hooks 是必须依赖 fiber 才能实现的，其实并不是，它们俩没啥必然联系。 现在，不止...

大家都知道 HTTP 的底层是 TCP，但是可能仅限于知道，并不是真正理解它们的关系。 平时我们用 chrome devtools 的 Network 工具也只是能分析 H...

我们知道，浏览器里的 JS 之前没有模块的概念，都是通过不同的全局变量（命名空间）来隔离，后来出现了 AMD、CMD、CommonJS、ESM 等规范。 通过这些模块规范组...

状态管理是前端开发整天遇到的概念，但是大家是否真的理解什么是状态，管理的又是什么呢？ 我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。 那为什...

Chrome Devtools 是我们整天用的工具，多学一些小技巧还是挺有意义的。 之前写过一篇《你可能不知道的 Chrome Devtools 的功能》，介绍过一些。 今...

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 ...

上篇文章我们知道了什么是 hooks 的闭包陷阱，它的产生原因和解决方式，并通过一个案例做了演示。 其实那个案例的闭包陷阱的解决方式不够完善，这篇文章我们再完善一下。 首先...

babel 是一个 JS、TS 的编译器，它能把新语法写的代码转换成目标环境支持的语法的代码，并且对目标环境不支持的 api 自动 polyfill。 babel 基本每个...

作为前端开发，缓存是整天接触的概念，面试必问、工作中也频繁接触到，可能大家对缓存的 header 记的比较熟了，可是大家有没有思考过为什么 HTTP 的缓存控制要这么设计呢...

做为前端开发，想必大家都写过 Node.js 的代码，也大概率用 debugger 断点调试过。 我们可以用 Chrome Devtools 调试 Node.js 代码，也...

HTTP 1.0 是 1996 年发布的，奠定了 web 的基础。时隔三年，1999 年又发布了 HTTP 1.1，对功能上做了扩充。之后又时隔十六年，2015 年发布了 ...

DNS 是实现域名到 IP 转换的网络协议，当访问网页的时候，浏览器首先会通过 DNS 协议把域名转换为 IP，然后再向这个 IP 发送 HTTP 请求。 DNS 是我们整...