Lion

只要在写前端代码就避免不了使用流行的 UI 组件库，例如 ElementUI 、 Ant Design 。但是我们只停留在使用层面上的话，未免显得肤浅。因此作者一直都想编写一个属于自己的 UI 组件库。 前端工程：组件库基础结构、打包组件库、发布组件库、发布组件库文档。 语言层…

所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的都是靠 JavaScript 脚本去加载。这样一来可以大大减少首屏等待时间。 同构概念并不复…

在 React 技术栈的学习过程中， React Router 已经成了一个必需品。它是完整的 React 路由解决方案。 本文还是希望读者不仅仅学会 React Router 的使用，更加要理解它的实现原理。 1、 React Router 理论篇：详细讲解 React Ro…

每次提及 Hook 时，只能说得出 useState 以及 useEffect 来。是得好好总结总结，全面认识 Hook 。 自定义 Hook ，常见 Hook 的实现。 React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进…

个人认为 React 本身的学习曲线并不高，但是学习到 Redux 时，突然发现多出了好多概念。例如： Action 、 ActionCreator 、Dispatch 、Reducer 、 combineReducers。 当你学习完它们之后，突然又发现一些新东西，如 rea…

JavaScript 正则表达式方面的文章只需阅读《JavaScript 正则表达式迷你书》即可。本文大部分内容都是该书的读后整理，因此您可以直接阅读该书。作者之所以打算写此文章主要原因是总结总结让自己在平时开发中可以快速查阅。 正则表达式 ( Regular Expressi…

通过 React 框架基础与 React 框架进阶两篇文章，我们已经对 React 框架有一定的理解，但是面对这个庞然大物，我们依然需要更加进一步的探索框架本身的执行原理，这虽然很难但是通关高级前端中也几乎是必须征服的一座大山。 在 React 的入门学习，我们接触的第一个话题…

在学习任何一个框架原理之前，学习它的生命周期是非常必要的，至少可以让我们明白在什么时候该做什么事情。不至于犯一些低级错误。 React 16.8 版本正式发布了 Hook 机制，因此本文会分别讲解 Class Component 生命周期与 Function Component…

其实快速入门 TypeScript 你只需要去阅读官方文档即可，之所以还需要总结本文的原因是，官方文档有些地方难以理解以及内容较多不易于快速上手。因此作者总结此文，旨在帮助同学快速上手 TypeScript 并且能轻易理解 TypeScript 晦涩难懂的部分。 支持 ES6 …