水&陌&殇-CSDN博客

原创多个组件复合生命周期顺序

当组件被销毁时，会首先调用子组件的beforeDestroy和destroyed钩子，然后再调用父组件的这两个钩子。这是因为子组件的销毁是父组件销毁过程的一部分，需要确保在父组件销毁之前，所有的子组件都已经被正确销毁。在Vue中，当多个组件复合使用时，它们的生命周期顺序遵循一定的规则，这些规则基于组件的父子关系和Vue的渲染机制。子组件的mounted阶段完成后，会回到父组件的mounted阶段，此时父组件会完成自己的挂载过程，包括将子组件的根元素挂载到父组件的模板中。在这一步，实例仍然完全可用。

2024-08-29 15:48:46 555

原创 VUE MVVM 设计模式

Vue.js的一个显著特点是它的双向数据绑定功能，这主要是通过v-model指令实现的。这意味着，当用户在表单中输入数据时，视图模型会自动更新模型的状态，同时，如果模型的状态发生变化，视图也会自动更新以反映这些变化。ViewModel负责将模型的数据转换为视图可以显示和交互的格式，同时也负责将用户的交互行为转换为对模型数据的修改。在Vue中，ViewModel是通过Vue实例来实现的，它包含了应用的数据（即模型）、逻辑（如计算属性和方法）以及一系列用于将视图与模型绑定的指令和选项。Vue的双向数据绑定。

2024-08-29 15:46:42 397

原创接口返回的状态码

504 Gateway Timeout：作为网关或代理工作的服务器尝试执行请求时，没有从上游服务器或者辅助服务器收到及时的响应。

2024-08-28 15:48:17 409

原创 VUE配置代理服务器

在这个配置中，当请求以/api开头时，所有的请求都会被代理到http://target-server.com。在Vue项目中，配置代理服务器通常是为了解决开发过程中的跨域问题。你可以在项目根目录中的vue.config.js文件中配置devServer.proxy选项来设置代理。现在，当你发送一个请求到/api/some-endpoint时，它会被代理到http://target-server.com/some-endpoint。请确保在配置代理时，目标服务器地址是可以访问的，否则代理将无法工作。

2024-08-28 15:47:33 219

原创 ajax和axios区别

Axios则对Ajax进行了封装，提供了更多的便利功能，如自动转换JSON数据、全局的请求/响应拦截器、直接支持取消请求的能力等。Axios则是基于Promise实现的，这使得我们可以使用更简洁、易于理解和维护的async/await语法。然而，在与前端框架（如React、Vue等）的集成方面，可能需要额外的库（如jQuery）来辅助。Axios和Ajax在Web开发中都是用于处理异步请求的技术，但它们之间存在一些明显的区别。Ajax作为一种基础技术，提供了基本的异步请求功能，但并未提供太多的附加功能。

2024-08-27 09:25:41 1063

原创浏览器网站的加载过程

这个过程涉及多个线程的协同工作，包括GUI渲染线程、JavaScript引擎线程等，它们之间有时会有互斥的关系，以确保页面的正确渲染。

2024-08-27 09:22:35 543

原创 rem，em，vw 区别

通过动态改变HTML根元素的font-size，可以使得整个页面的元素大小按比例缩放，以适应不同屏幕尺寸的设备。在响应式设计和移动端适配中，rem和vw单位通常更为常用，因为它们可以更容易地实现元素大小的自动缩放和适配。em是相对长度单位，它是基于父元素的font-size值。例如，如果一个元素的父元素的font-size是16px，那么该元素的1em就等于16px。em的一个优点是它允许在嵌套的元素中保持一致的缩放比例。然而，这也可能导致布局变得复杂，因为每个元素的尺寸都依赖于其父元素的尺寸。

2024-08-26 12:14:17 358

原创 HTTP请求方式之间的区别

1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。2、PUT请求是向服务器端发送数据的（与GET不同）从而改变信息，该请求就像数据库的update操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次PUT操作，其结果并没有不同。刷新GET请求的页面通常也是安全的，但刷新POST请求的页面可能会导致表单数据的重复提交。

2024-08-26 12:12:33 502

原创 JavaScript 面试经验（2024）

Promise还有一些静态方法，如Promise.all()、Promise.race()、Promise.resolve()和Promise.reject()等，它们提供了对多个Promise对象进行操作的功能。长生命周期的对象持有短生命周期对象的引用：当一个对象的生命周期比它持有的引用对象的生命周期长时，如果长生命周期对象一直持有短生命周期对象的引用，那么短生命周期对象将无法被垃圾回收机制回收，造成内存泄露。请注意，微任务的执行顺序是先进先出（FIFO）的，即先添加到微任务队列中的任务会先被执行。

2024-08-22 15:26:48 1444

qq_37598460的博客