心中的兰天

前言 最近在写React时定义变量类型时，无意点到了ElementType，然后在node_modules/@types/react/index.d.ts 中发现了这段代码： 牛啊，虽然我没太看懂，但

本篇带来 20 个 JavaScript 库分享，有十万 star 的库，也有一千 star 的库，不过它们都各有精彩！工具用的好，下班下的早~~salute！！

在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …

这是我第一次尝试将项目启动过程的思考及实践通过文字比较完整的记录下来，记录得过程也是一波三折，因为许多技术点都是新的尝试，例如Nextjs、 recoil、react-query等，在写下来之前需要先了解并知道为何选择它、熟悉它并完成基础的集成工作，然后才能兼顾理论和可实操性。…

近期工作的过程中跟 Vue CLI 的插件打交道比较多，想了想自己在学校写项目的时候最烦的就是项目创建之后手动创建组件/页面和配置路由，于是突发奇想决定写一个脚手架的插件，自动实现创建组件/页面和配置路由的功能。 本文会一步一步教你如何编写一个自己的 Vue CLI 插件，并发…

Recoil 是 Facebook 公司出的数据流管理方案，有一定思考的价值。 Recoil 是基于 Immutable 的数据流管理方案，这也是它值得被拿出来看的最重要原因，如果要用 Mutable 方式管理 React 数据流，直接看 mobx-react 就足够了。 断点…

上篇文章讲到如何使用webpack5从0到1搭建项目，没有看过的可以点击链接前往食用。花了几天时间开发完项目，很开心地运行打包命令并准备将其部署到服务器，结果打包完惊呆了，发现包的大小是5.59M，打包时间花了15s，这明显是有问题的，有强迫症的我决定对其进行一个比较正式的优化…

栈是一种特殊的列表，栈内的元素只能通过列表的一端访问，这一端称为栈顶。咖啡厅内的一摞盘子是现实世界中常见的栈的例子。只能从最上面取盘子，盘子洗净后，也只能摞在这一摞盘子的最上面。栈被称为一种后入先出（LIFO, last-in-first-out）的数据结构。 递归函数的使用。…

先来一下演示效果。和vue的官方文档几乎是一致的，页面内容都可自定义。 此教程部署后的效果预览。 快速搭建一个文档/博客，后期只需要修改markdown内容和导航参数，即可一键打包生成页面。 页面具有非常好的加载性能和搜索引擎优化（SEO），其他的页面则会只在用户浏览到的时候才…