✔✔✔缓存：计算属性是基于它们的依赖进行缓存的，只有在依赖变化时才会重新计算。这意味着多次访问同一个计算属性时，计算函数只会执行一次，后续的访问会直接返回缓存的计算结果。✔✔✔响应式：计算属性依赖的数据发生变化时，计算属性会自动重新计算。Vue会自动追踪计算属性的依赖关系，以确保在依赖发生变化时，只重新计算受影响的计算属性。✔✔✔与依赖关系解耦：计算属性与模板中的表达式解耦，可以将复杂的逻辑抽取到计算属性中，使模板保持简洁和易读。✔✔✔可侦听属性：计算属性本身是一个可侦听的属性，你可以在watch选项中监视计算属性的变化。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767#牛客解忧铺#

在Vue.js中，watch和computed都是用于【响应数据变化】的功能，但它们的作用和区别略有不同。🍚watch作用：用于监听数据的变化，并在数据变化时执行相应的操作。可以监听单个或多个数据的变化。watch使用场景：当需要在数据变化时执行💌异步操作、🕕复杂的逻辑判断或👀对多个数据的变化作出响应。🍚computed作用：用于根据已有的数据计算和派生新的数据，并返回计算后的结果。计算属性是基于它们的依赖进行缓存的，只有依赖的数据发生变化时，计算属性才会重新计算。computed使用场景：当需要根据现有数据派生出一些新的数据，并且希望这些派生数据能够自动更新。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767

Canvas是HTML5提供的一种绘图API，它可以通过JavaScript在网页上绘制图形、图像和动画。

制定项目计划： 在项目开始之前，制定一个详细的项目计划，包括里程碑、任务、截止日期和负责人等信息。这将作为跟踪项目进度的基准。使用项目管理工具： 使用项目管理工具（如Trello、Asana、Jira等）来创建项目任务、分配工作和设定截止日期。这些工具可以帮助整个团队在一个可见的平台上跟踪项目进展。制定迭代和里程碑： 将项目拆分为多个迭代和里程碑，并为每个迭代和里程碑设置具体的目标和截止日期。这将使你能够分阶段跟踪项目的进度，并对每个阶段完成的工作量进行评估和报告。使用任务和问题跟踪系统： 使用任务和问题跟踪系统（如GitHub Issues、Jira、Bugzilla等）来记录和跟踪项目中的问题和待办事项。这将有助于团队成员共享项目进展和提出反馈。每日站会： 进行每日站会（Daily Stand-up Meeting），团队成员分享他们的进展、遇到的问题和计划的下一步行动。这有助于整个团队了解项目的当前状态和可能的风险。使用可视化工具和仪表板： 使用可视化工具和仪表板（如看板、甘特图、报表等）来展示项目进展和关键指标。这将使整个团队和利益相关者能够直观地了解项目的状态。定期报告： 定期向项目利益相关者发送项目进展报告，包括完成的工作、遇到的问题、风险和下一步计划等信息。报告应简洁明了，并提供适当的数据和图表来支持进度更新。持续追踪和调整： 持续跟踪项目的进展，并根据实际情况对计划进行调整。持续监测项目的进度、预算和资源分配，及时做出必要的调整和优化。#我的求职思考#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=3c850e207f56463599b3017d0d89a8cc

单元测试： 编写单元测试来验证代码的各个组件和函数的功能是否正常。使用测试框架（例如Jest、Mocha、Chai等）编写自动化的单元测试，并进行测试覆盖率分析，以确保代码的稳定性和质量。集成测试： 执行集成测试来验证不同组件之间的协作和交互是否正确。集成测试可以模拟和测试组件之间的数据传递、请求和响应等情况，以确保系统的各个部分能够正确地集成在一起。端到端测试： 使用自动化工具和框架（如Selenium、Cypress、Puppeteer等）进行端到端测试，以模拟用户在真实环境中的交互和操作。UI测试： 进行用户界面（UI）测试来确保界面元素、布局和样式等视觉方面的正确性和一致性。性能测试： 进行性能测试来评估应用程序的响应速度、吞吐量和负载能力。可访问性测试： 进行可访问性测试，确保应用程序对于各种能力的用户都能无障碍地使用。构建和部署流水线： 在构建和部署流水线中集成自动化测试步骤，以确保每次变更都经过一系列的测试和质量保证流程。Code Review和静态代码分析： 进行代码审查和静态代码分析，以确保代码符合最佳实践、规范和质量标准。日志和错误追踪： 使用适当的日志记录和错误追踪工具，以便在出现问题时能够及时发现、诊断和修复代码中的错误。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=3c850e207f56463599b3017d0d89a8cc

