08-16
- react 的富文本库 Slate.js (opens in a new tab)
- 开箱即用的eslint配置 https://github.com/antfu/eslint-config (opens in a new tab)
08-19
- 体积过大的glb想要压缩,可以的方向有 prune (opens in a new tab), resample (opens in a new tab), dedup (opens in a new tab), weld (opens in a new tab), textureResize (opens in a new tab), 模型的处理都可以基于 - glTF Transform (opens in a new tab) 来进行,对应的playground为 gltf.report (opens in a new tab)
08-21
- react-email (opens in a new tab): 使用 React 构建和发送电子邮件
- reactgrid.com (opens in a new tab): 将类似电子表格的行为添加到您的 React 应用程序中
- async-mutex (opens in a new tab)
async-mutex
是一个用于管理异步操作中的锁的库。其核心作用是确保在任何时候只有一个异步操作在执行,防止并发问题,确保资源的正确访问和使用。 - biomes-game (opens in a new tab) : Biomes 是一款使用 Next.js、Typescript、React 和 WebAssembly 等 Web 技术为 Web 构建的开源沙盒 MMORPG
- 3D Asset Management (opens in a new tab) 在线3d资源管理器
08-23
-
react-email (opens in a new tab): 使用 React 构建和发送电子邮件,很牛,用于配合自己send的服务,一定额度内免费,超过按量收费,还有就是send email库 (opens in a new tab)还挺多
-
#dev-库 react状态库zustand (opens in a new tab),文档地址 Pmndrs.docs (opens in a new tab)
-
微信机器人开源工具 wechaty (opens in a new tab)
08-24
- 前端项目通过配置使用工作区typescript的方法 (opens in a new tab)
- tailwind-merge (opens in a new tab) 合并 Tailwind CSS 类而不会发生样式冲突
- tailwindcss 如果想实现自动px to rem or vw 的转化,可如下使用
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
// 'postcss-px-to-viewport': {
// unitToConvert: 'px', // 要转化的单位
// viewportWidth: 1920, // UI设计稿的宽度
// unitPrecision: 6, // 转换后的精度,即小数点位数
// propList: ['width', 'height'], // 指定转换的css属性的单位,*代表全部css属性的单位都进行转换
// viewportUnit: 'vw', // 指定需要转换成的视窗单位,默认vw
// fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位,默认vw
// selectorBlackList: ['wrap'], // 指定不转换为视窗单位的类名,
// minPixelValue: 4, // 默认值1,小于或等于4px则不进行转换
// mediaQuery: true, // 是否在媒体查询的css代码中也进行转换,默认false
// replace: true, // 是否转换后直接更换属性值
// exclude: [/node_modules/], // 设置忽略文件,用正则做目录名匹配
// landscape: false, // 是否处理横屏情况
// },
// 'postcss-pxtorem': {
// rootValue: 16,
// unitPrecision: 6,
// propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
// selectorBlackList: [],
// replace: true,
// mediaQuery: true,
// minPixelValue: 4,
// exclude: /node_modules/i,
// },
},
}
08-25
- 批量更改git信息
# !/bin/sh
git filter-branch --env-filter '
OLD_EMAIL="old@shuwen.com"
CORRECT_NAME="akong"
CORRECT_EMAIL="noobakong@163.com"
if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
then
export GIT_COMMITTER_NAME="$CORRECT_NAME"
export GIT_COMMITTER_EMAIL="$CORRECT_EMAIL"
fi
if [ "$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]
then
export GIT_AUTHOR_NAME="$CORRECT_NAME"
export GIT_AUTHOR_EMAIL="$CORRECT_EMAIL"
fi
' --tag-name-filter cat -- --branches --tags
- 运行sh文件
# !/bin/sh
, 以及 git tag相关内容 https://sharegpt.com/c/rGhNm2R (opens in a new tab)