codepoet

前端项目使用了 canvas 库，在 M1 上安装会报错。需要通安装 chromium 自行编译 node-canvas 来解决

只需要一个函数，帮你解决烦人的滑动穿透问题。核心思路是监听 touchmove 事件，做到动态拦截事件。

前端使用 Canvas 把图片转换为像素画处理的图片。基本思路：根据区域块提取图片上的颜色信息，再绘制回 Canvas 上导出图片

最近看了一下 vuex 的实现，使用的是 watch 来对数据源进行监听。于是我在想可不可以用更简单的方式来实现对数据的双向绑定。

vue3 项目中配置 webpack-bundle-analyzer 分析工具 step by step

在搭建的新 vue3 项目中发现可以使用 es6 的 ?（可选链）和 ??（双问号）语法。用了以后就回不去了。但是在老的项目上却发现用不了，dev serve 的时候会报错。

为了保证项目的代码高质量发布，一般都是需要写单元测试的。而单测的达标，涉及到行覆盖率、分支覆盖率、函数覆盖率等关键指标。然后我发现，很多时候测试 vue 组件中函数的正确性不难，而 mock更难。

js 滚动到指定元素位置动画的简单实现。主要步骤是获取需要滚动到位置元素的顶部距离，然后使用 ELement 的 scrollTo 方法滚动到指定位置。

之前是知道 git 可以设置对文件名称大小写是否敏感的。但是一直没有遇到这方面的问题，直到前阵子搭建新项目时，为了规范 vue 组件的命名，需要对原本小写字母开头的文件修改为大写字母开头。