任朝一十六-CSDN博客

原创 TypeScript 与 JavaScript 的区别

例如，TypeScript 中的类可以直接定义公共或私有成员变量，而 JavaScript 中的类需要使用语法糖定义成员变量。TypeScript 需要在编译时将 TypeScript 代码编译为 JavaScript 代码才能在浏览器中运行。TypeScript 引入了静态类型检查机制，可以在编译时检查代码的类型错误，这是 JavaScript 不具备的。同时，由于 TypeScript 可以提供编译时的类型检查，IDE 和编辑器可以提供更好的代码智能感知和错误提示。

2024-02-26 20:22:44 397

原创 Vue3 父子组件传参

【代码】Vue3 父子组件传参。

2024-02-22 20:31:56 388

原创 Vue2和Vue3的区别

vue2中：在使用v-if、vi-else、v-else-if时，为了保证dom节点渲染的正确性，通常需要在对应的节点添加不同的key，以确保vue在进行虚拟dom对比时是准确的；vue3中：在使用v-if、vi-else、v-else-if时，不用提供唯一的key对dom节点进行区分，因为vue内部会自动生成唯一的key，如果你提供了key，那你就要保证它的唯一性；onMounted 组件挂载到页面之后执行。mounted 组件挂载到页面之后执行。beforeUpdate 组件更新之前。

2024-02-21 20:01:56 813

原创 Vue3中 watch、watchEffect 的区别

watch 监听函数可以添加配置项，也可以配置为空，配置项为空的情况下，watch的特点为：有惰性：运行的时候，不会立即执行更加具体：需要添加监听的属性可访问属性之前的值：回调函数内会返回最新值和修改之前的值可配置：配置项可补充 watch 特点上的不足immediate：配置 watch 属性是否立即执行，值为 true 时，一旦运行就会立即执行，值为 false 时，保持惰性。

2024-02-20 18:05:26 369 1

原创 Vue路由的使用（一）

后端路由对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源前端路由对于单⻚面应用程序来说，主要通过URL中的hash ( # 号) 来实现不同⻚面之间的切换。

2024-01-19 20:28:27 318 1

原创 Vue 子组件和父组件执行顺序

组件的调用顺序、销毁操作都是先父后子,渲染完成的顺序是先子后父。简单记法父3—子4–父2–子2–父2–子2-父1。父组件 beforeDestroy。子组件 beforeDestroy。父组件 beforeCreate。子组件 beforeCreate。父组件 beforeUpdate。子组件 beforeUpdate。父组件 beforeMount。子组件 beforeMount。父组件 created。子组件 created。子组件 mounted。父组件 mounted。父组件 updated。

2024-01-18 20:20:56 494 1

原创 Vue 生命周期

从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！beforeCreate: 初始化之前，data和methods的数据还没有初始化作用：⻚面重定向created：初始化之后，data和methods的数据已经初始化，第一个操作data和methods数据的生命周期作用：接口请求数据初始化beforeMount：虚拟的DOM挂载。

2024-01-17 20:25:53 323

原创【无标题】

对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。

2024-01-16 20:38:12 325 1

原创 Vue day01知识点

是一套构建用户界面的渐进式框架，采用自底向上逐层渐进的设计。vue核心概念数据驱动视图，组件化开发。

2024-01-15 20:09:01 337

原创 git 指令

git checkout -b 分支的名字（创建并切换分支）git branch 分支的名字（还在当前分支）git reset --hard 提交点标识。git branch -d 分支的名字。release-*.*.* 版本分支。feature-功能的名字功能分支。git branch -r 远程分支。git branch -a 所有分支。git checkout 分支的名字。git merge 合并的分支名字。git branch 本地分支。合并代码（合并到当前分支）branch分支管理。

2024-01-11 20:34:36 361 1

原创 Vue高频面试题四

bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新。componentUpdated：指令所在组件的 VNode 及其子 VNode 全部更新后调用。

2023-11-27 19:32:10 1186

原创 Vue高频面试题三

自定义一些指令对底层DOM进行操作。Vue里面有许多内置的指令，比如v-if和v-show，这些丰富的指令能满足我们的绝大部分业务需求，不过在需要一些特殊功能时，我们仍然希望对DOM进行底层的操作，这时就要用到自定义指令。

2023-11-27 19:22:53 810

原创 Vue高频面试题二

getter 有点类似 Vue.js 的计算属性，当我们需要从 store 的 state中派生出一些状态，那么我们就需要使用 getter，getter 会接收 state 作为第一个参数，而且 getter 的返回值会根据它的依赖被缓存起来，只有 getter 中的依赖值（state 中的某个需要派生状态的值）发生改变的时候才会被重新计算。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。

2023-11-27 18:25:01 801

原创 Vue高频面试题

也就是说 MVVM 实现的是业务逻辑组件的重用，使开发更高效，结构更清晰，增加代码的复用性。场景：数据操作比较多的场景，需要大量操作 DOM 元素时，采用 MVVM 的开发方式，会更加便捷，让开发者更多的精力放在数据的变化上，解放繁琐的操作 DOM 元素。列表渲染时的唯一性页面上标签都对应具体的虚拟dom对象（JS对象），循环中，如果没有唯一的key，页面上删除一条标签，由于不知道删除的是哪一条，需要吧全部的虚拟dom重新渲染，如果知道key，为标签被删除掉，只需要吧渲染的dom为标签删除即可。

2023-11-27 18:12:51 1194

原创 Vue考试题二

Vuex是一个专为Vue.js应用程序开发的状态管理模式和库.它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。浏览器提供的一种安全协议，主机、协议、端口号只要有一个不一致就会产生同源策略问题，同源策略引起跨域。

2023-11-27 16:38:58 972

原创 vue考试题一

核⼼理念：数据驱动视图，组件化开发是⼀套⽤于构建⽤户界⾯的渐进式框架。是以⾃底向上逐层应⽤，Vue 的核⼼库只关注视图层2、什么是mvc和mvvm1MVC1、model-View-Controller（后端分层开发概念）v（view 视图层）展示数据，发送请求->C（controller调度层）接收数据，相应数据->M（model模型层）处理数据和数据库进行交换数据->数据库2MVVMV（view视图层）展示数据->VM（view-model）连接view和model->

2023-11-27 15:24:13 432

原创 day6 vuex

它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。对state中的数据进行加工（派生），类似vue中的computed，进行缓存，形成新的数据。是一个单一状态树，是vuex中为一个的数据源，我们的数据都是放在state中的。更改 Vuex 的 store 中的状态的唯⼀⽅法是提交 mutation。取getters中的值,通过this.$store.getters，进行统一的状态管理，解决不同组件共享数据的问题。操作，响应在视图上的用户输入导致的状态变化。

2023-10-25 21:01:57 47 1

原创 axios 的使用

OPTIONS : 返回服务器对指定资源数据支持的 HTTP 请求方法，一般用于测试服务器功能的可用性。Axios 是⼀个基于 Promise 的 HTTP 库，可以⽤在浏览器和 node.js 中。HEAD : 返回服务器上对指定资源数据的 HTTP 请求头，在不需要返回全部数据的情况。对服务器返回的状态码进⾏处理，例如，状态码500，进⾏弹框提示“服务器错。TRACE : 回显服务器收到的请求，主要进行功能测试诊断。POST：向服务器提交数据请求处理，数据被包含在请求体中。HTTP的八种请求方式。

2023-10-22 18:17:46 28 1

L197151_666的博客