标签： development

发布于

解释 Behavior-Driven Development (BDD) 和 Test-Driven Development (TDD) 在 JavaScript 项目中的实践和理念。

各位听众，大家好！我是今天的主讲人，咱们今天就来聊聊 JavaScript 项目中两种非常流行的开发方法：行为驱动开发 (BDD) 和 测试驱动开发 (TDD)。别担心，我尽量用大白话，保证大家听得懂，学得会，用的上。 开场白：先来点段子热热身 话说，从前有个程序员，写代码那叫一个快，嗖嗖嗖的，但是bug也像下饺子一样，噼里啪啦的。老板问他：“你能不能写代码的时候稍微慢点，把质量提上去？” 程序员说：“不行啊，写代码就像放屁，憋着难受！” 这个段子告诉我们，写代码不能只图快，质量才是王道。而 BDD 和 TDD，就是帮助我们提升代码质量的两大利器。 第一部分：TDD (Test-Driven Development) – 测试先行，代码随后 TDD 的核心理念是：先写测试，再写代码。 就像盖房子，先设计图纸，再动手施工。 1.1 TDD 的流程：红-绿-重构 TDD 的流程可以概括为“红-绿-重构”循环： 红 (Red): 先写一个失败的测试用例。这个测试用例描述了你想要实现的功能，但目前还没有对应的代码实现，所以测试肯定是失败的（变红）。 绿 (Green): 编写最少量 …

继续阅读“解释 Behavior-Driven Development (BDD) 和 Test-Driven Development (TDD) 在 JavaScript 项目中的实践和理念。”

发布于

JS `Bundless` `Development` (无打包开发)：Vite / Snowpack 的原理

嘿，大家好！今天咱们来聊聊前端开发里的一个“新”玩意儿，其实也不算新了，已经流行一段时间了，那就是“Bundless Development”，也就是“无打包开发”。主要说说 Vite 和 Snowpack 这两个家伙，看看它们是怎么做到“不打包”也能让你的代码飞起来的。 开场白：告别漫长的等待 相信大家都有过这样的经历：改了一行代码，保存，然后…漫长的等待，看着打包工具吭哧吭哧地把整个项目重新打包一遍。这种感觉就像明明只是想换个灯泡，结果要把整个房子重新装修一遍一样，效率低得令人发指。 传统的打包工具，比如 Webpack，Parcel，它们的工作方式是“先打包，后运行”。它们会分析你的代码，把所有的依赖关系整理好，然后把所有的模块打包成一个或多个文件，最后浏览器再加载这些文件。这种方式在项目小的时候还好，一旦项目变大，打包的时间就会变得非常长，严重影响开发效率。 而 Vite 和 Snowpack 就不一样了，它们采用了“按需编译”的策略，也就是“先运行，后编译”。它们不会在一开始就把所有的代码都打包好，而是当你需要某个模块的时候，才去编译它。这种方式可以大大减少打包的时间，让你的 …

继续阅读“JS `Bundless` `Development` (无打包开发)：Vite / Snowpack 的原理”