前端

路由传参及跳转方式

路由传参的三种方式 路由跳转有2种方式 1.标签式跳转 router-link 标签跳转 router-link会被解析成a便签 利用a标签的href属性 2.编程式跳转 用js的方式实现跳转 query传参 path 和name都可以 query传对象的时候 一定要先JSON.stringify('参数'), 获取 JSON.parse('参数') query传参地址栏可见 ,问号后就

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa

前端路由跳转白屏?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),以便提升开发效率; 如果我们同时展示、勾选千条数据的时候,页面将会卡主,甚至崩掉; 虚拟列表的方案正是为了解决这类前端大数据量展示、操作卡顿的问题; 虚拟列表原理 虚拟

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

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