- 博客(12)
- 收藏
- 关注
RSS订阅原创 Nodejs(Koa)-Redis集成及基础使用
Nodejs框架使用Koa，连接的类库用io-redis，部分功能使用到了koa-redis。
2024-07-05 18:08:30
776
1
原创 Nodejs(Koa)-RabbitMq集成及基础使用
Nodejs框架使用Koa，使用amqplib库连接RabbitMq。本文主要介绍Nodejs如何连接RabbitMq，同时实现其基础功能，例如其简单模式、工作者模式、Fanout广播模式、Direct直连模式、Topic模式…
2024-07-05 18:01:13
1236
原创 记一次Keep-Alive与router-view，加key有大坑
在我的调试下，发现当我加上key时，keepAlive组件在进行路由跳转时，每次都会执行setup函数的初始化流程，即每次都初始化了KeepAlive这个Vue组件，正好印证了“router-view加上Key可以解决不同路由，但是相同组件，页面不刷新问题”。用这个组件里面的一些核心代码而言就是每次都会重置cache,keys这两个关键内存值，导致KeepAlive失效。
2024-06-18 16:15:20
1207
原创 优化El-tree大量数据插入造成页面卡顿问题
在一个已采用懒加载方式加载到特定层级的el-tree组件中，现在需要向该层级下的某个节点动态加载并插入大量子数据，并将其渲染至DOM结构中。此时，页面直接无响应卡顿了5秒，经排查发现，是触发了大量Vue3中的instance.update方法。此时应该如何解决呢？
2024-04-01 18:22:56
1012
原创 利用WebWorker解决页面卡顿问题
在业务需求，有一个需求是需要对两个树形的数据结构进行深层次的对比。这个地方类似Vue或者React的Diff算法，当有大量节点，比如成千上万，或者上百万、千万、甚至上亿的数据时。这个计算会阻塞主线程，导致页面卡顿甚至卡死。用户无法操作页面，造成了不好的影响。
2024-04-01 18:21:55
1091
原创 Element-plus封装表格Validate
在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。这是一个自定义Hook，通过调用它可以获得一组用于表单验证的方法和状态管理器。执行自定义验证逻辑。是一个失败提示样式的类名，在验证失败时为输入框添加此样式。Hook依赖这些API来实现状态管理和异步验证逻辑。是一个响应式对象，用于存储需要进行验证的输入框引用。，它提供了一种便捷的方式来处理表格组件中的字段校验。获取并存储输入框的HTML引用，便于后续操作。用于设置输入框的警告信息以及样式更改。清除指定字段的验证结果。
2024-03-20 09:29:24
1303
1
原创 Lerna+monorepo整合Vue3组件库实践
最近对原有的UI组件库进行了重构，以解决之前一次性打包所有组件导致无法单独引入的问题。通过引入Lerna管理和pnpm作为包管理工具，使得每个组件能够独立打包、独立引入，同时也保留了整体引入所有组件的功能。执行 生成 配置文件，并对其做了如下调整：在每个子包（例如Form、Table等组件）目录下创建各自的 文件，并设置打包命令，使其指向Rollup配置文件：这样便能在各子包目录下分别产出 包，便于单独引入每个组件。为了同时支持一次性引入所有组件的功能，
2024-03-14 09:22:47
1245
1
原创 Pont 自动生成TypeScript接口代码，自动生成类型与后端对齐
可参考https://github.com/alibaba/pont/blob/master/docs/customizedPont.md Pont是可以可以作为后端和前端一个良好定义接口规范的工具。相对于市面上其他的工具，他优势在于使用方便，可以配置模板自动化生成接口代码。目前我自己实践的是，在项目搭建初期，假如后端可以通过Swagger配合，直接就可以将整个生成的代码目录通过config.json配置到src的目录下，后端假如更新了接口的内容，一键生成同步即可。
2023-05-12 08:44:16
1368
2
原创 git commit报错 /.bin/lint-staged: line 12: node: command not found
git commit报错 /.bin/lint-staged: line 12: node: command not found
2022-12-13 16:32:32
1210
原创 微信小程序如何封装一个带有图片的Tab栏
微信小程序如何封装一个带有图片的Tab栏前言最近在做一个微信小程序，看到有许多软件上都有一种带有图片可以滑动的Tab栏，然后我就去看了一些组件库，包括Vant，WeUI，发现他们所提供的Tab栏好像都只有标题（title）的功能，并不可以添加图片，那我就突发奇想，干脆自己封装一个得了，下面先给大家看一下效果一、成品效果下面叙述我的封装流程二、使用步骤wxml代码如下：<scroll-view scroll-x="true" class="scroll-view-x"
2021-12-10 10:30:49
1074
原创 Echarts类似航班选座如何做一个实时监测设备状态的案例
Echarts类似航班选座如何做一个实时监测设备状态的案例：问题描述：Echart关于他的地图的配置项说地不够清楚，项目中想用自己的Svg图片作为地图的地图如何配置怎么做？这是我遇见的问题以及解决方案如下；$.get(ROOT_PATH + '/data/asset/geo/flight-seats.svg', function (svg) { echarts.registerMap('flight-seats', { svg: svg });这是echart给的默认图片以及注册用的代码，稍微解
2021-12-08 16:48:11
1451
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人