LH_R

最近，我完成了一个多端趣味画板项目。在这个项目的基础上，我会根据其中的技术细节和重要功能编写画板探秘系列文章，我会一一介绍其中的功能和逻辑，欢迎阅读

本文记录了我构建全栈网站的流程，包括项目初始化、数据库连接、认证登录、Vercel部署等。项目已成功上线并开源。

canvas画板的第三次迭代，增加了画笔的多种效果，包括基础单色、荧光、多色画笔、喷雾、蜡笔、泡泡等

canvas画板之绘画元素的框选，可以点击元素进行框选，并按住手柄进行缩放移动，或者点击删除键删除元素

只用JS实现的页面颜色选择器，初始化创建实例后，只需在使用时调用open方法开启，原理是通过js创建canvas后，基于canvas对颜色数据进行处理

基于markdown-it打造的markdown编辑器，已完成功能：同步滚动、目录列表生成、快捷编辑按钮、代码块主题切换、内容状态缓存

基于canvas实现的多功能画板，目前已完成第一版，功能包括画笔、橡皮擦、撤回、清除画板、保存、图层、拖拽...

图片拖拽排序是一个比较常用的组件，常用于发帖或者评论等内容上传模块，我在本篇会详细分析拖拽组件的实现原理，源码已上传

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 Vue3模版编译就是把template字符串编译成渲染函数，我会按照编译流程分3步分析