vue路由懒加载

Vue路由新页面打开的方法总结

我们做前端的话基本上都是使用单页面进行页面转换的，可以通过Vue路由使用新页面并传递参数，实现超链接打开新页面。
大海龟啦啦啦·2023-12-01 15:50

pdfjs，pdf懒加载

PDF.js支持懒加载，也就是说，它可以在用户滚动页面时才加载PDF文档的某些部分，从而减少初始加载时间和内存占用。
Wxinin·2023-12-01 14:19

JavaWeb开发全流程笔记

.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备NodeJS安装和Vue-cli安装vue项目Vue组件库Element组件的使用Vue
不会写算法的小王·2023-12-01 13:51

Webpack 懒加载

文章目录前言懒加载示例后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。
鋜斗·2023-12-01 11:50

UI基础-day05-Shopping-08Xib-09商品的增加和删除功能

day02-Shopping-03九宫格排序UI基础-day02-Shopping-04优化添加和删除功能UI基础-day02-Shopping-05加载数据UI基础-day02-Shopping-06懒加载
js_huh·2023-12-01 06:03

设计模式总览

《deadaid》--DambisaMoyo1、创建型模式1.1、单例模式确保一个类最多只有一个实例，并提供一个全局访问点，可以分为预加载和懒加载。1.2、原型模式通过复制现有的实例来创建新的实例，
ambition_forever·2023-11-30 20:18

vue3 父组件与路由子组件相互调用

Framework.vueMain.vue可以直接在绑定事件监听Framework.vueMain.vue可以使用\的组件写法Framework.vueMain.vue父组件中调用路由子组件中的方法Framework.vueMain.vue
ps酷教程·2023-11-30 16:23

Mybatis框架（4）

在查询用户时，用户下的账户信息应该是，什么时候使用，什么时候查询在查询账户时，账户的所属用户信息应该是随着账户查询时一起查询出来2、概念延迟加载：在真正使用数据时才发起查询，不用的时候不查询，即按需加载（懒加载
魔笛使者·2023-11-30 12:06

前端小白基础面试题

#Vue路由分为history和hashhash路由特点有#hash模式所有的工作都是在前端完成的，不需要后端服务的配合,因此改变hash不会重新加载页面。
前端小小白菜·2023-11-30 11:20

【Vue2】VueRouter

对应的优化方法：1.路由懒加载、代码压缩、CDN加速、网络传输压缩、2.SSR服务器端渲染。路由：后端路由：请求方式、请求地址与fu
JS.Huang·2023-11-30 11:47

前端性能优化

加载慢，交互卡web性能：打开速度，动画效果，表单提交，列表滚动，页面切换定义：客观度量和可感知的用户体验减少整体加载时间：减少文件体积减少http请求使用预加载使网站尽快可用：仅加载首屏内容，其他内容懒加载平滑和交互性
BonnieYY·2023-11-30 02:11

数据懒加载（Vue3）

导入资源导入用到的属性useIntersectionObserver函数我们可以使用`@vueuse/core`中的`useIntersectionObserver`来实现监听进入可视区域行为，但是必须配合vue3.0的组合API的方式才能实现。1.UseIntersectionObserver函数参数：observerList：由被观察目标所组成的数组，数组项是由React.createRef构
沃德麻鸭·2023-11-30 01:22

vue项目---vue路由操作

目录202221336029-网安22111.基础路由的挂载1.封装到文件2.路由器的基本操作1.高亮显示高亮实现高亮显示与模糊匹配自定义高亮名称2.导航传参1.静态传参2.动态传参3.可选符号：3.总结：202221336029-网安22111.基础路由的挂载首先要在项目中下载router组件。1.封装到文件在router下建立router.js。将其他组件引入，同时要引入vue将VueRout
夜间飛行·2023-11-30 00:57

Spring源码剖析4：其余方式获取Bean的过程分析

原型Bean加载过程之前的文章，分析了非懒加载的单例Bean整个加载过程，除了非懒加载的单例Bean之外，Spring中还有一种Bean就是原型（Prototype）的Bean，看一下定义方式：126789
程序员黄小斜·2023-11-29 19:39

vue路由1.0_01、笔记：vue 路由传参（参数为对象）

