![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 84
重生之我是蔡经理
这个作者很懒,什么都没留下…
展开
-
vue-router 源码分析——9.别名
这是对vue-router 3 版本的源码分析。本章讲解router中别名是如何实现的。原创 2024-07-06 23:40:58 · 603 阅读 · 0 评论 -
vue-router 源码分析——8.重定向
这是对vue-router 3 版本的源码分析。本章讲解router中重定向是如何实现的。原创 2024-07-05 20:26:00 · 824 阅读 · 0 评论 -
vue-router 源码分析——7.命名视图
vue-router 源码分析:命名视图和嵌套命名视图原创 2024-07-04 11:52:52 · 1031 阅读 · 0 评论 -
vue-router 源码分析——6.命名路由
在路由初始化时,收集所有用户定义的命名路由记录到 nameMap 字典结构中。在路由匹配时,通过name作为key,从 nameMap 中取出对应的路由记录,以此来生成对应url的路由。命名路由的匹配时间复杂度要优于路径匹配(hashmap-getter 和 数组遍历),所以理论上命名路由的匹配时间要少于路径匹配。如果项目有大量路径匹配的路由时,可以转换成命名路由来优化匹配。原创 2024-06-13 21:01:13 · 862 阅读 · 0 评论 -
vue-router 源码分析——5.编程式导航
1.Vue-Router的push、replace、go都是对window.history的pushState、replaceState、go的封装。2.利用了“洋葱模型"将router的相关功能(路由守卫、钩子函数等)加入到url跳转的过程中3.利用上面的设计模式,在保证业务解耦的前提下,完全可以达到官网说的“Vue Router 的导航方法 (push、 replace、 go) 在各类路由模式 (history、 hash 和 abstract) 下表现一致。原创 2024-06-10 19:34:58 · 859 阅读 · 0 评论 -
vue-router 源码分析——4.嵌套路由
这是对vue-router 3 版本的源码分析。本章讲解router中嵌套路由是如何实现的。原创 2024-06-08 16:58:33 · 517 阅读 · 0 评论 -
javascript中的flat和faltmap的区别
JavaScript 中的 flat 和 flatMap 是数组方法,它们用于处理嵌套数组(即数组中的元素也是数组)。flat 方法用于将嵌套数组“展平”成一个新数组,但不会改变原始数组。flatMap 方法首先使用提供的映射函数对数组中的每个元素进行映射,然后将结果展平到一个新数组中。与 map 方法不同,flatMap 会将映射函数返回的每个数组展平,而不是保留它们作为嵌套数组。这使得 flatMap 特别适合于处理嵌套数组,并且想要将嵌套的元素映射到一个单一的数组中的情况。原创 2024-06-06 22:21:07 · 175 阅读 · 0 评论 -
vue-router 源码分析——3. 动态路由匹配
这是对vue-router 3 版本的源码分析。本章讲解router中动态路由匹配是如何实现的。动态路由匹配,path-to-regexp,匹配优先级。原创 2024-06-06 22:13:50 · 706 阅读 · 0 评论 -
vue-router 源码分析——2. router-link 组件是如何实现导航的
vue-router中 router-link 组件是如何实现导航的。recolve返回的对象里面的内容主要为location, route , href。location是标准化后的to,并且打上了标记表示已标准化,防止多次标准化,提升效率。route是通过遍历pathList和pathMap,利用正则表达式找到的和to匹配的路由对象,里面包含很多需要的内容。href在默认的hash模式下,会在to的前面加上#号,例如这里的’#/foo’。原创 2024-06-04 21:41:16 · 833 阅读 · 0 评论 -
vue-router 源码分析——1. 路由匹配
这是对vue-router 3 版本的源码分析。本章讲解router中创建vue-router 实例时内部发生了什么。原创 2024-06-03 19:48:59 · 1299 阅读 · 0 评论 -
VUEX 3.x源码分析——9. 严格模式
这是对vuex3版本的源码分析。本章讲解vuex中模块的严格模式的相关内容。原创 2024-06-02 17:32:31 · 291 阅读 · 0 评论 -
VUEX 3.x源码分析——8. 插件开发
store实例化时,接受一个plugins对象,其值为数组,数组的每个元素为函数,函数只接受store为唯一参数实例化时,遍历这个数值并执行函数。这个函数就是开发的插件...原创 2024-06-02 17:24:06 · 228 阅读 · 0 评论 -
VUEX 3.x源码分析——1. 理解state
这是对vuex3.x版本的源码分析。本章只讲解vuex中的state,这也是vuex官网中“核心概念”的第一个。原创 2024-05-19 21:49:05 · 943 阅读 · 1 评论 -
VUEX 3.x源码分析——7. 模块的动态注册和卸载
这是对vuex3版本的源码分析。本章讲解vuex中模块的动态注册和卸载的相关内容。原创 2024-06-01 21:30:00 · 907 阅读 · 0 评论 -
VUEX 3.x源码分析——6. 理解命名空间namespace
这是对vuex3版本的源码分析。本章讲解vuex中的命名空间namespace对整体的影响。例如模块内部的 mutation,getter和action。在带命名空间的模块内访问全局内容。在带命名空间的模块注册全局 action。mapState, mapGetters, mapActions 和 mapMutations 这些函数来绑定带命名空间的模块。原创 2024-06-01 16:01:41 · 1344 阅读 · 0 评论 -
VUEX 3.x源码分析——5. 理解Module
这是对vuex3版本的源码分析。本章只讲解vuex中的Module,这也是vuex官网中“核心概念”的最后一个。原创 2024-05-30 22:13:17 · 742 阅读 · 0 评论 -
VUEX 3.x源码分析——4. 理解Action
这是对vuex3版本的源码分析。本章只讲解vuex中的Actions,这也是vuex官网中“核心概念”的第四个。原创 2024-05-29 22:51:25 · 788 阅读 · 0 评论 -
VUEX 3.x源码分析——3. 理解Mutations
这是对vuex3.x版本的源码分析。本章只讲解vuex中的Mutation,这也是vuex官网中“核心概念”的第三个。原创 2024-05-28 17:32:54 · 818 阅读 · 0 评论 -
VUEX 3.x源码分析——2. 理解Getter
这是对vuex3.x版本的源码分析。本章只讲解vuex中的getters,这也是vuex官网中“核心概念”的第二个。原创 2024-05-23 20:04:00 · 797 阅读 · 1 评论 -
vue页面多个数量不定的table如何增加拖动功能
在前端开发中,遇到一个页面是由一个Tabs 标签页组成,每个标签页下面有多个数量不定的表格(可以通过页面提供的按钮来增删表格)。每个表格都要实现自己内的每行数据可拖动的功能。2. 需要一个收集所有 draggable class的函数,在初始化页面、增加表格、删除表格时调用。2是因为在拖动结束后需要对数据进行操作,所以在拖动的时候,如何确定拖动的是哪个表格。这里用来实现拖动的工具是 sortablejs, 前端组件为element ui。1是由于表格数量是不确定的,如果找到每个表格来激活拖动功能。原创 2023-01-11 10:36:57 · 610 阅读 · 3 评论