2024-01-18
基于 React + Umijs + Nest 全栈开发的后台系统
这篇文章介绍了基于 React + Umijs + Nest 全栈开发的后台系统，包括前端技术栈、后端技术栈、动态国际化语言配置、用户操作日志记录、 CURD 用户和角色权限映射等功能。文章还提供了线上预览链接、推荐使用的包管理工具和数据库版本，以及项目安装和配置的步骤。
2024-01-15
JavaScript 中的二进制散列值和权限设计
这篇文章介绍了JavaScript中使用二进制散列值和位运算符进行权限控制的方法，包括页面权限、操作权限和数据权限，以及JavaScript中的进制表示方法和位运算符的使用。
2024-01-05
TS 中的类型验算,高级通用 API 实现
这篇文章介绍了TypeScript中的类型验算和高级通用API实现，包括内置类型、关键字以及 compiler 内部实现的类型。文章详细说明了如何实现 Optional API、GetOptional API、DeepReadonly API 和 UnionToIntersection API，并记录了常用的类型通用API封装，如Partial、Required、Readonly等。同时，文章也解释了一些TypeScript的类型操作关键字，如extends、infer、keyof等。
2024-01-03
基于 Vue2.0 + Nest.js 全栈开发的后台应用
这篇文章介绍了基于 Vue2.0 + Nest.js 全栈开发的后台应用项目，适合全栈开发学习使用，包含前端和后端技术栈，实现了动态国际化语言配置、操作日志记录、用户和角色权限管理等功能，并提供了线上预览和具体的使用、配置方法。项目仍在完善中，欢迎贡献和交流。
2023-12-14
React - 实现一个基于 Antd 的数值范围组件
这篇文章介绍了如何实现一个基于Ant Design的数值范围组件，以满足数据采集流程中表单数据的录入需求。文章详细说明了组件的设计思路、代码结构、使用方式以及参数说明，并提供了效果预览和注意事项。组件支持只能输入数字，具有自定义表单控件封装的特点，同时支持所有InputNumber属性，以适应不同业务场景的需求。
2023-12-11
使用 object-fit 属性完美过渡图片
这篇文章介绍了如何使用object-fit属性来完美过渡图片，通过保留原始比例的剪切、缩放或拉伸等方式适应指定容器的高度与宽度，使图片在展示时更加美观。同时，还介绍了object-position属性与object-fit属性的结合使用，实现图片的简单过渡效果和动画。
2023-12-06
Vue3 + Vite 构建组件库发布到 npm
这篇文章介绍了如何使用Vue3和Vite构建组件库并发布到npm，包括初始化项目、配置项目结构、创建组件目录、设置入口文件以及导出组件等步骤。
2023-12-05
React - 实现一个基于 Antd 的密码强度校验组件
这篇文章介绍了一个基于 Nest 和 Umi 技术栈的个人项目开发中用到的密码强度校验组件的开发过程。作者首先在网上找不到满意的资料，于是决定自己开发该组件。文章依次介绍了效果预览、组件思想和组件开发的过程，并提供了相应的代码示例。最后，作者展示了实际效果，并提供了仓库地址供参考。
2023-12-04
mix-blend-mode 利用混合模式让文字智能适配背景颜色
这篇文章介绍了CSS3属性mix-blend-mode的使用方法，该属性能够实现文字智能适配背景颜色的效果，其中包括文字镂空效果。文章详细解释了该属性的混合模式计算方式以及各种属性值的效果。
2023-12-04
使用 sort-imports 排序规则美化头部 import 代码
这篇文章介绍了如何使用Eslint的sort-imports规则对项目中的import代码进行排序，提高代码可读性。通过安装eslint-plugin-simple-import-sort插件并配置.eslintrc.cjs文件，Eslint将自动对import代码进行排序。
2023-12-01
基于 Vue3 + Element-plus 封装的 Table 组件
这篇文章介绍了基于Vue3和Element-plus封装的Table组件，包含项目的基本使用方法、参数说明及功能扩展。用户可以通过npm安装并全局注册组件，在页面中通过属性绑定表格数据、列配置、加载状态等，并支持自定义列和禁用分页等功能。此外，还详细列举了关键参数及其类型、默认值等信息。
2023-12-01
基于 Vue3 + Element-plus 表单 Form 组件二次封装
这篇文章介绍了基于 Vue3 和 Element-plus 的表单 Form 组件的二次封装工具 vue3-xmw-form。它可以通过 npm 安装并全局挂载，提供基于 Element-plus 封装的表单组件。在页面中使用时，通过定义 formData、formColumns 和 formRules 等参数实现表单展示与验证，并支持自定义标题和操作按钮。此外，该组件还暴露了 el-form 的相关方法，便于开发者调用。