Tag: BestPractice

All the articles with the tag "BestPractice".

• 使用Zod在项目启动时检查环境变量

  Published:2024年7月5日 |  at 09:10

  环境变量是设置应用参数和各种密钥的常见方式，但很多时候我们不一定能准确的提供所有所需的环境变量，而由于JavaScript的解释型语言的特性，环境变量的缺失往往会在代码运行到对应逻辑时才被发现。本文介绍如何使用Zod在应用启动前检查环境变量是否正确设置。

• 在VSCode中为JavaScript代码启用静态类型检查

  Updated:2024年7月4日 |  at 20:32

  很多时候，我们不得不使用 JavaScript 而非 TypeScript 开发项目，作为一个忠实的 TypeScript 用户，根本无法接受 JS 代码的开发体验，于是开始研究如何在不影响构建流程（已有项目太大，增加 TS 的修改和测试成本太高）的前提下，以影响尽量小的方式为代码增加静态类型检查。

• TypeScript项目的ESLint配置

  Updated:2024年5月26日 |  at 15:30

  众所周知，代码质量检查和代码风格的统一对于一个项目来说非常的重要，也有助于避免一些低级的错误。相信很多人都已经在前端项目中使用ESLint和Prettier了，本文就来介绍具体的配置步骤。

• 基于baseUrl和paths引入模块

  Published:2020年11月28日 |  at 15:27

  在很多项目中，我们使用了webpack alias，从而支持基于alias进行import，但webpack alias使用过程中往往会遇到问题。怎样解决这些问题？正确的配置姿势应该是怎么样的？本文就来讲讲如何正确的配置项目支持相对路径引入模块。

• 使用VSCode自定义Snippet功能提升编码效率

  Published:2018年12月18日 |  at 13:51

  本文介绍了VSCode中自定义Snippet的基本姿势，期望能让更多人能够通过这种方式提升编码效率。

• 使用png图片制作逐帧动画

  Published:2017年12月31日 |  at 15:12

  在为全景图添加点赞功能的过程中，需要给点赞按钮增加动画效果。考虑到动画本身较复杂，直接通过代码来实现难度较大，而使用gif又会遇到播放状态难以控制的问题。本文介绍如何使用png图片来制作逐帧动画。