weixin_51416826的博客

这是一个以写作博客为目的的创作活动，旨在鼓励大学生博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。我们诚挚邀请你参加为期14天的创作挑战赛！

虚拟DOM（Virtual DOM）是一种编程概念，它指的是在Web应用中，使用JavaScript对象来模拟真实的DOM树。每个虚拟DOM节点对应着真实DOM树中的一个元素。通过这种方式，可以有效地减少直接操作真实DOM的次数，从而提高性能。虚拟DOM的主要目的是优化用户界面的更新过程。当数据模型发生变化时，不是立即更新真实DOM，而是先更新虚拟DOM。然后通过比较新旧两个虚拟DOM树的差异（这个过程称为Diff算法），找出需要更新的部分，并将这些变化批量地应用到真实DOM上。这样做的好处是可以。

最近基于Vue 3 + Vite搭建的一个笔记网站，使用了Router用于路由管理、Pinia用于状态管理、ESLint + Prettier用于代码规范和格式化、Husky用于Git hooks、lint-staged用于暂存文件检查、commitlint用于提交信息规范。实现了全局主题切换、多端适配等，同时注重性能优化、浏览器兼容等。做这个的主要目的就是想 如果之后用到可以拿来使用。

在JavaScript中，原型（prototype）和原型链（prototype chain）是理解对象如何继承属性和方法的关键概念。原型，它指向另一个对象，这个对象（构造函数.prototype）被称为。

每种存储方式都有其适用场景和限制。在实际应用中，开发者需要根据项目的具体需求来选择合适的存储方式。例如，对于需要长期存储的数据，可以选择 LocalStorage 或 IndexedDB；而对于临时存储的数据，可以使用 SessionStorage。如果需要存储的数据量较大或者需要进行复杂的查询操作，则 IndexedDB 可能是最合适的选择。在前端开发中，有几种常见的方法可以用来在客户端存储数据。对于上一节中所描述的问题。其本质是本地存储技术。

在VUE项目中，我们会遇到页面一刷新个人信息丢失的问题。那么该如何解决呢？下面是我的一些答案。

将路由配置中的组件从常规的静态导入改为动态导入。

事件冒泡描述了事件如何从触发事件的最内层元素开始，逐步向上传播到父元素，直至到达文档的根元素的过程。事件冒泡是前端开发中一个非常重要的概念，它描述了事件如何从触发事件的最内层元素开始，逐步向上传播到父元素的过程。Vue 3 对 TypeScript 的支持更加完善，提供了更好的类型定义，使得类型检查更加精确，同时降低了使用 TypeScript 的门槛。Diff 算法是现代前端框架中的关键技术之一，它通过比较虚拟 DOM 树的变化来最小化实际 DOM 的更新，从而提高应用程序的性能。是两个非常重要的概念。

前面已经了解了axios（），那么在项目中又该如何使用axios来对接后台呢？在 Vue 中对 Axios 进行二次封装是一种常见的做法，这样可以简化应用中的 HTTP 请求，并且可以使代码更加模块化和易于维护。

当我们生成一个Vue3项目后必须要增加一些依赖和配置，比如安装组件库、配置ESLint和Prettier、接下来咱一步步推进~

相比于原生的Ajax，Axios提供了更加方便的API，可以更容易地处理请求和响应，处理错误，并且支持取消请求等功能。总结来说，Axios是Ajax概念的一个现代化实现，它以更现代的JavaScript特性（如Promise）为基础，提供了更便捷、强大的HTTP请求处理能力，特别适合现代Web应用的开发需求。2、ajax技术实现了局部数据的刷新，而axios实现了对ajax的封装。Ajax和Axios都是用于在前端进行数据交互的工具，但它们有一些重要的区别，从使用方式到功能特性都有所不同。

vw(Viewport Width) 是一种长度单位，代表视口宽度的百分比。1vw 等于视口宽度的1%。在网页设计和前端开发中，vw 单位常用于实现响应式设计和屏幕适配，尤其是针对不同尺寸和分辨率的移动设备。

一个中大型项目，一般由团队成员共同开发维护。但每个开发人员都有独特的代码编写风格和不同的文本编辑器。那么如何解决同一项目中有太多不同编码风格的问题？如何实现相同的编码风格，避免团队成员之间的许多警告呢？答案就是：ESLint 搭配 Prettier！！！

对于前端开发人员来说，最难的一步莫过于CSS（是否同感？在最近的项目中学习了一些CSS设置，特意来分享~

Vue 3 相对于 Vue 2 带来了许多改进和优点，这些改进主要是为了提高性能、开发体验和可维护性。但是对于创建项目，Vue3也可以采用跟Vue2相同的方式。