零散的开发记录

上篇文章分享了如何将 makrdown 中的代码块变成 React 组件，并且嵌入 markdown中，这篇文章分享用frontmatter参数控制渲染组件还是带啊吗

markdown 中插入 React 组件，有两种方式，第一种是代码块： 这种情况适用于代码块中的代码过于复杂，单独提取到一个 tsx 文件中，会有更好的体验，下面开始...

第二种方式，解锁巅峰体验。只有你想不到，没有它做不到 1. 支持上面所有功能 2. 支持<code src="./Foo.tsx"/>格式引用组件 3. 支持代码块中，使用相对路径引用其他组件

在TS中，传入一个类型，然后你会得到一个新的类型，就像一个函数一样。这个叫 TS 类型映射也好，TS 类型转换也好，TS 类型函数也好，都是一个意思。 今天分享一个有意思的 TS 类型映射...

在开发中，我们经常会有上传和下载的需求，大多数时候并没有实现对接口进度的检测，但是把进度条做出来，对用户的体验无疑是加分的 在浏览器中，请求接口有两个对象，分别是 fetch、XMLHttpRe

这篇文章讲了页面元素等比例缩放的两个方案： px 转 rem 的方式，以及 px 转 vw 的方式，从概念，原理，然后再讲到配置，深入浅出，通俗易懂。是一篇努力让小白和资深前端都有收获的文章

最近了解了圣杯布局和双飞燕布局，对 margin-right 和 float 了解更深了，写下这篇文章分享下我的收获 圣杯布局 先看看什么是圣杯布局。像下面这张图...

如何调适线上代码 这篇文章来分享下如何调试线上的代码 什么时候需要调试线上的代码呢，当线上代码出现 bug 的时候，需要定位问题，就需要一步一步调试代码来确认问题，但是线上代码都是构建之后的代码，很难

前言 cac 是一个命令行参数输入的辅助工具，这篇文章就借用这个工具，来做一个文件复制工具 文件复制工具有三种需求

这篇文章主要讲了关于**字符串位置颠倒**、**json转TS类型**，**大小驼峰的转换**，**HTML模版替换**的内容。解释得十分详细有趣，大家快来看看

这篇文章主要介绍一些正则表达式在开发中的用处--字符串转换。主要内容有千分号，电话号码划分，电子邮件名称获取，json转TS类型，大小驼峰的转换等等

利用express部署一个前端页面服务器。支持静态页面的访问，还支持接口的访问。废话不多说，我们就开始吧。先创建一个React脚手架： 进入项目...

这篇文章，除了告诉大家React脚手架中怎么用css modules，还有用webpack自己配置css modules的内容，放心食用

监听屏幕宽度，通常解决方法是window.onresize方法。 这里介绍一个更牛批查询屏幕宽度的方法，性能更高--matchMedia

在上篇文章讲了如何通过手写babel插件自动给函数埋点之后，就有同学问我，自动插入埋点的函数怎么给它传参呢？这篇文章就来解决这个问题...

这篇文章主要讲如何根据注释，通过babel插件给相应函数插入埋点代码。代码中有两个函数，其中一个`//_tracker`的注释，另一个没有。转译之后只给有注释的函数添加埋点函数

在讲本文之前，附一张shouldComponentUpdate的调用栈，本文所有的内容都是基于这个调用栈： shouldComponentUpdate 在发出fiber更新的过程...

上篇文章讲了如何在Node Server中实现多进程，这篇文章来讲如今在多进程之间保持状态同步。有两个进程，进程A和进程B。这时客户端来一个请求，进程A记录一个，也需要进程B记录一个，如何实现呢？

上篇文章讲了搭建一个相对完善的webpack开发环境，虽说用来开发是够了，但仍比较简易和基础。 这篇文章我们来给这个环境添加更多的功能:external, alias等等

在项目中通常会有埋点的需求，然而当项目过于庞大，给每个函数添加埋点函数是不现实的，还有，埋点和业务逻辑没有关系，混入代码中会导致维护混乱🤪。基于此我们可以将埋点的任务交给babel插件，实现自动埋点