前端
前端路由跳转白屏?Vue 的 router.afterEach () 指令加加载态,体验飙升
前端路由跳转时出现白屏是 Vue 项目中常见的用户体验问题,尤其在页面资源加载较多或网络不佳时更为明显。本文将深入剖析路由跳转白屏的成因,重点介绍如何利用 Vue Router 的 router.afterEach () 钩子函数结合加载态设计,有效解决这一问题。内容涵盖白屏产生的技术原理、加载态实现的具体步骤(包括全局状态管理、加载组件设计
vite + vue3多页面配置记录references,loadEnv等
目的:使用vite创建vue3项目记录细节点
上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的,现在对比一下vite感受一下极速开发体验
增:下一篇vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint
第一部分:项目基础配置ts相关: lib, references
React-Hooks之useImperativeHandler
1.什么是useImperativeHandle Hook?
useImperativeHandle可以让你在使用ref 时自定义暴露给父组件的实例值,我的理解就是不让外界随便对通过ref拿到的元素进行操作,maybe我们可以称之为“权限配置"
这里出现了ref,小单简单地回顾一下前几天学习的useRef,可以知道ref就是帮助我们获取某个元素而设定的。
But!!!!!我记得当时说过useRef
网络请求库 – axios库
1.认识Axios库
Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中发送网络请求。
1.1 Axios的优点
XMLHttpRequest,fetch是高级一点的原生
原生的缺点:
1.需要自己来封装原生。
2.原生某些功能不具备,你需要自己来完成请求拦截,响应拦截等。
3.js可以跑在浏览器和node上面,但是原生的fetch是不能工作在node中
【业务实例】vue用虚拟列表解决万条数据勾选卡顿问题
show1.jpg
为什么需要虚拟列表
日常开发中,经常需要处理一个大数据量的列表,可能是需要展示、勾选等;
如果我们用html原生的标签实现,性能到还好。但是现在大多都是用第三方组件库开发(例如element-ui),以便提升开发效率;
如果我们同时展示、勾选千条数据的时候,页面将会卡主,甚至崩掉;
虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题;
虚拟列表原理
虚拟
Llama 4重磅开源标志着Llama 4与Apple Silicon的协同创新:多模态架构与硬件适配的全面解析
🌟 嗨,我是Lethehong!🌟
🌍 立志在坚不欲说,成功在久不在速🌍
🚀 欢迎关注:👍点赞⬆️留言收藏🚀
🍀欢迎使用:小智初学计算机网页IT深度知识智能体
🚀
SpringBootWeb 篇-深入了解 ThreadLocal 存在内存泄漏问题
🔥博客主页: 【小扳_-CSDN博客】 ❤感谢大家点赞👍收藏⭐评论✍
文章目录 1.ThreadLocal 概述 2.ThreadLocal 的主要缺点: 2.1 存在内存泄漏 2.2 为什么ThreadLocalMap 的 key 是弱引用? 2