- 博客(112)
- 收藏
- 关注
RSS订阅原创 Vue学习笔记-Vue3中的Teleport组件
如上述代码所示，teleport中的html元素被传送至body中，无论谁调用该组件。该组件的作用一般用于CSS样式，Teleport能够将写在其中的组件传输到指定位置。
2023-12-15 14:56:53
137
原创 Vue学习笔记-Vue3中的customRef
创建一个自定义的ref，并对其依赖项的更新和触发进行显式控制。描述：向输入框中输入内容，在下方延迟1秒展示输入内容。
2023-12-14 17:15:35
108
原创 Vue学习笔记-Vue3中的toRaw和markRaw
使用场景：有些值不应该被设置为响应式的，例如第三方类库，或者渲染一些不可变的复杂对象（包含多层嵌套对象）时，跳过响应式可以提高性能。使用场景：用于读取响应式对象对应的普通对象，对该普通对象的所有操作不会引起页面更新。作用：标记一个对象，使其不再成为响应式对象。生成的响应式对象转为普通对象。
2023-12-14 15:14:44
172
原创 Vue学习笔记-Vue3中的readonly和shallowReadonly
备注]：上述应用场景一般用在不希望响应式数据被修改时（例如，某个响应式数据来自于别的模块，而自己负责的模块只是需要读取使用，而不用修改）
2023-12-14 11:28:40
140
原创 Vue学习笔记-activated和deactivated生命周期
定义一个NewsVue组件，要求：当该组件出现时，部分字体的透明度周期性变化，当该组件被切换走时，需要被缓存，但需要注销其定时器。所独有的2个生命周期。
2023-12-05 15:51:08
192
原创 Vue学习笔记-＜router-link＞的replace的属性
是追加历史记录（将浏览的url请求入栈），replace则是替换当前记录。作用：控制路由跳转时操作浏览器历史记录的模式。，前者为简写，后者为全写。
2023-12-04 11:12:25
171
原创 Vue学习笔记-路由的基本使用
实现组件切换，在App.vue中编写如下内容(active-class类用于动态地为选中的标签添加样式)在src路径下创建router文件夹，并创建index.js文件，该文件用于配置路由规则。在main.js中导入vue-router模块，并且使用vue-router插件。vue2 要下载vue-router3。vue3 要下载vue-router4。指定展示切换的组件的位置。
2023-11-30 10:10:09
1386
原创 Vue学习笔记-模块化+命名空间
注意：mapActions和mapMutation中无法填写函数参数，需要在html组件的@click方法声明中自己填写。让代码更好维护，让多种数据分类更加明确（不同的模块挤在一个index.js中显得臃肿且不方便管理）开启命名空间后，组件读取各个模块的state数据。(也可以将不同模块分别写在不同的js文件中)组件读取各个模块的getters数据。组件调用dispatch。组件调用commit。
2023-11-29 14:45:26
180
原创 Vue学习笔记-Vuex四个map方法的使用
是ES6语法，表示将该的对象所有属性展开，放入其所在上级对象中。配置完毕之后，当组件访问state中的数据，可以由原来的。配置完毕后，当组件访问getters中的数据，可以由。帮助我们生成与mutations对话的方法，即包含。帮助我们生成与actions对话的方法，即包含。
2023-11-28 16:21:40
171
原创 Vue学习笔记-Vuex中getters的使用
当Vuex中state里的数据需要加工后再使用,并且希望复用时，可以使用getters加工。在/store/index.js中追加getters配置。
2023-11-28 10:44:19
167
原创 Vue学习笔记-Vuex基本使用
备注]：actions对象中的方法一般涉及到业务逻辑的判断或者网络请求，而mutations中的方法一般直接操作数据，如果组件调用的方法不涉及网络请求或者业务逻辑判断（即方法比较简单无脑），则可越过actions，直接调用mutations中的方法（调用commit方法）初始化数据、配置actions、mutations，操作文件/store/index.js。组件中修改Vuex中的数据。
2023-11-28 10:18:30
268
原创 Vue学习笔记-搭建Vuex
在Vue实现集中式状态（数据）管理的一个插件，对Vue中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间的通信方式，适用于任意组件间的通信。多个组件需要共享数据时。
2023-11-24 16:54:33
325
原创 Vue学习笔记-插槽
作用：让父组件可以向子组件的指定位置插入html结构，也是一种组件间的通信方式，适用于父组件===>子组件。分类：默认插槽、具名插槽、作用域插槽。
2023-11-20 11:13:25
84
原创 Vue学习笔记-配置代理服务器（用于解决跨域问题）
跨域问题指的是在 Web 应用程序中，由于同源策略的限制，导致浏览器无法发送跨域请求，也无法获取跨域响应的问题。同源策略是浏览器的一种安全策略，它要求 Web 应用程序只能访问与当前页面具有相同协议、主机名和端口号的资源。如果不同源的 Web 应用程序需要通信，就需要进行跨域请求。但由于同源策略的限制，浏览器不允许跨域请求。在此情况下，如果前端需要访问其他域名下的资源，就会出现跨域问题。为解决跨域问题，可以由前端（或者后端）来进行相应配置。这里来介绍前端Vue项目配置代理服务器来解决跨域问题的方法。
2023-11-16 10:36:08
363
原创 Vue学习笔记-消息订阅与发布(pubsub)
3. 数据接收方（A组件）：A组件订阅消息，并且订阅消息的回调函数留在A组件自身。一种组件间的通信方式，适用于任意组件间通信。1. 安装pubsub第三方库。
2023-11-14 17:03:51
248
原创 Vue学习笔记-全局事件总线
一种支持所有组件间的通信方式（原理：相当于提供一个全局对象，这个对象能够被任意组件访问到，并且这个对象能够调用Vue内置函数）3.1 数据接收方:需要绑定自定义事件,在组件即将销毁的时候，解除对应的事件绑定。最好在 beforeDestory( )钩子中使用$off方法解除自定义事件的绑定。
2023-11-14 14:43:28
239
原创 算法笔记--最大连续1的个数Ⅲ
给定一个二进制数组 nums 和一个整数 k，如果可以翻转最多 k 个 0 ，则返回 数组中连续 1 的最大个数。这里可以转换思路，让题意更加明确:即，求一个最大连续区间，要求该区间中的0的个数最多为k个。如果当前窗口0的个数以满足k个，则强制移动窗口左侧left，直到left“吐出”一个1。如果当前窗口0的个数不足k个（<K）则更新窗口中0的个数。遇到1了，就记录当前窗口大小，并记录窗口最大值。
2023-09-07 17:00:32
394
1原创 使用fastjson解析以及赋予json数据时，json字段顺序不一致问题
使用fastjson解析以及赋予json数据时，json字段顺序不一致问题
2022-07-22 16:01:54
1675
原创 如何从Servlet中的HttpServletRequest参数中获取json
如何从Servlet中的HttpServletRequest参数中获取json
2022-07-22 11:06:00
7301
原创 算法心得----重新认识二分排序
题目描述思路这里其实是找出数组类型为:[***********############]中，第一个出现的#的问题，可以归类为二分查找，但是这道题不能视为普通的二分查找问题：普通的二分查找模板是：定义左边界 left定义右边界 right定义中间值 mid = (left + right)/2但是这道题应该将中间值定为： mid = left + (right-left)/2原因是：当left和right都是int类型时，如果两个值的初始值都超过int限定大小的一半，那么left+ri
2022-05-21 16:32:12
110
原创 算法心得----后继者（中序遍历+双指针）
题目描述思路题目很明显是需要中序遍历，这里需要找到中序遍历中，指定节点的后继节点（中序遍历的顺序是：左根右），即，可能会存在寻找左子节点的父节点情况，这里，最简单容易想到的是双指针+中序遍历非递归，其中一个指针用来遍历，另一个指针则指向当前遍历节点的上一个节点代码/** * Definition for a binary tree node. * public class TreeNode { * int val; * TreeNode left; * TreeN
2022-05-16 18:34:36
257
原创 算法心得----阶乘之和取模
算法描述思路这里需要知道一个取模公式：(n1+n2+n3+....+n)%MOD = (n1%MOD + n2%MOD+...+n%MOD)%MOD代码public static void main(String[] args) { int MOD = 1000000; Scanner sc = new Scanner(System.in); int n =sc.nextInt(); int k=1; //阶乘层数 i
2022-03-28 15:18:49
1011
原创 算法心得----求a的n次方除以m的余数
题目描述输入 a,n,m试求出a的n次方除以m的余数代码import java.util.Scanner;public class Anm { public static void main(String[] args) { //求a的n次方除以m的余数 Scanner sc = new Scanner(System.in); int a = sc.nextInt(); int n = sc.nextInt();
2022-03-28 15:00:21
992
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人