banyudu

多套Git全局配置并存方案

背景

相信很多人经历过与我类似的困扰，工作和业余项目的作者信息相互干扰。

具体来说，就是希望工作项目都使用工作邮箱作为 user.email的配置，而业余项目都使用个人邮箱作为user.email的配置，user.name字段同理。

banyudu

Figma插件开发浅浅谈

Figma是一款优秀的设计工具，不仅可以便捷地实现协作开发，同时还提供了丰富的扩展能力，使得我们可以通过编写插件实现自定义的功能。

Figma官方是有提供开发者文档的，资料也比较齐全。推荐同时读一下 https://www.figma.com/plugin-docs/intro/。

banyudu

使用Rust构建wasm包并发布到npm

WebAssembly既拥有大量的前端输入（Rust、C++、Go、AssemblyScript），又拥有大量的运行时支持，可以内嵌在大量的语言中运行，也可以独立运行，可以说是编程界的（未来）最佳配角了，结合npm使用自然不在话下。

banyudu

[package]
name = "hello-wasm"
version = "0.1.2"
authors = ["Yudu Ban <banyudu@gmail.com>"]
edition = "2018"

[lib]
crate-type = ["cdylib", "rlib"]

[features]

banyudu

浅谈ipv4和ipv6中的端口占用

前两天在调试一个本地应用的时候，偶然发现一个奇怪的问题：nginx和spring boot应用竟然同时监听了8080端口，且能正常工作！

这实在是太震惊了，我一向认为只有父子进程才可以共用端口，而nginx和调试中的spring boot应用很明显不是父子关系。

banyudu

require('http').createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.write('Hello ipv4!\n');
  res.end();
}).listen({
  port: 9999,
  host: '127.0.0.1'
});

banyudu

React自定义hooks useOutdatedEffect 介绍

前言

React中有一个常见的问题，数据获取之后，组件已经销毁，此时会有这样一段警告：

banyudu

前端AST处理实践指南（基于ts-morph）

背景

最近在工作中遇到了一些重复性的任务，为了提升效率，使用了AST进行了批量处理。

ts-morph是一个适用于Javascript、Typescript的AST处理工具库，基于typescript实现。

banyudu

Typescript中的类型联动

问题说明

类型联动，指的是一个对象中，A属性的值变化，会引起B属性的类型变化。

假设有这样一个类型：

banyudu

React测试驱动开发 - 环境搭建

工欲善其事，必先利其器

久等了，本篇讲一下React项目测试环境搭建。

工具集