- 博客(85)
- 收藏
- 关注
RSS订阅原创 Vue3-toRef 和 toRefs 函数
- 功能：可以简化语法调用。- toRef - 函数执行时会生成一个对象 ObjectRefImpl ，是一个引用对象，具有value属性（getter 和 setter 属性）
2023-11-28 19:05:06
776
原创 Vue3-toRaw 和 markRaw 函数
- toRaw(转换为原始)：将响应式对象转换为普通对象，只适用于 reactive 生成的响应式对象。- markRaw(标记为原始)：标记某个对象，让这个对象永远都不具备响应式。一些集成的第三方库，会有大量的只读列表，不让其具备响应式是一种性能优化。
2023-11-28 19:03:34
920
原创 Vue3-provide 和 inject 跨组件传递数据
- 功能：将数据从App组件跨过一个组件传递到B组件中- provide：提供数据- inject：接收数据
2023-11-19 11:44:03
471
原创 Vue3-readonly(深只读) 与 shallowReadonly（浅只读）
- readonly(深只读)：具有响应式对象中所有的属性，其所有值都是只读且不可修改的。- shallowReadonly(浅只读)：具有响应式对象的第一层属性值是只读且不可修改的，其他属性值不设为只读。
2023-11-19 11:41:55
867
原创 Vue3-shallowRef 和 shallowReactive函数（浅层次的响应式）
Vue3-shallowRef 和 shallowReactive函数（浅层次的响应式）
2023-11-18 22:16:47
740
原创 Vue3-watchEffect函数
功能：watchEffect 函数在一开始时就会执行一次，而当中的回调函数的属性发生变化，那么watchEffect 就会再执行一次，主要作用还是在于监视回调函数每次的变化。
2023-11-17 23:33:38
283
原创 Vue2&3全局事件总线
- 功能：可以解决所有组件之间通信传数据的问题- 原理：通过一个共享对象，将所有组件全部绑定到对象上，即可通过这个对象实现组件与组件之间的传递数据，而这个共享对象叫做全局事件总线。
2023-11-16 23:29:32
873
原创 Vue3-ref函数、reactive函数的响应式
ref函数通过对数据进行一个包装，然后返回一个全新的对象，叫做引用对象RefImpl在这个RefImpl对象中有一个value属性，而value属性底层调用了`Object.defineProperty`响应式
2023-11-11 11:31:00
468
原创 局部路由守卫component守卫
beforeRouteEnter、beforeRouteLeave都有三个参数： - to参数：to是一个路由对象，表示到哪儿去（跳转的下一个路由组件）。 - from参数：form是一个路由对象，表示从哪来（从哪个路由切换过来的）。 - next参数：next是一个函数，表示允许通过，可以继续向下走。
2023-11-11 11:26:58
257
原创 全局前置路由守卫（beforeEach）
功能：每一次切换任意路由组件之前都会被调用，相当于在进入另一个路由组件之前设置一个权限。 - 路由守卫的存在意义就是在不同的时间，不同的位置，去添加代码。 - 如：Java的filter（过滤器）：在使用哪段代码前先进行过滤（效果类似）
2023-11-09 23:24:46
706
原创 Vue路由组件的缓存keep-alive和include属性
浏览器页面在进行切换时，原有的路由组件会被销毁。通过缓存可以保存被切换的路由组件。
2023-11-02 00:36:09
1135
原创 Vue路由导航（replace、push、forward、back、go）
Vue路由导航（replace、push、forward、back、go）
2023-11-02 00:31:28
1516
原创 消息的订阅与发布机制
功能：可完成任意组件之间数据的传递（同全局事件总线功能一样）区别：与全局事件总线相比，消息的订阅和发布机制需要使用第三方库。我用的是pubsub-js库，其他的第三方库也可以使用，没有具体的限制。
2023-11-01 10:05:48
236
原创 优化计算属性mapState、mapGetters和methods的mapActions、mapMutations
优化计算属性mapState、mapGetters和methods的mapActions、mapMutations
2023-10-28 15:33:14
272
原创 Vuex模块化（modules）与namespaced（命名空间）的搭配
原理：可以对Vuex的actions，mutations，state，getters四个属性综合成一个部分，做成一个模块使用
2023-10-28 15:29:03
685
原创 通过Vue自带服务器实现Ajax请求跨域（vue-cli）
从A页面访问到B页面，并且要获取到B页面上的数据，而两个页面所在的`端口、协议和域名`中哪怕有一个不对等，那么这种行为就叫跨域。
2023-10-27 11:02:22
618
原创 XMLHttpRequest的readyState状态值
在Ajax请求与服务器响应中，是通过XMLHttpRequest对象完成。而readyState状态值则是记录XMLHttpRequest对象在这个过程进行变化的状态。
2023-10-17 11:19:25
1402
原创 LeetCode：84.柱状图中最大的矩形
给定 n 个非负整数，用来表示柱状图中各个柱子的高度。每个柱子彼此相邻，且宽度为 1。求在该柱状图中，能够勾勒出来的矩形的最大面积。
2023-06-03 17:49:01
176
原创 LeetCode：503.下一个更大元素II && 42. 接雨水
给定一个循环数组 nums （ nums[nums.length - 1] 的下一个元素是 nums[0] ），返回 nums 中每个元素的 下一个更大元素。数字 x 的 下一个更大的元素 是按数组遍历顺序，这个数字之后的第一个比它更大的数，这意味着你应该循环地搜索它的下一个更大的数。如果不存在，则输出 -1。给定 n 个非负整数表示每个宽度为 1 的柱子的高度图，计算按此排列的柱子，下雨之后能接多少雨水。
2023-06-03 14:59:14
140
原创 LeetCode：647. 回文子串 && 516.最长回文子序列
子序列定义为：不改变剩余字符顺序的情况下，删除某些字符或者不删除任何字符形成的一个序列。具有不同开始位置或结束位置的子串，即使是由相同的字符组成，也会被视作不同的子串。给你一个字符串 s ，请你统计并返回这个字符串中 回文子串 的数目。给你一个字符串 s ，找出其中最长的回文子序列，并返回该序列的长度。子字符串 是字符串中的由连续字符组成的一个序列。回文字符串 是正着读和倒过来读一样的字符串。
2023-06-01 21:38:04
53
原创 LeetCode：583. 两个字符串的删除操作 && 72. 编辑距离
给你两个单词 word1 和 word2， 请返回将 word1 转换成 word2 所使用的最少操作数。给定两个单词 word1 和 word2 ，返回使得 word1 和 word2 相同所需的最小步数。每步 可以删除任意一个字符串中的一个字符。
2023-06-01 14:46:08
67
原创 LeetCode：392.判断子序列 && 115.不同的子序列
字符串的一个子序列是原始字符串删除一些（也可以不删除）字符而不改变剩余字符相对位置形成的新字符串。（例如，"ace"是"abcde"的一个子序列，而"aec"不是）。给你两个字符串 s 和 t ，统计并返回在 s 的 子序列 中 t 出现的个数。给定字符串 s 和 t ，判断 s 是否为 t 的子序列。题目数据保证答案符合 32 位带符号整数范围。
2023-05-31 22:22:57
98
原创 LeetCode：1143.最长公共子序列 && 1035.不相交的线 && 53. 最大子序和
一个字符串的 子序列 是指这样一个新的字符串：它是由原字符串在不改变字符的相对顺序的情况下删除某些字符（也可以不删除任何字符）后组成的新字符串。给定两个字符串 text1 和 text2，返回这两个字符串的最长 公共子序列 的长度。给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。例如，“ace” 是 “abcde” 的子序列，但 “aec” 不是 “abcde” 的子序列。两个字符串的 公共子序列 是这两个字符串所共同拥有的子序列。
2023-05-31 20:32:25
468
原创 LeetCode：300.最长递增子序列 && 674. 最长连续递增序列 && 718. 最长重复子数组
连续递增的子序列 可以由两个下标 l 和 r（l < r）确定，如果对于每个 l
2023-05-30 17:20:56
62
原创 LeetCode：309.最佳买卖股票时机含冷冻期 && 714.买卖股票的最佳时机含手续费
给定一个整数数组 prices，其中 prices[i]表示第 i 天的股票价格；你可以无限次地完成交易，但是你每笔交易都需要付手续费。如果你已经购买了一个股票，在卖出它之前你就不能再继续购买股票了。给定一个整数数组prices，其中第 prices[i] 表示第 i 天的股票价格。注意：这里的一笔交易指买入持有并卖出股票的整个过程，每笔交易你只需要为支付一次手续费。注意：你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。卖出股票后，你无法在第二天买入股票 (即冷冻期为 1 天)。
2023-05-29 19:43:27
53
原创 LeetCode：123.买卖股票的最佳时机III && 188.买卖股票的最佳时机IV
给定一个整数数组 prices ，它的第 i 个元素 prices[i] 是一支给定的股票在第 i 天的价格，和一个整型 k。设计一个算法来计算你所能获取的最大利润。你最多可以完成 k 笔交易。也就是说，你最多可以买 k 次，卖 k 次。给定一个数组，它的第 i 个元素是一支给定的股票在第 i 天的价格。设计一个算法来计算你所能获取的最大利润。注意：你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。注意：你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。
2023-05-28 19:47:04
58
原创 LeetCode：121. 买卖股票的最佳时机 && 122.买卖股票的最佳时机II
在每一天，你可以决定是否购买和/或出售股票。你也可以先购买，然后在 同一天 出售。你只能选择 某一天 买入这只股票，并选择在 未来的某一个不同的日子 卖出该股票。设计一个算法来计算你所能获取的最大利润。给定一个数组 prices ，它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的价格。给你一个整数数组 prices ，其中 prices[i] 表示某支股票第 i 天的价格。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回 0。返回 你能获得的 最大 利润。
2023-05-28 16:44:59
60
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人