此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。

最近给app的同事分享h5的框架，他们对我在公司搭建的组件库很是感兴趣，让我从0开始给他们分享一下相关方案；借此机会就循序渐进从0开始出个系列，小白都会的那种；那咱们就从最基础的npm组件库开始吧

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

在做 chatgpt 镜像站的时候，发现有些镜像站是没做打字机的光标效果的，就只是文字输出，是他们不想做吗？反正我想做。于是我仔细研究了一下，实现了打字机效果加光标的效果，现在分享一下我的解决方案。

一、效果 将一段声频以波形展示在页面上，支持播放/暂停、重放、停止、点击跳转播放 2. 支持渲染区域，支持用户手动选择区域和删除区域，支持拖动区域和调整区域大小；当操作区域时，最好能实时循环播放区域

需求 最近没事看见有很多博主在写古诗词的相关网站，然后我就去看他们的数据，发现他们现在保存的格式都是json文件（GitHub），导致我无法保存到数据库中使用，然后我就想JSON文件如果可能转为db格

从搭建Monorepo环境再到组件开发,最后打包发布到npm,一步一步带领你打造出一个属于自己的UI组件库

Electron主要是用来搭建桌面应用程序的，虽然有许多人不喜欢它，但是也不能撼动目前它的王者地位！

Electron官网上说： “比你想象的更简单” ————“如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web