Xuanmo Blog | WEB前端博客

Vue 关于 Vue3 Store 的两种写法

前言因为 Vue3 的组合式 API 的出现，结合我自己的一些使用，分享一下我的个人看法；因为有了组合式 API 的出现，让代码的组装更灵活了，数据管理可拆分，所以有了 class 写法和 pinia，我个人主要是 React + Vue 都写，公司用 React，个人的项目、作品用 Vue3，也做了一套 Vue3

2024-08-14 21:13:24 829 0 5

阅读详情

生活目前在做的事情（组件库 + 低代码）

背景这是一篇迟来的文章，因为去年出过一件事情，可以算人生的一次低谷，导致延误了许久；一直以来，都希望做一套完整组件库，刚好有两个比较好的契机： Vue 3 正式版已经发布；刚好现在公司在做的产品，迎来新版从零迭代，主要负责表单低代码平台建设，从中让我受益匪浅，学到很多东西，比起之前我实现的 Vue 2 版表单，功

2023-08-13 17:20:50 3492 28 18

阅读详情

解决问题【原创】Validator 一款纯 JS 校验数据校验插件

简介 Validator 是数据集验证工具，主打多个规则以管道符模式进行串行校验，常用于表单数据繁琐的校验用最少的代码，解决繁琐的事情支持校验规则扩展、单例模式、异步校验、国际化完善的 TypeScript 类型打包后体积约 6.5 KB，Gzip 后体积约 2.5 KB 规则快速预览： required|em

2023-04-02 15:07:21 2764 4 11

阅读详情

主题使用主题设置 – 友情链接管理使用说明

目前全站链接已改为 WordPress 链接管理模块统一设置，以下为使用说明：第一步新建链接分类，共两个，分别为：首页、友情链接，别名分别为：home、link 目前支持的属性分别是：名称、Web地址、描述、分类、打开方式、图片地址、私密链接，具体设置参考下图：添加一个链接菜单，地址写：/links 即可最终效果

2022-09-13 22:08:00 4046 17 18

阅读详情

TypeScript Mobx 结合 TypeScript 实现 setState 类型推导

场景在 mobx 中，使用 @observable 定义的 state，修改时需要借助 @action 包装才能修改，在变量比较多的情况下，十分不便，这时可以封装一个类似 React 里的 setState 方法，统一修改，在结合 TypeScript 类型推导，可以实现代码联想功能。使用 TS 遍历指定对象，并形

2022-09-02 00:32:55 3341 2 8

阅读详情

React React 实现简易 Excel（选区篇）

介绍最近在做表单低代码平台相关开发，其中有一个表格布局组件，需要实现 Excel 选区、合并、插入等功能，并往每个单元格放入组件，实现一个表格布局，其中 Excel 选区模式较难一点，花费了不少时间，在这里做一下记录，写文章也能继续理解一次。目前已经实现选区、合并、拆分功能，具体效果如下：选区实现原理第一步在鼠标

2022-02-27 19:47:39 4079 11 11

阅读详情

Linux Linux 开机自动执行自定义脚本

场景在使用frp做内网穿透的时候，写了后台运行脚本文件，默认不会开机自动执行，这时候需要借助 Linux 开机自动执行来完成。步骤第一步进入目录/etc/rc.d/init.d，创建一个需要开机启动的脚本文件，我这里以 frp 启动脚本为例，文件名为 frp.sh； #!/bin/sh #add for chkc

2021-12-05 13:38:21 3717 0 16

阅读详情

WordPress 修改 WordPress 预览文章链接地址

目前做的这版主题采用前后端分离模式，页面的路由都是前端控制的，后台文章的预览链接都是和前端不匹配的，每次发文章想看一下都不太方便，在主题文件 functions.php 通过 preview_post_link 钩子函数即可实现修改； function xm_custom_preview_link() { return

2021-11-26 00:01:59 4695 3 16

阅读详情