最近做了自己的开源项目 Msw-Tools,参考了 VConsole 工具中按钮的拖拽功能,计划给 MSW
按钮也增加类似的拖拽效果,并兼容PC端和手机端,但是遇到一个问题:一个按钮绑定了多个事件,怎样才能阻止 mousemove 或 touchmove 与 click 事件同时触发。
Vue3学习与实战 · Ref获取真实DOM
在使用 Vue 、React 等MVVM框架开发项目时,基本上很少需要直接手动去操作 DOM 了,但是也不可避免,例如获取元素的宽高、元素在屏幕的XY位置、DIV拖拽等等。随着 Vue 版本的升级,在 Vue3 中获取真实DOM的方法也有了变化。
在ElementUI的$notify通知方法中渲染自定义组件
ElementUI 的 Notification
组件通常用于全局的通知提醒消息,其中展示内容默认是文本字符串,当然也可以设置 dangerouslyUseHTMLString: true
后传入 HTML 片段。如果要展示比较复杂的动态内容,一般会把传入的内容封装成组件,而直接传入组件是无法渲染的,本文就是解决 $notify 中怎么渲染自定义组件的问题。
使用Crontab和Shell脚本切割Nginx日志
Nginx 日志会随着时间和访问流量的增加而日益增大,access.log
日志文件也会随之越来越大,最后会导致日志的读写效率下降,进而影响 Nginx 服务的性能。因此,需要对 Nginx 日志文件进行切割,本文就介绍一下:使用 Crontab 定时任务执行 shell 脚本来切割 Nginx 日志。
Git Commit 提交信息规范
在日常项目开发中,多人分工配合不可避免。一个好的团队,流程规范必不可少。而使用 Git 更是家常便饭,项目代码的提交,合并都需要有清晰的流程。为了团队成员方便查看每个版本的提交信息,又避免在提交记录中出现 “黑历史”,所以,Git Commit 提交信息的规范 尤为重要。
Vite3 + Svelte3构建Web应用报错:'process is not defined'
Vite3 + Svelte3使用@import导入scss样式
近年来,前端技术日新月异,Vite、Vue3、Svelte、SolidJS 等框架工具大放异彩,身为一个前端开发,总感觉一刻不学习就要out了。最近使用 Vite3 + Svelte3 来构建封装自定义的 Web Components
,开始了艰难的爬坑之旅,本文记录一下:Vite3 + Svelte3
配置 Sass
预处理器,在 Svelte
单文件组件中使用 @import
导入 scss
样式文件。
主动同步npm上新发布的包到cnpm
Parcel配置public静态文件目录
最近使用 Parcel 搭建一个 Mock Service Worker
(MSW
)的测试服务,遇到一个问题:在 MSW 中注册 Service Worker
的文件(mockServiceWorker.js
)是以静态文件相对路径加载,但是在 Parcel
启动的服务中加载不到此文件,导致 Service Worker
服务无法注册。