vue中路由跳转传参数有多种,自己常用的是下面的几种通过router-link进行跳转通过编程导航进行路由跳转1.router-link:to="{path:'yourPath',params:{name:'name',dataObj:data},query:{name:'name',dataObj:data}}">1.path->是要跳转的路由路径,也可以是路由文件里面配置的name值,两者都可
weixin_39620279·2023-11-29 16:56

el-tree分页懒加载的实现

功能描述：项目要求el-tree懒加载，因为树结构中的数据太多，所以每层节点需要使用分页多次加载，具体的实现效果如下图：实现思路:懒加载很简单,参照element-ui文档即可根节点的加载更多也简单,记录初始的
AmyGeng123·2023-11-29 15:24

Spring源码解读之创建bean过程中的加载类、实例化前、实例化

在spring获取一个bean时，如果是非懒加载的bean,会先在单例池中获取，如果没有获取到，则需要进行bean的创建。那么bean的创建需要经过哪些步骤呢？
瑜伽娃娃·2023-11-29 15:35

前端入门（四）Ajax、Promise异步、Axios通信、vue-router路由

文章目录AjaxAjax特点Promise异步编程（缺）Promise基本使用状态-PromiseState结果-PromiseResultAxios基本使用Vue路由-vue-router单页面Web
椛丿未眠”·2023-11-29 12:44

第39章 简述图片懒加载的实现原理

这就是图片懒加载。二、作用减少或延迟请求数，缓解浏览器的压力，增强用户体验。
kzc爱吃梨·2023-11-29 11:02

前端开发【vue开发技巧】日常总结

vue开发技巧前端开发优雅更新propsprovide/inject小型状态管理器卸载watch观察自定义指令获取实例优雅注册插件自动化引入模块路由懒加载(动态chunkName)前端开发优雅更新props
️不倒翁·2023-11-29 04:38

实战中使用的策略模式，使用@ConditionalOnProperty实现根据环境注册不同的bean

场景复现举个例子，针对不同的设备的内存的不同加载一些资源的时候需要采取不同的策略，比如，在内存比较大的设备，可以一次性加载，繁殖需要使用懒加载，这个时候我们就可以采用配置文件+配置中心去控制了@ConditionalOnProperty
[奸笑]这个不是斜眼笑[奸笑]·2023-11-28 21:52

vue路由切换时取消上个页面的异步请求

背景：我们经常会遇到当前页面未加载完毕时跳转路由或者返回操作,但是通过network会发现,若网络环境较差的情况下,会一直pending,切换路由后在network中添加新的请求但是正在pending的请求依然存在.当我们在项目中做了一个上拉加载分页的时候会一直加载中,用户等待不耐烦后可能会主动触发返回操作,但是此刻即使用户触发返回操作,加载分页的请求还是存在,页面还是会一直提示加载中,直到该请求
tel*·2023-11-28 12:59

VUE路由跳转前清除所有请求

VUE路由跳转前清除所有请求//axios.js文件//http请求拦截器constCancelToken=axios.CancelToken;axios.interceptors.request.use
你的眼睛會笑·2023-11-28 12:29

vue离开当前路由销毁当前路由_vue路由切换终止请求

问题：在SPA模式开发当中，比如VUE，当前路由切换的时候如何终止正在发生的异步请求呢，结果：假如请求超时并且有设定超时时间。有一堆的异步请求在执行，当用户切换到另一个页面，这些请求还未终止，并且当服务器响应之后，反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给web造成性能问题。解决方案：把执行的请求存入队列，当路由切换的时候终止队列里的异步请求。首先搞一棵树来存储请求队
weixin_39795116·2023-11-28 12:57

vue路由切换loading_vue路由懒加载生产开发环境的切换

vue项目打包的时候，如果项目比较庞大，那么将会打出一个很大的包，速度比较慢，这个时候可以考虑拆分，不要把所有的内容都打到一个包里面去。但是在开发环境时使用lazy-loading会影响开发效率，小的项目还好，大的项目特别明显。(不在意效率得也无所谓了)在浏览上古代码时发现比较大的项目会使用一种开发和生产环境切换的模式控制：1573111299(1).jpg1573111361(1).jpg原理大
美美bv·2023-11-28 12:56