JavaScript中的扩展运算符（Spread Operator）是一种语法，用于将一个可迭代对象（如数组或字符串）展开为逗号分隔的一系列值。它的作用是使得我们能够方便地将一个可迭代对象中的元素复制到另一个数组或函数调用的参数列表中。使用扩展运算符，我们可以在数组字面量或函数调用中使用三个连续的点(...)来展开一个可迭代对象。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0#我的求职思考#

在 JavaScript 中，可以使用 typeof 运算符来判断一个变量是否是数字类型。typeof 运算符返回一个字符串，表示操作数的数据类型。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0需要注意的是，isNaN() 函数对于非数字值进行了隐式转换。因此，如果需要严格判断一个变量是否是数字类型，最好使用 typeof 运算符。

在TypeScript中，接口（Interfaces）是一种用于定义对象的结构⭕和类型🔇的方式。它可以描述对象应该具有的❣❣❣属性、❣❣❣方法和❣❣❣类型约束。通过接口，我们可以明确描述对象的结构🤍🤍和类型约束🤍🤍，提供更好的代码提示和类型检查🤍🤍。接口还可以通过继承（extends）和可选属性（optional properties）等特性进行扩展和灵活使用。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f8842a9cffea4857b416b8fc59e8156e#7g3d0z#我的求职思考#

TypeScript引入了【静态类型检查】，使你能够在开发期间捕获更多的错误。通过类型注解😜和类型推断🕠，你可以定义变量的类型，以及函数参数和返回值的类型。这样可以减少运行时的错误，并提高代码的可读性和可维护性。TypeScript支持【面向对象编程范式】，可以使用类和接口来组织和抽象代码。你可以定义类、继承、接口、泛型等，使代码更具有结构和可复用性。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f8842a9cffea4857b416b8fc59e8156e#7g3d0z#牛客解忧铺#

HTTP（Hypertext Transfer Protocol）和HTTPS（Hypertext Transfer Protocol Secure）是用于在客户端和服务器之间传输数据的协议，它们有以下区别：安全性：HTTP是明文传输协议，数据传输过程中不加密，因此存在安全风险。HTTPS通过使用SSL（Secure Sockets Layer）或TLS（Transport Layer Security）协议进行加密通信，确保数据在传输过程中的机密性和完整性，提供更高的安全性。端口号：HTTP使用默认端口80进行通信，而HTTPS使用默认端口443。证书验证：为了建立HTTPS连接，服务器需要使用SSL/TLS证书来验证其身份。客户端会验证该证书的有效性和可信度，确保与正确的服务器进行通信。这增加了对服务器身份的认证。#我的求职思考#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=02b1742be4564f04b7e1bdf3b39333d7

HTTP请求的内容包括请求行、请求头和请求体。请求行包含请求方法、URL路径和HTTP协议版本。请求头包含附加的信息，如请求的Host、User-Agent、Cookie等。请求体则是一些需要在请求中携带的数据，例如在POST请求中传递的表单数据。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=02b1742be4564f04b7e1bdf3b39333d7

强缓存是通过在服务器响应头中设置缓存策略信息，浏览器在接收到响应后直接从缓存中获取资源。而协商缓存是在请求时与服务器通信，由服务器返回状态码来决定是否使用缓存。

强缓存（Cache-Control 和 Expires）：强缓存是通过在[服务器响应头]中设置相关的[缓存策略信息]，使浏览器在接收到响应后直接从缓存中获取资源，而无需与服务器进行通信。🍨🍨🍨Cache-Control：该响应头字段指定了资源的缓存策略。常见的值包括：max-age=<seconds>：指定资源在缓存中的有效时间，单位为秒。eg:max-age=3600表示资源在缓存中有效一小时。no-cache：表示每次请求都要与服务器进行验证，不能直接使用缓存。no-store：表示不缓存任何请求或响应的内容。🚫🚫🚫Expires：该响应头字段指定了资源的过期时间，是一个具体的日期时间。当浏览器接收到带有 Expires 响应头的资源时，会将资源缓存在本地，并在过期时间之前直接使用缓存。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=5f0bf65b3be04ac8a2beb28f857943a6#牛客解忧铺#

浏览器缓存是指浏览器在访问网页时将一些数据（如HTML、CSS、JavaScript文件、图像等）存储在客户端本地的临时存储空间中。这样，在用户再次访问同一个页面时，浏览器可以直接从缓存中加载这些数据，而无需重新从服务器下载。在浏览器缓存中，可以通过两种方式来控制缓存的行为：强缓存和协商缓存。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=5f0bf65b3be04ac8a2beb28f857943a6#我的求职思考#