白雾茫茫丶 - 谜叶象限

你对2024年有什么展望、愿望或者目标吗？

这篇文章介绍了作者在2024年的展望、愿望和目标，包括家人朋友身体健康、财运亨通、存款增加、寻找对象、至少外省旅游一次以及薪资上涨等愿望。

再见，2023，你好，2024！

这篇文章介绍了作者在年终之际对过去一年的回顾及对未来的展望，涉及家庭、职场、生活等多个方面。作者感叹时光流逝，对30岁左右男性在社会和家庭中的多重角色进行了思考，同时对现代社会的婚姻观念和压力表示了看法。此外，作者还分享了对目前工作的满意度和生活状态的描述，以及对简单快乐生活的追求。

React - 实现一个基于 Antd 的数值范围组件

这篇文章介绍了如何实现一个基于Ant Design的数值范围组件，以满足数据采集流程中表单数据的录入需求。文章详细说明了组件的设计思路、代码结构、使用方式以及参数说明，并提供了效果预览和注意事项。组件支持只能输入数字，具有自定义表单控件封装的特点，同时支持所有InputNumber属性，以适应不同业务场景的需求。

使用 object-fit 属性完美过渡图片

这篇文章介绍了如何使用object-fit属性来完美过渡图片，通过保留原始比例的剪切、缩放或拉伸等方式适应指定容器的高度与宽度，使图片在展示时更加美观。同时，还介绍了object-position属性与object-fit属性的结合使用，实现图片的简单过渡效果和动画。

菲尔可：圣手二代104键-橄榄象牙白

这篇文章介绍了作者作为一名程序员，使用菲尔可圣手二代104键机械键盘长达6年的体验和感受，对键盘的属性参数、手感、易用性等方面进行了详细评价，并强调了其耐用性和外观设计的简约大气。

Vue3 + Vite 构建组件库发布到 npm

这篇文章介绍了如何使用Vue3和Vite构建组件库并发布到npm，包括初始化项目、配置项目结构、创建组件目录、设置入口文件以及导出组件等步骤。

cdn和云存储被恶意高刷如何预防？

这篇文章介绍了作者遇到 CDN 服务被恶意高刷导致欠费的问题，分析了责任归属，并讨论了预防措施。作者指出，用户和阿里云都应承担一定责任，同时比较了腾讯云在相同问题上的处理方式。

React - 实现一个基于 Antd 的密码强度校验组件

这篇文章介绍了一个基于 Nest 和 Umi 技术栈的个人项目开发中用到的密码强度校验组件的开发过程。作者首先在网上找不到满意的资料，于是决定自己开发该组件。文章依次介绍了效果预览、组件思想和组件开发的过程，并提供了相应的代码示例。最后，作者展示了实际效果，并提供了仓库地址供参考。

mix-blend-mode 利用混合模式让文字智能适配背景颜色

这篇文章介绍了CSS3属性mix-blend-mode的使用方法，该属性能够实现文字智能适配背景颜色的效果，其中包括文字镂空效果。文章详细解释了该属性的混合模式计算方式以及各种属性值的效果。

使用 sort-imports 排序规则美化头部 import 代码

这篇文章介绍了如何使用Eslint的sort-imports规则对项目中的import代码进行排序，提高代码可读性。通过安装eslint-plugin-simple-import-sort插件并配置.eslintrc.cjs文件，Eslint将自动对import代码进行排序。

基于 Vue3 + Element-plus 封装的 Table 组件

这篇文章介绍了基于Vue3和Element-plus封装的Table组件，包含项目的基本使用方法、参数说明及功能扩展。用户可以通过npm安装并全局注册组件，在页面中通过属性绑定表格数据、列配置、加载状态等，并支持自定义列和禁用分页等功能。此外，还详细列举了关键参数及其类型、默认值等信息。

基于 Vue3 + Element-plus 表单 Form 组件二次封装

这篇文章介绍了基于 Vue3 和 Element-plus 的表单 Form 组件的二次封装工具 vue3-xmw-form。它可以通过 npm 安装并全局挂载，提供基于 Element-plus 封装的表单组件。在页面中使用时，通过定义 formData、formColumns 和 formRules 等参数实现表单展示与验证，并支持自定义标题和操作按钮。此外，该组件还暴露了 el-form 的相关方法，便于开发者调用。

你好,

我是白雾茫茫丶