前端

微信小程序——全局数据共享

全局数据共享,也叫做状态管理,是为了解决组件/页面之间的数据共享问题 开发中常用的数据共享方案有 Vuex、redux、MobX 等 小程序中的数据共享方案 使用 mobs-miniprogram 配合 mobs-miniprogram-bindings 实现数据共享 mobs-miniprogram 用来Store创建实例对象 mobs-miniprogram-bindings 用来把St

六十天前端强化训练之第三十天之深入解析Vue3电商项目:TechStore全栈实践(文结尾附有源代码)

=====欢迎来到编程星辰海的博客讲解====== 看完可以给一个免费的三连吗,谢谢大佬!目录深入解析Vue3电商项目:TechStore全栈实践一、项目架构设计二、核心功能实现三、组合式API深度实践四、性能优化实践五、项目扩展方向六、开发经验总结完整实现代码模块1

vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug

vue中,我们有时候需要实现这种场景: 1.搜索页面到列表页面,需要刷新重新获取数据。 2.从详情页面返回列表页面需要记住上次浏览的状态。具体流程如下: 效果图 第一步:在路由配置文件中为列表页设置meta参数,里面包含useCatch和keepAlive { path: "/sportPrdtList", name: "sportPrdtList",

前端路由跳转白屏?Vue 的 router.afterEach () 指令加加载态,体验飙升

前端路由跳转时出现白屏是 Vue 项目中常见的用户体验问题,尤其在页面资源加载较多或网络不佳时更为明显。本文将深入剖析路由跳转白屏的成因,重点介绍如何利用 Vue Router 的 router.afterEach () 钩子函数结合加载态设计,有效解决这一问题。内容涵盖白屏产生的技术原理、加载态实现的具体步骤(包括全局状态管理、加载组件设计

【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题

show1.jpg 为什么需要虚拟列表 日常开发中,经常需要处理一个大数据量的列表,可能是需要展示、勾选等; 如果我们用html原生的标签实现,性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui),以便提升开发效率; 如果我们同时展示、勾选千条数据的时候,页面将会卡主,甚至崩掉; 虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题; 虚拟列表原理 虚拟

可视化大屏项目适配 vue(方案一)

选择的适配方案 设计稿是1920px flexible.js 把屏幕分为 10 等份 ( flexible.js 中可修改 ,默认为 10 ) image.png 新建 vue 项目,项目目录如下 image.png src / assets 文件下创建一个新的文件夹 css, css 文件夹下新建一个base.css文件用于定义全局样式 html, body,

vue灵魂拷问

1、说说Vue的优缺点 优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开 缺点:单页面不利于seo,不支持IE8以下,首屏加载时间长 2、为什么说Vue是一个渐进式框架 渐进式就是你想用 vuex 就用,不用也行,你想用 component 就用,不用也可以,或者你可以选择不用,或者只选几样去用 3、MVVM是什么?和MVC有何区别呢? MVVM VM: 也就是

SpringBootWeb 篇-深入了解 ThreadLocal 存在内存泄漏问题

🔥博客主页: 【小扳_-CSDN博客】 ❤感谢大家点赞👍收藏⭐评论✍ 文章目录        1.ThreadLocal 概述        2.ThreadLocal 的主要缺点:        2.1 存在内存泄漏        2.2 为什么ThreadLocalMap 的 key 是弱引用?        2