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

对一些TS写法进行说明，更好的帮助友友们深入了解TS机制。 在日常开发中，经常能看到这种 const ROLE = {} as const 。

在程序设计中，经常会遇到步骤执行的需求，也就是第一步执行完成之后执行第二步。以此类推，这样就引发出一个思考，步骤之间要关联起来，步骤越多代码就越庞大，如何把步骤单独拆分出来呢，让步骤之间的逻辑独立，而仅仅依靠某一种关系将他们串联。如果知道链表的话，从结构上来说这就像一个长长的链表，通过指针指向下一个区域。区域与区域是单独的空间，谁也不打扰谁。那么在设计模式中有个责任链模式（Chain of Responsibility），而对单个的步骤则考虑使用工厂模式，这样更容易维护每一个步骤的实例化。

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

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

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

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

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

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

在现代Web开发的世界中，用户体验是最重要的因素之一。无论是Web应用还是原生应用，用户都期望应用能快速响应、操作流畅、具备离线能力，并能方便地访问。渐进式Web应用（PWA，Progressive Web App）的出现，正是为了满足这些需求。 PWA是一种结合了Web应用和原生应用优点的技术，它不仅能够在Web上运行，还能提供类似于原生应用的用户体验。让我们一起来探索PWA的原理、核心技术以及它如何帮助我们构建更好的Web应用。

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

盒子模型的理解是前端使用css实现准确布局、处理元素排列的关键，下面是对MDN上盒子模型文章的一部分难点做见解。 其一就是区块盒子和行内盒子上的行为，其二是2种盒子模型的大小问题。