现代浏览器更新迭代日新月异，增加了很多新的属性方法去操作DOM，其中 classList 属性就为我们带来了很大的便利，可以很轻松在元素中添加，移除及切换 CSS classname。

阅读全文

前端面试中的疑难杂症——JS 中对象和属性的连续赋值问题。

阅读全文

使用 solcjs 编译 solidity 文件，出现 Warning: SPDX license identifier not provided in source file 日志，导致 sol 文件编译失败。

阅读全文

使用 @vue/cli 脚手架构建的 Vue 全家桶项目，默认配置下，打包后会把 vue、vue-router、axios、vuex、element-ui、echarts 等公共库打包在一起，导致基础 chunk、vendor 包体积特别大，有时一个文件能达到 3-5MB，这会大大影响首次加载速度。因此需要抽离第三方公共库，配合使用 CDN 加速。

阅读全文

有些框架中内置了常用的事件修饰符和按键修饰符，例如：Vue 中就提供了按键 .enter（.13），修饰键 .ctrl、.alt、.shift、.meta等修饰符，简化了很多快捷键功能的实现。在 Svelte 中也提供了 preventDefault、stopPropagation、once 等事件修饰符，但是没有内置快捷键修饰符。

阅读全文

在使用 Crontab 定时任务和 Shell 脚本切割 Nginx 日志文件时，要用到时间戳、当月、上月、下月、上月初、上月末、下月初、下月末等等，其中有些日期不能直接获取，需要经过一定的计算才能得到。

阅读全文

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

阅读全文

浏览器 Window 内置的 URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串，再也不用 & 字符串分割的方式去解析 url query 参数了。

阅读全文

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

阅读全文

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

阅读全文