日常开发中，经常会遇到手写板的需求。对于大部分人来说使用canvas画布是最为方便的，而且也能很好的节省性能。这里在可汗学院学习的时候发现他们的答题手写用了svg的实现方法。这十分巧妙。不用考虑题目如何在cavnas画布上渲染了。

在日常的前端开发中，框架总是一波接着一波的出现。为了不落后在这个快节奏的更新中，学习框架要抓住重点。

在 VS Code 中，JSON 文件默认不支持注释，这确实会让配置文件的阅读和维护变得困难。不过，你可以通过以下步骤将 JSON 文件设置为支持注释的格式，从而提高可读性。

这篇文章是写给刚入门Vue框架开发或者刚入门的同学，权限管理是基本上每一个项目都会遇到问题，你有登陆，有游客等身份，你总要不同的身份会有不同的网页访问吧。下面就实现从想法到权限管理的构建。

很多人应该都有把自己的域名解析在大善人Cloudflare吧，今天又来介绍如何针对works和pages项目的CDN加速。后面再弄一期使用 Cloudflare CDN 的网站设置优选域名来加速访问。

在日常开发中，可能会不小心将.env等配置文件上传到GitHub仓库。即使删除了这些文件，历史记录中仍能看到其内容，这对隐私可能带来风险。这里有两种处理方法：1) 删除.env文件并清除历史记录，2) 仅取消跟踪该文件，适用于配置内容不重要且项目不公开的情况。

前面的《PWA技术简介》文章中对PWA做了介绍，也介绍了它的交互流程。那么这里就对我开发的Next.js音乐网站做一个PWA配置，来实践一下PWA的配置过程。

Next.js除了在vercel上部署之外，更多的是部署在自己的服务器上，为此官方提供了Docker的打包运行方式。这里分享的是如何优化打包的Docker镜像到近15倍的大小。

网站会在PC和移动端上浏览，那么各个浏览器和设备的差异性，会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端100VH出现滚动的问题。

该篇主要是针对之前的NestJS搭建框架做一个不同版本的ORM补充

经常做前端开发的小伙伴，尤其是Vue或者React框架的，在编写页面的时候，总要新建页面，然后写上重复性很大的代码片段。这里我使用Vscode自带的代码片段，来制作一个快捷方法生成重复且繁琐的代码片段。

在前端开发中，我们经常会遇到需要动态变化的视觉效果。今天我们将讨论如何利用 CSS 的 mix-blend-mode 属性，实现一个文本穿过特定背景时反色的效果。具体来说，我们会创建一个背景为黑色的 div 元素，并让文本从中穿过。当文本进入 div 的区域时，其颜色会从黑色变为白色，离开时则恢复为黑色。