关于Vue路由切换时中断上一个路由请求情况的处理

开篇闲话前两天做项目的时候遇到一个问题，那就是路由切换了但是上一个路由的请求依旧继续执行，导致页面卡顿，以及新的请求和之前请求一块发送非常影响性能。就想到了axios中可以使用cancelToken可以用来中断请求，于是记录下来以备不时之需（小白学习，还有很多不足，希望大佬可以指正！）1、首先，由于我们要在store中对请求进行状态管理所以要在store中管理取消的请求操作Store/index.
尼古拉斯·广坤·2023-11-28 12:52

vue路由懒加载

何为懒加载一个懒字道出了真谛，就是不一次性给你所有资源，什么时候要什么时候给。在我们的系统中就是当用到某个资源时再加载，随用随载（好啰嗦。。。）为什么需要？
snow_in·2023-11-28 09:17

uni-app 实现瀑布流 最简洁方案

每次通过计算放入左右列表保存所有对象的数组将该对象删除图片加载完毕触发下个模块实现懒加载的效果代码理解{{item.goods_name}}￥{{item.g
前端 小吕·2023-11-28 08:37

前端web开发学习笔记

.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备NodeJS安装和Vue-cli安装vue项目Vue组件库Element组件的使用Vue
不会写算法的小王·2023-11-28 04:13

NextJS开发：Image组件的使用及缺陷

Next.js中的Image组件相比于传统的img标签有以下几个优点：懒加载：Image组件自带懒加载，当页面滚动到Image组件所在位置时才会加载图片，从而加快页面的渲染速度。
芝士思维·2023-11-27 21:06

解决Element的Cascader级联选择器懒加载数据回显问题

Cascader级联选择器懒加载数据回显关于在工作中实现查看详情Cascader级联选择器在懒加载情况下数据无法有效回显的问题，解决方法如下：cascaderVisiable:false,categoryProps
菊外人小张·2023-11-27 20:35

cascader 动态加载 回显_Cascader级联选择器，懒加载回显的问题

遇到的问题：在编辑表单的时候，有时候级联选择器回显不了。v-model="val":props="props"ref="cascader">val:{{val}}letval=0functiongenerateData(node,resolve){const{level}=node;setTimeout(()=>{letid=0;constnodes=Array.from({length:leve
叶琦彰·2023-11-27 20:34

【vue】element-ui Cascader 级联选择器动态加载回显（懒加载回显）

前言：不是很懂，欢迎补充指正方法一：单选情况单选直接拿placeholder或者换个盒子展示。方法二：多选应该能，没有实践过，有模拟数据核心：在组件上绑定key，利用改变key时会重新加载节点，在v-model设置进数据（用v-if也行）。能自动请求，咱也不知道为啥。template和data：data(){return{from:{id:'1'},resetCascader:0,//记录key值
茄茄茄子eggplant·2023-11-27 20:32

el-cascader级联选择器懒加载回显问题

我们在使用element的el-cascader组件时，会遇到数据比较多的情况，这时候就要用到el-cascader组件的懒加载，点击一级目录去请求二级目录数据，点击二级去请求三级目录数据等等，但是在回显的时候
Q_v3_v2·2023-11-27 20:27

译| 自定义一个Vue路由器

大量的教程在解释Vue的官方路由库vue-router如何集成到现有的Vue应用中做了很好的工作。vue-router通过向我们提供将应用的组件映射到不同的浏览器URL路由所需的功能，做了出色的工作。简单的应用通常不需要完全成熟的路由库，如vue-router。在本文中，我们将使用Vue构建一个简单的自定义客户端路由器。通过这样做，我们将了解需要处理什么来构建客户端路由以及潜在的缺点。虽然本文假设
weixin_34345753·2023-11-27 13:25

vue 路由器使用

vue路由器使用1main.js配置路由规则和app启动配置项加上routerimportVuefrom'vue'importAppfrom'.
weixin_30485291·2023-11-27 13:54

Vue路由（vue-router）详细讲解指南

中文文档：https://router.vuejs.org/zh/VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：1，route：首先它是个单数，译为路由，即我们可以理解为单个
一颗苦涩的苹果·2023-11-27 13:13

Vue路由器（详细教程）

路由：1.理解：一个路由(route)就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理。2.前端路由：key是路径，value是组件。1、先安装vue-router路由[email protected]中应用插件importVuefrom'vue'importAppfrom'./App.vue'//引入VueRouterimportVueRoute
林代码er·2023-11-27 13:07

android项目fragment实现懒加载

假如我们在其他页面做了一些耗时操作，就有可能导致页面不流畅，为了解决这种情况，所以就需要使用到懒加载。
sccd2009·2023-11-27 11:59

element plus tree组件异步加载时，局部节点更新

参考了网上的做法（elementuIElementUItree异步树(懒加载)节点局部刷新-简书）而我用的是elemen
三笑咖啡·2023-11-27 03:06

Fragment生命周期之ViewPager懒加载

title:Fragment生命周期之ViewPager懒加载Fragment生命周期onCreateView():每次加载Fragment的时候会执行该方法、配对的生命周期是：onDestroyView
陌丶西·2023-11-27 02:05

项目启动出现白屏问题需要刷新后才能显示解决方案

如何让页面变得更快懒加载静态资源缓存Webpack解决方案减少Js冗余操作项目加在vue中,我们常常会因为在template模板中没有加div标签而使得页面出现白屏情况,这时我们加一个div标签就可以解决这个问题
好名字0821·2023-11-27 00:02

前端开发工作中遇到的一些问题及解决方法

问题1、vue路由history模式刷新页面出现404问题解决方法：在nginx中做如下配置，即可解决（vue-cli官方解决方案：https://router.vuejs.org/zh/guide/essentials
一颗小芹菜的日常·2023-11-26 22:59

vue路由剖析一

这里先放上官方的文档：VueRouter由于官方文档的说明也比较详细，我这里只说明其中常用的几种：一.嵌套路由：顾名思义，嵌套路由，就是说明路由中间有嵌套的关系，就比如说我们常用的后台管理系统，有左侧菜单和右侧内容（如下图）：image其中左侧Aside和顶部Header，底部Footer，这些都是公用的部分，只有中间的Main是随着左侧的菜单进行变化的。我们不可能每个页面都把这些公用的部分写一遍
啊木木·2023-11-26 18:43

react router V6

文章目录一.简介二.对比V5三.用法详解1.一级路由与多级路由2.路由重定向3.嵌套路由4.声明式导航与编程式导航5.动态路由6.路由拦截7.路由模式8.withRouter/类组件跳转方法9.路由懒加载
shimeifang11·2023-11-26 18:53

2022-9-15晨间日记

今天是什么日子起床：夜间罗先生不停咳嗽就寝：12点再睡吧天气：cool心情：想儿子纪念日：meiguogr叫我起床的不是闹钟是梦想年度目标及关键点：本月重要成果：想把VUE学掉今日三只青蛙/番茄钟VUE
sunshine_lady·2023-11-26 12:30

Vue路由守卫

目录一:全局路由守卫1.全局前置路由守卫2.全局后置路由守卫二:独享路由守卫三:组件内路由守卫一:全局路由守卫1.全局前置路由守卫Vue全局前置路由守卫——初始化的时候，每次路由切换之前被调用在路由文件里使用，可以通过使用to和from来判断，再使用next（）允许放行router.beforeEach((to,from,next)=>{.......next()})to（去哪个路由）:结果是一个
阿Yao_·2023-11-26 08:36

vue 路由守卫

vue路由守卫全局前置守卫全局解析守卫全局后置钩子组件内的守卫vue路由守卫Vue路由守卫是用于在导航过程中对路由进行拦截和控制的一种机制。
前端布道人·2023-11-26 08:01

vue 第三方方法 useIntersectionObserver 实现数据懒加载

vue第三方方法useIntersectionObserver实现数据懒加载背景在开发网站的时候，有时候一个页面的数据会很多，一次性加载会降低性能，加载速度缓慢，其实只要让可视窗口里面的数据加载即可，当页面部分内容还没有进入可视区域的时候
jingqw·2023-11-26 02:47

【React】路由懒加载

路由懒加载是指路由的js资源只有在背访问时才会动态获取，为了优化项目首次打开的时间。
小谢sd·2023-11-26 01:58
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他