![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 65
Zww0891
X
展开
-
动态路由添加404页面后 一刷新就跳404
静态路由表constantRoutes 添加了个404页面然后一刷新,由于getRouter获取路由及其router.addRoutes非常乌龟行为,还带一点异步的赶脚导致addRoutes 没搞完,此时动态路由表还没你要跳转路径的路由就被迫只能跳到path:* redirect=>到path:/404页面了说人话就是,路由等不及了,你后端给我的路由表太慢我就将就着跳到*任意地址的路由去。原创 2024-08-11 15:42:28 · 293 阅读 · 0 评论 -
vue实现简易的全局加载动画效果
v-show绑定loading,该数据可以放vuex还是任一的公共状态管理变量区域。然后App应用这个组件,Z index拉最大,防止用户在加载动画时乱点,封装一个组件,放Img,伪类样式,固定在屏幕fixed。//组件交互相关的代码(数据、方法等等)原创 2024-07-29 20:07:29 · 586 阅读 · 5 评论 -
vue里给img的src绑定数据失效
在v-for遍历数据时想要通过给img的src单向绑定 图片路径时出现问题。上网查说是webpack构建时识别不到,直接不单绑数据,写死试试看。直接require导入图像文件模块。原创 2024-07-29 19:55:09 · 593 阅读 · 0 评论 -
vue实现滚动条下滑时隐藏导航栏,上滑时显示导航栏
监听滚动事件,记录上次的滚动距离,与最新滚动距离做对比,如果为正,说明滚动距离距顶值scrollTop变大,用户正在向下滚动页面,此时隐藏,反之则反,隐藏就是top值给他负导航栏的高度距离就隐藏了。原创 2024-07-28 23:45:50 · 301 阅读 · 0 评论 -
vue路由跳转时改变路由参数组件不渲染问题【已解决】
router路由为了组件复用,防止组件的频繁销毁与创建,在遇到跳转的路由不一致才会进行重新渲染,路径参数变了他是不会管的,只会改变this.$route对象而已。我们可以写一个watch监视this.$route对象。一旦发生变化,则发请求重新渲染。就这个东西/:xxx。原创 2024-07-27 22:32:37 · 458 阅读 · 0 评论 -
vue2文章添加多个标签思路代码及效果展示
效果展示思路data数据结构第一个数组,用来存放标签库,供创建文章时选择第二个数组,用来存放从标签库选中后的标签, 且选中后需在可选的标签库里删除,否则出现同一个标签被多次添加js代码点击输入框,可展示所有标签/也可不展示,取决于组件身上属性(激活时展示or不展示)点击想要的标签,标签库移除,添加到选中数组内移除标签,标签库添加回去(后续还想选),然后从选中数组内移除是不是听的云里雾里?这里放一段gif演示确定的时候就把选中标签数组提交到后台这没什么好说的,数组转字符串扔过去即可原创 2024-07-25 17:03:20 · 676 阅读 · 0 评论 -
vue2集成markdown编辑器及前台渲染
使用set集合的不重复特性,获取所有h标签,后续根据标签名,确定缩进值大小,h1-> 缩进级别为1,根据级别*padding-left的固定值实现分层。结尾设置监听器,等待文章目录的a标签映射上去之后监听,点击后调用高亮方法.将自身作用参数传递过去,增加类样式。操作文章的组件里挂载时判断是编辑还是新增,编辑则获取vuex数据到form表单对象。如果是发布新增,路径参数为0,如果是修改,参数为文章id,以此区分编辑还是发布。监听滚动视窗原理 在以往的文章有提及,可自行查找,这里不过多赘述了。原创 2024-07-21 18:08:30 · 503 阅读 · 0 评论 -
vue+springboot实现主流软件都在使用的二级评论的详细思路及效果展示
由于子评论通常以最早发送的在最上面,也就是升序排列,这里可以使用list身上的api,sort传入Comparator的静态方法comparing根据时间对比如果大的则交换位置,类似于冒泡排序,好像这里还可以传入一个匿名内部类自定义排列规则。由于list列表只能通过下标index,0,1,2,3获取对应的评论,我们这里用map给index映射一个id值,就可以根据评论id来获取list对应的评论。但是如果是这样的话,那我们给二级评论回复时,二级评论的父评论还是二级评论,这样就变成了3级节点。原创 2024-07-21 16:41:58 · 642 阅读 · 0 评论 -
博客都在使用的主题切换使用vue2实现思路
mutation使用commitaction使用dispatch。原创 2024-07-16 01:25:52 · 450 阅读 · 0 评论 -
vue里完成一个简单的评论功能,博客必备
效果展示步骤1-表单收集输入信息<div class="commentorInfo"> <div style="position: relative"> <i class="fa fa-user" style="position:absolute;top: 50%;transform: translateY(-50%)transl原创 2024-07-15 15:03:26 · 737 阅读 · 0 评论 -
vue实现动态文章目录高亮效果,提供全代码及详细讲解
好比电梯门,每次都会进来新的人,只有最后一次进来的人之后,电梯门才会关上,否则每一个人进来了, 都会重置关门倒计时,也就是防止了持续的scroll事件而不持续的触发回调,也就是说不持续的关门开门关门开门。原创 2024-07-13 00:19:52 · 642 阅读 · 0 评论 -
vue里实现点击按钮回到页面顶部功能,博客必备!
回调判断滚动高度是否大于视口高度的1/2如果是,则设置动态样式的opacity为1,不是则隐藏为0。点击按钮触发置顶,scrollTo(0,0)滚动到 x y都为0的位置,也就是左上角。动态绑定样式style,监听点击事件,后续控制opacity透明度。实例及组件挂载后监听。原创 2024-07-11 17:32:07 · 180 阅读 · 0 评论 -
MybatisPlus实现插入/修改数据自动设置时间
使用MybatisPlus的扩展接口MetaObjectHandler。插入数据时自动设置当前时间,更新数据时自动修改日期为修改时的日期。,我们在前端增加一个 时间戳转换的js,引入并在method里调用。不过这里的Date给到前端是时间戳格式的。原创 2024-07-07 18:54:40 · 732 阅读 · 0 评论 -
vue2响应式原理+模拟实现v-model
劫持数据,说的挺好听的,就是加工数据嘛,多了set变化触发了模板重新渲染,该渲染方式使用观察者模式,获取观察者收集的各个dom的所有属性 div,观察的属性,div的属性textContent,同时根据最新值渲染模板。data数据劫持,给data的每个属性增加get和set函数,当值改变时触发观察者的update方法,更新所有与当前属性值相关的dom元素。给每个dom节点增加观察者实例,由观察者群组管理,内部每一个键值含有多个对不同dom的观察者。配置对象传入vue实例。原创 2024-07-06 15:43:19 · 789 阅读 · 0 评论 -
Javascript正则表达式
简写上述的类型。原创 2024-07-06 11:25:18 · 343 阅读 · 0 评论 -
axios的底层实现及手动封装ajax居然这么简单?
关键词promise对象处理异步操作xhr发送请求promise异步操作触发成功/失败回调函数更新状态为成功fulfilled还是rejected根据状态触发then还是catch。通俗点举个例子就是 买了彩票,然后去菜市场买菜,其过程不会被阻塞,也就是不用一直在彩票店等到开奖才做其他事情,留下电话号码,也就是设置回调then还是catch,当中奖了(resolve)触发then回调, 没中奖(reject)触发catch。原创 2024-07-02 19:57:36 · 166 阅读 · 0 评论 -
axios的底层ajax,XMLHttpRequest原理解释及使用方法
ajax全称asychronous JavaScript and XML意思是异步的 JavaScript和xml, 也就是通过javascript创建XMLHttpRequest (xhr)对象与服务器进行通信。原创 2024-07-02 17:28:01 · 720 阅读 · 2 评论