阻止移动端 touchmove 与 scroll 事件冲突


字数:566 阅读时长:2分钟

在移动端开发过程中,如果要实现一个元素或按钮的拖动定位,会出现很多坑。例如:元素上下移动过程中,会触发 bodyscroll 事件,导致整体的位置偏移,这时就需要 阻止移动端 touchmove 与 scroll 事件冲突

DOM Touchmove Scroll

阅读全文

前端代码统计工具cloc的安装与使用


字数:612 阅读时长:2分钟

怎么来衡量一个web端项目的大小,一是看页面多少,二是看源代码行数。页面多少比较好统计,通过 Router 的配置大概就能知道。但是源代码行数,如果要一个文件一个文件去计算,那就费了劲了。有问题有需求,就会有人造轮子。本文就介绍一下 代码统计工具cloc的安装与使用

Code Tool

阅读全文

Vue3学习与实战 · Ref获取真实DOM


字数:356 阅读时长:1分钟

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

Vue3 && DOM

阅读全文

在ElementUI的$notify通知方法中渲染自定义组件


字数:711 阅读时长:3分钟

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

Vue && Notification

阅读全文

Git Commit 提交信息规范


字数:357 阅读时长:1分钟

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

Git Commit

阅读全文

notification icon
博客有更新,将会发送通知给您!