陌上兮月

前言 本期我们将从0开始搭建一个小型的具备crud功能的web服务，并且不只是在本地开发，而是部署到真实线上服务器。语言使用node.js，无语言切换成本，适合前端入门。 这期我们期望实现的效果如下：

引言 前进刷新，后退不刷新，是一个类似app页面的特点，要在单页web应用中做后退不刷新，却并非一件易事。 为什么麻烦 spa的渲染原理（以vue为例）：url的更改触发onHashChange/pu

序言 本文会侧重于TypeScript（以下简称TS）在项目中与React的结合使用情况，而非TS的基本概念。关于TS的类型查看可以使用在线TS工具👉TypeScript游乐场

在离职之后，我开始静下心来，思考原来在繁重的业务开发节奏中无暇思考的一些问题，本期的主题是纯函数钩子useReducer和共享状态钩子useContext。 在react中，reducer函数是一个很重要的概念。它表示一个接收旧状态，返回新状态的函数。 在上述例子中，reduc…

这一节，将会主要介绍两个钩子：useCallback和useMemo，以及对自定义hooks的理解。 这段代码其实会引发严重的bug，打开network面板，我们将看到浏览器在疯狂向后台发请求。 这是因为重渲染的时候，上述的fetchDetail函数会被重新创建一遍，并放到de…

React Hooks在我的上一个项目中得到了充分的使用，对于这个项目来说，我们跳过传统的类组件直接过渡到函数组件，确实是一个不小的挑战。在项目开发过程中也发现项目中的其他小伙伴（包括我自己）有时候会存在使用不当的情况，因此对官方的几个钩子函数做一个较为全面的总结。 我们知道，…

说一说 js 模块化这回事儿吧。 一开始 js 并没有模块化这个概念，但是没有模块化在应对一些大型前端应用开发时是非常不好管理的。所以社区催生出了一个野生模块化规范，叫做CommonJS。至今这个规范仍然被应用在 NodeJS 中。 后来，ECMA 也意识到了模块化是必须的，在…

写一个函数，接收一个数组，数组里面的子元素均为执行后能返回Promise对象的函数，要求这些函数按顺序依次执行，最终输出顺序执行的结果。 由于前一个函数执行的结果需要影响到后一个函数的执行，考虑用reduce函数来实现这种顺序关联关系。能想到reduce这个解法，这个问题实际上…

React Fiber，简单来说就是一个从React v16开始引入的新协调引擎，用来实现Virtual DOM的增量渲染。 说人话：就是一种能让React视图更新过程变得更加流畅顺滑的处理手法。 我们都知道：进程大，线程小。而Fiber（纤维）是一种比线程还要细粒度的处理机制…