最近做了自己的开源项目 Msw-Tools，参考了 VConsole 工具中按钮的拖拽功能，计划给 MSW 按钮也增加类似的拖拽效果，并兼容PC端和手机端，但是遇到一个问题：一个按钮绑定了多个事件，怎样才能阻止 mousemove 或 touchmove 与 click 事件同时触发。

阅读全文

在使用 Vue 、React 等MVVM框架开发项目时，基本上很少需要直接手动去操作 DOM 了，但是也不可避免，例如获取元素的宽高、元素在屏幕的XY位置、DIV拖拽等等。随着 Vue 版本的升级，在 Vue3 中获取真实DOM的方法也有了变化。

阅读全文

ElementUI 的 Notification 组件通常用于全局的通知提醒消息，其中展示内容默认是文本字符串，当然也可以设置 dangerouslyUseHTMLString: true 后传入 HTML 片段。如果要展示比较复杂的动态内容，一般会把传入的内容封装成组件，而直接传入组件是无法渲染的，本文就是解决 $notify 中怎么渲染自定义组件的问题。

阅读全文

Nginx 日志会随着时间和访问流量的增加而日益增大，access.log 日志文件也会随之越来越大，最后会导致日志的读写效率下降，进而影响 Nginx 服务的性能。因此，需要对 Nginx 日志文件进行切割，本文就介绍一下：使用 Crontab 定时任务执行 shell 脚本来切割 Nginx 日志。

阅读全文

在日常项目开发中，多人分工配合不可避免。一个好的团队，流程规范必不可少。而使用 Git 更是家常便饭，项目代码的提交，合并都需要有清晰的流程。为了团队成员方便查看每个版本的提交信息，又避免在提交记录中出现 “黑历史”，所以，Git Commit 提交信息的规范 尤为重要。

阅读全文

Vite爬坑日记： 在使用 Vite3 + Svelte3 构建 Web 应用时，控制台报错：process is not defined。

阅读全文

近年来，前端技术日新月异，Vite、Vue3、Svelte、SolidJS 等框架工具大放异彩，身为一个前端开发，总感觉一刻不学习就要out了。最近使用 Vite3 + Svelte3 来构建封装自定义的 Web Components ，开始了艰难的爬坑之旅，本文记录一下：Vite3 + Svelte3配置 Sass 预处理器，在 Svelte 单文件组件中使用 @import 导入 scss 样式文件。

阅读全文

由于各种原因 npm install 的速度比较慢，通常会使用 cnpm 来代替 npm 下载，而 cnpm 同步会有延迟，所以需要主动同步npm的包到cnpm。

阅读全文

最近使用 Parcel 搭建一个 Mock Service Worker （MSW）的测试服务，遇到一个问题：在 MSW 中注册 Service Worker 的文件（mockServiceWorker.js）是以静态文件相对路径加载，但是在 Parcel 启动的服务中加载不到此文件，导致 Service Worker 服务无法注册。

阅读全文

在移动H5使用了 ECharts 开发可视化图表，遇到一个特殊需求：折线趋势图中需要默认展示最后一个坐标轴对应的数据，也就是主动触发 tooltip 的展示。

阅读全文