前端

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

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

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

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

09.《JavaEE 学习笔记》Listener监听器

1、6种监听事件类型 ServletContextEvent 上下文事件,当应用上下文对象发生改变,如创建或销毁上下文对象时,将触发上下文事件。 ServletContextAttributeEvent 上下文属性事件,当应用上下文的属性改变,如增加、删除、覆盖上下文中的属性时,将触发上下文属性事件。 ServletRequestEvent 请求事件,当请求对象发生改变,如创建或销毁请求对象时,

WebRTC 架构概览(整体框架篇)

WebRTC 架构概览(整体框架篇) 本文是 WebRTC 系列专栏的第二篇,将深入剖析 WebRTC 的整体架构,包括浏览器中的实现架构、API 体系、信令流程以及底层媒体引擎 libwebrtc 的结构。 目录 WebRTC 在浏览器中的架构 API 体系详解 WebRTC 信令流程概览 媒体引擎结构(libweb

Vue中的keep-alive是什么意思?以及如何使用

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

React-Hooks之useImperativeHandler

1.什么是useImperativeHandle Hook? useImperativeHandle可以让你在使用ref 时自定义暴露给父组件的实例值,我的理解就是不让外界随便对通过ref拿到的元素进行操作,maybe我们可以称之为“权限配置" 这里出现了ref,小单简单地回顾一下前几天学习的useRef,可以知道ref就是帮助我们获取某个元素而设定的。 But!!!!!我记得当时说过useRef

“Cookie、Session、Token?别再晕了!” 一文带你彻底厘清Web身份认证“铁三角”

引言:Web开发的“灵魂三问”在Web开发的面试或技术讨论中,几乎总有一个问题能精准地探测出一位开发者的基础是否扎实:“能谈谈你对Cookie、Session和Token的理解吗?它们之间是什么关系?”这个问题看似基础,却像一个三棱镜,能折射出开发者对HTTP协议、状态管理、认证授权乃至系统架构的综

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

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