分类： JavaScript
-
本文记录了在《重构：改善既有代码的设计》第2版实践中使用 Mocha 运行测试用例的过程。通过 npm 安装 Mocha 后，在 Windows 下直接运行二进制文件遇到报错，通过在 package.json 中配置 npm test 脚本解决。随后针对 ES 模块兼容性问题，在 package.json 添加 type 配置，并将测试文件中的 require 语法修改为 import 语法，最终成功通过测试。
-
针对多个类存在于同一文件的问题，参考重构理念决定进行拆分。通过新建 /modules/producer.js 和 /modules/province.js 文件，将类定义分别迁移并处理相互引用，同时编辑 /productionPlan.js 删除原代码并导入类。再次运行代码后，控制台输出无变化，符合预期，最终实现了每个类对应单独文件的结构。
-
本文基于《重构：改善既有代码的设计（第2版）》一书，记录了构筑测试体系前的示例代码编写过程。作者介绍了一个用于查看和调整生产计划的简单应用，详细展示了入口 HTML 文件及相关 JavaScript 模块的实现代码。在通过模块引入并创建实例后，作者在浏览器中打开页面并查看控制台输出，确认数值结果符合预期，完成了待测试代码的准备。
-
遇到Uncaught SyntaxError错误，参考JavaScript模块文档，在script标签中添加type=”module”解决。直接使用file协议访问时因CORS策略被阻止，需通过本地服务器运行。随后出现ReferenceError，虽能正常输出但仍有报错。最后将html中的JavaScript代码移动至statement.js文件内，彻底解决了报错问题。
-
本文在跟随《重构 改善既有代码的设计 ( 第 2 版 )》运行第一个示例时，遇到了浏览器控制台报错 Uncaught TypeError: invoice.performances is not iterable。排查发现，错误原因在于变量 invoice 被错误地定义为了数组，导致无法访问 performances 属性。通过修改 invoice 的定义去除了多余的数组标记后，代码成功运行，输出符合预期，问题解决。
-
执行 yarn 时报错提示 laravel-mix 的补丁文件无法被解析。通过查看 Git 日志发现补丁文件版本变更，但删除 node_modules 目录并重新安装未能解决问题。参考相关 Issues 使用 npx patch-package laravel-mix 生成补丁后，错误依然存在。最终通过将补丁文件的换行符从 CRLF 替换为 LF，成功解决了该报错并使 yarn 正常执行。
-
在执行 npm run build 命令时遇到了报错提示 Missing script: build，经过检查 package.json 文件，发现 scripts 配置中并未包含 build 脚本。根据报错提示运行 npm run 查看可用脚本列表，确认该项目支持 npm run dev 和 npm run prod。最终执行 npm run dev 成功完成了运行。
-
排查上传图片后 GET 请求响应 500 的问题，根源在于请求地址域名错误。通过分析调用堆栈发现，jQuery 使用 attr 方法设置的图片 src 属性仅为相对路径，导致请求被发送至错误的控制台域名而非正确的 Web 域名。将代码修改为包含正确域名前缀的绝对地址后，再次请求图片资源成功返回 200 状态码，问题解决。
-
针对 Google Chrome 浏览器访问今日头条页面显示空白的问题，通过查看控制台发现涉及接口地址的跨域请求被阻止。在尝试清除数据未果后，对比无痕模式下的正常运行与请求响应差异，推断原因可能是网站版本升级导致的不兼容。最终采取卸载浏览器并勾选删除数据，随后重新安装的方式，成功使页面恢复正常显示。
-
针对Chrome浏览器提示个人博客连接不安全且状态图标显示异常的问题，作者通过查看网页源代码，先后搜索并排查了单引号与双引号包含的HTTP协议前缀链接，尝试将其修改为HTTPS协议后问题依然存在。最终排查发现，引入的搜狗联盟外部脚本文件中包含HTTP协议前缀的资源引用，导致加载不安全脚本，这才是造成警告的根本原因。