- 博客(14)
- 收藏
- 关注
RSS订阅原创 对vue3的理解以及新特性有哪些
Vue3 是 Vue.js 的最新版本，相比于 Vue2，它带来了许多变化和升级新特性：1）更快的渲染速度：Vue3 通过重写了 reactivity system 和 compiler，显著提高了渲染性能。2）Composition API：Vue3 引入了 Composition API，允许开发者将一个组件的逻辑分割成可复用的逻辑代码块，提高了组件的可复用性，并且使代码更加清晰简洁。
2023-08-11 15:17:47
93
1
原创 Symbol
3）Symbol定义的属性不可以使用for...in进行遍历,可以使用Reflect.ownKeys()获取所有的键名，可以通过Object.getOwnPropertySymbols获取所有的Symbol值。ES6 引入Symbol的原因: 为了给对象的属性，提供独一无二的名字,它是一种原始数据类型， JavaScript 语言 的第七种数据类型,表示独一无二的值，Symbol函数的参数只是表示对当前 Symbol 值的描述，因此相同参数的Symbol函数的返回值是不相等的。为名称的 Symbol 值。
2023-08-09 08:11:30
75
1
原创 单页面应用和多页面应用的区别及优缺点
单页面应用(spa),通俗一点说就是只有一个主页面的应用,浏览器一开始要加载所有的html,js,css 所有的页面内容都包含在这个所谓的主页面中,但是在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源,多应用pc端.单页面缺点: 不利于seo,导航不可用,如果一定要导航需要自行实现前进,后退(忧郁是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理);多页面(mpa): 就是指一个应用中有多个页面,页面跳转是是整页刷新。
2023-08-07 16:43:51
200
原创 浏览器从输入URL到页面加载的全过程
6、服务器处理请求，浏览器接收HTTP响应。2、浏览器查找当前URL的DNS缓存记录。1、浏览器的地址栏输入URL并按下回车。4、根据IP建立TCP连接（三次握手）。3、DNS解析URL对应的IP。8、关闭TCP连接（四次挥手）。7、渲染页面，构建DOM树。5、HTTP发起请求。
2023-08-03 15:06:43
63
原创 Vue中创建的指令有哪些，其作用
9、 v-on:click 给标签绑定函数，可以缩写为@，例如绑定一个点击函数 函数必须写在 methods 里面。2、 v-for 格式： v-for="字段名 in(of) 数组 json" 循环数组或 json。7、 v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误。8、 v-bind 动态绑定 作用： 及时对页面的数据进行更改。1、 v-model 多用于表单元素实现双向数据绑定。6、 v-else-if 必须和 v-if 连用。5、 v-if 显示与隐藏。
2023-08-02 17:11:47
67
1
原创 对Promise的理解
只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为。Promise对象代表一个异步操作，有三种状态：pending（进行中）否浮游的、fulfilled（已成功）和rejected（已失败）瑞杰克他。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。
2023-07-31 09:27:56
26
1
原创 Vue 3.x中pinia有哪些核心属性以及在组件的使用
在组件中使用pinia，需要通过useStore方法来获取一个与组件相关联的状态管理对象。$actions：一个包含所有操作状态的action函数的对象。$getters：一个包含所有状态的getter函数的对象。$state：一个ref对象，用于存储状态数据。
2023-07-30 12:04:30
244
1
原创 什么叫回调地狱以及如何解决?
解决： Promise async/await 通过时间总线 通过发布/订阅模式 Generator。回调地狱是指要执行多个异步操作时，为了保证按顺序向下执行，需要回调函数嵌套回调函数，通过Promise的then方法解决回调地狱问题，代码会变成一行一行的，不会嵌套。通过async，await函数将异步函数以同步的形式执行。这样会导致代码难以理解 难以维护的情况。
2023-07-30 11:56:42
238
1
原创 虚拟dom的理解
概念：虚拟DOM其实就是用一个原生的JS对象去描述一个DOM节点，实际上它只是对真实 DOM 的一层抽象。最终可以通过一系列操作使这棵树映射到真实环境上。相当于在js与DOM之间做了一个缓存，利用patch 耙齿（diff算法）对比新旧虚拟DOM记录到一个对象中按需更新， 最后创建真实的DOM虚拟dom原理流程：模板 ==> 渲染函数 ==> 虚拟DOM树 ==> 真实DOMvuejs通过编译将模板（template）转成渲染函数（render），执行渲染函数可以得到一个虚拟节点树。
2023-07-24 11:33:05
30
原创 对vue3的理解和有哪些新特性
2）Composition API：Vue3 引入了 Composition API，允许开发者将一个组件的逻辑分割成可复用的逻辑代码块，提高了组件的可复用性，并且使代码更加清晰简洁。3）Teleport：Teleport 是 Vue3 中新引入的功能，允许你将一个组件渲染到 DOM 树中的任何位置，使得像模态框这类弹出式组件的实现变得更加容易。4）更好的 Typescript 支持：Vue3 深度整合了 Typescript，提供更好的类型检查和代码补全功能。说一下对vue3的理解以及新特性有哪些。
2023-07-23 19:15:20
138
1
原创 HTTP中get和past的区别
客户机和服务器之间进行请求、响应时，两种最常被用到的方法是：get和post。get：从指定的资源请求数据（从服务器获取数据）post：向指定的资源提交要被处理的数据（向服务器传送数据）
2023-07-19 16:55:33
90
原创 对promise的理解，并用promise封装一个异步请求的方法
当异步操作完成时，可以通过resolve瑞扫 函数将Promise状态从pending变为fulfilled，并传递异步操作的结果；而在异步操作失败时，可以通过reject函数将Promise状态从pending变为rejected，并传递失败的原因。使用Promise可以更方便地管理异步代码，避免了回调地狱（callback hell）的问题，使代码更易读、可维护。在Promise中，异步操作被封装在一个Promise对象中，它代表了一个异步操作的最终完成或失败，并可以获取其结果。
2023-07-17 08:09:40
230
1
原创 vue生命周期详情
一、生命周期有哪些Vue生命周期总共可以分为8个阶段：创建前后, 载入前后,更新前后,销毁前销毁后，的生命周期。生命周期 描述beforeCreate 组件实例被创建之初created 组件实例已经完全创建beforeMount 组件挂载之前mounted 组件挂载到实例上去之后beforeUpdate 组件数据发生变化，更新之前updated 组件数据更新之后beforeDestroy 组件实例销毁之前。
2023-07-16 14:22:44
70
1
原创 深拷贝浅拷贝的区别?
数据分为基本数据类型和引用数据类型基本数据类型：数据直接存储在栈中；引用数据类型：存储在栈中的是对象的引用地址，真实的对象数据存放在堆内存中。
2023-07-11 17:42:42
36
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人