React + Antd 搭建一个词云在线生成网站
事情的起因是，有一天，突然看到一个贼吃我颜的 UI 组件库 shadcn/ui，实在是太喜欢了 😍。 于是，打算用这个 UI 库做个东西，刚好最近要做一个词云相关的网站，起初是打算用 Vue 实现来着，但是看了看这个 UI 库不支持 Vue ，但支持 React ，但我还从未使用 React 开发过任何东西，上次学习还是 3 年前的事了。然后，我做了一个决定就用 React ...
Babel 插件：自定义转换 JSX 语法规则
去年九月份的时候，由于平台框架升级，要求各个产品都要升级，相当于要把之前的代码全部用新框架的语法重构一遍，于是就开启了 2.0 框架升级的工作。升级后的语法如下： export default function useForm() { return { props: {}, slots: { default: ...
相似请求合并
前言在日常开发中，有一种很常见的接口场景：例如，需要获取 type 为 a 的数据，这时候的接口入参为 { type: ["a"] }。如果需要同时获取 type 为 a 和 b 的数据，则入参为 { type: ["a", "b"] }。在需要获取多种 type 数据的场景中，显而易见，只 ...
Mac 开发环境搭建（持续更新中～）
2023/11/20安装 IDEA 下载地址：https://macapp.org.cn/app/intellij-idea.html 激活码： ZCB571FZHV-eyJsaWNlbnNlSWQiOiJaQ0I1NzFGWkhWIiwibGljZW5zZWVOYW1lIjoiZnV6emVzIGFsbHkiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc ...
重复请求优化
设想一种场景，有两个组件，这两个组件在初始化阶段，都需要调用同一个 API 接口去获取数据。为了防止请求冗余，可以把两个组件的请求都挪到父组件中，由父组件统一调用一次请求，然后再将响应的数据结果传给两个子组件。这种方法应该是最常见的，不过它也有一个局限性条件：两个组件必须有一个共同的祖先组件，如果这两个组件是同级的兄弟组件倒也还好，如果非同级，那么数据的传参就会有些麻烦了。那么还有其他办法 ...
最大余额法
当开发一些图表类页面时，经常需要对一组数据求百分比，而像是常用的 Echarts 图表，在内部已经计算妥当了，保证一组数据在计算完百分比之后，这些百分比相加后仍然等于 100% 。而这种计算百分比的算法之一就是 —— 最大余额法。 核心思想就是，根据每部分所占比例的大小，按照从高到低的顺序去分配剩余部分。 比如，一组数据 [ 4, 4, 3 ]，所占百分比为 [ 36.363636363 ...
两周年啦！！
这篇其实是中秋节那晚，在心情很糟糕的情况下，写了该篇。 匆匆忙忙又一年时间过去了，这一年我愿称之为 “开源丰收年” ，累计写了 22 篇文章（去年才 12 篇），写了不少组件和小工具，例如（我要开始吟唱啦～～～）： Vue 指令：v-set-title-attr； ViewDesign 扩展组件：ivu-select-union； ViewDesign 扩展组件：ivu-input ...
大数相乘
由于 JS 最大整数为 2 ^ 53 - 1，最大长度也就是 16 位，当进行一些高精度计算时，容易造成精度丢失的问题。平常对于一些大数值的数据，一般都用 String 类型存储。而使用 String 类型，当进行四则运算时，就需要进行特殊处理，本篇就来实现一下两个大数的相乘。 两个整数的大数相乘，这是一道经典的算法题了，参考力扣 43. 字符串相乘。而这里需要考虑小数的场景，思路其实很简 ...
Turboui i18n 的心路历程
历经一个月，从无到有，第一次尝试开发一个 VS Code 插件，迭代了 9 个版本，是时候完结撒花啦 🎉🎉。 萌生这个想法是在一次新任务的开发中：要对代码中的某些提示类的字段进行整改，加上国际化配置。当时就敏锐地发现了一个问题：改成国际化配置后，对后期的开发以及维护很不友好。于是就开始想，有什么手段可以缓解这一痛点？ 最开始的想法是，通过对原有的国际化调用方法 $t 写一个类型扩展去 ...
Windows 使用视频做为屏幕保护程序
最近在搭建 Mac 环境，然后翻到一个屏幕保护程序：Brooklyn，用 18 年苹果征集的各种 logo 做为屏幕保护程序，看起来十分好看，于是乎就整了一个。 平时在家用 Mac，公司电脑是 Windows，最近打算把公司电脑加点 Mac 的特色。比如：字体。字体比较好改，可以用一个工具：noMeiryoUI，直接把系统字体都统一改了，贼方便。 而最近新入坑的屏幕保护程序，就想着能不 ...