前端技能

分享一些，我日常经常用来，提升效率 和 代码质量的， 一些小技巧。 通过本文，您可以了解如何通过清晰的解释、代码示例和图像编写更简洁、高效和可读的代码。 变量声明和赋值 日常，变量声明 和 赋值都是多

通常情况下，我们会通过 Vue 提供的  ref() ,  reactive()  甚至是 computed 来存储状态。 但，其实还有另一种不太容易的方法来存储状态，那就是通过 URL 的 查询参数

在使用 Electron 开发音视频项目的时候，我们不可避免会 遇到桌面共享这种场景。 webRTC 提供了，  getUserMedia  方法用于采集 用户媒体数据。比如摄像头，麦克风。   设置

CI / CD 是持续集成 (Continuous Integration) 和持续部署 (Continuous Delivery) 的缩写。CI / CD 是一种软件开发实践，通过自动化的方式将代码

网站打开速度决定了用户对企业的第一印象。 更高的性能会帮助企业带来高回访率， 转化率，参与度等各方面的好处。 通过减少网页加载时间，能提升企业形象和用户更好的使用体验。 本文将教会你如何提升网站性能的

Vue.js 是一个流行且强大的 JavaScript 框架，它允许我们构建动态和交互式 Web 应用程序。 然而，与任何软件一样，Vue.js 应用程序有时会遇到内存泄漏，从而导致性能下降和意外行为

大型应用程序最关键和最具挑战性的方面之一是良好且合理的文件结构。在考虑使用微前端将代码库分解为多个应用程序之前，可以遵循一些步骤来改进项目级别的架构，并使转换更容易（如果您考虑过这条路径）。

对于 Composition API，状态声明必须使用Ref 和 Reactive 函数来实现，这两个函数的行为表现也不一样。 让我们讨论一下 Vue 3 中发生了什么变化

在当今现代前端开发的领域，模拟数据在测试、调试以及展示阶段发挥着关键作用。然而，手动创建大量的模拟数据常常是繁琐而耗时的过程，而正是在这个问题上，DummyJSON 工具库应运而生。

Vue + Pinia大家都会用。但是你会用单元测试驱动去开发你的 vue3 项目吗？本文带你学习如何用测试驱动去开发一个vue3的工程。

适配器是一种结构型设计模式，它能使不兼容的对象能够相互合作。 适配器可担任两个对象间的封装器， 它会接收对于一个对象的调用， 并将其转换为另一个对象可识别的格式和接口。

代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。 代理模式是一种非常有意义的模式，在生活中可以找到很多代理模式的场景。

单例模式定义 保证一个类仅有一个实例，并提供一个访问它的全局访问点。这时我们将这种编程范式称之为单例模式。