vue路由懒加载

什么是图片懒加载

这就是图片懒加载。作用减少或延迟请求数，缓解浏览器的压力，增强用户体验。
不喝雪碧我怕透心凉_c7de·2023-08-17 06:51

vue3创建自定义指令并全局注册

1.封装一个下拉框懒加载指令exportdefault{mounted(el,binding){letSELECT_DOM=el.querySelector(".el-select-dropdown.el-select-dropdown
不爱青椒·2023-08-16 20:31

Vue中使用图片懒加载以及注意要点

核心代码import{useIntersectionObserver}from"@vueuse/core";//图片懒加载exportconstlazyPlugin={install(app){//自定义指令
·2023-08-16 18:57

vue-router传参的四种方式超详细

vue路由传参的四种方式一、router-link路由导航方式传参父组件：子组件：this.
秋田君·2023-08-16 16:22

【微服务技术一】Eureka、Nacos、Ribbon（配置管理、注册中心、负载均衡）

微服务技术一技术栈图一、注册中心Eureka概念：搭建EurekaServer服务注册服务发现（消费者对提供者的远程调用）二、Ribbon负载均衡负载均衡的原理：@LoadBalanced负载均衡的策略：IRule懒加载三
朱尔斯Jules·2023-08-16 08:58

vue路由跳转路径错误时出现空白页

参考：解决vue路由跳转未匹配路径时出现空白页的问题在进行vue项目开发时，常用vue-router进行路由的导航，这种方式可以很好的进行路由和组件的匹配，但是当用户手动更改为未进行匹配的url时，系统找不到响应的组件进行页面渲染
轻丨尘·2023-08-16 07:01

el-tree懒加载数据量太大的解决方案

一、第一种方法：参考地址QQ录屏20220303161445①、找到路径：node_modules=>element-ui=>packages=>tree,然后把tree这个文件夹拷贝下来，放到自己项目文件价里，比如，我放到了components文件夹里。②、打开node.js文件，找到doCreateChildren方法，把这段代码加上if(array&&array.length>2000){l
浅巷长歌999·2023-08-16 04:41

vue—在el-table上实现懒加载效果

文章目录@[TOC](文章目录)一、安装插件二、全局引用三、实例使用1.在el-table标签中引入v-el-table-infinite-scroll="load"2.在el-table标签下面加入渲染状态el-alert3.就是对load函数的使用了四、从网上拷贝过来的一段很好的代码实例。一、安装插件npminstall--saveel-table-infinite-scroll二、全局引用代
迷路小灰灰·2023-08-15 17:49

el-table实现懒加载（el-table-infinite-scroll）

2023.8.15今天我学习了用el-table对大量的数据进行懒加载。
爱写代码的派大星·2023-08-15 17:19

VUE路由Router的使用步骤

VueRouter简介它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。VueRouter和Vue.js非常契合，可以一起方便的实现SPA(singlepagewebapplication,单页应用程序)应用程序的开发。VueRouter依赖于Vue，所以需要先引入Vue，再引入VueRouterVueRouter的特性：支持H5历史模式或者hash模式支持嵌套路
王玉伟的伟·2023-08-15 16:44

懒加载和预加载

一、懒加载1.什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。
精神蛙·2023-08-15 05:04

reactrouter4路由钩子_react router @4 和 vue路由 详解(全)

我们在home页面里(左边一溜的父组件)该点击的地方exportconstHome=()=>(首页关于我们企业事件公司产品联系我们)我们在home页面里(左边一溜的父组件)设置内容应该不同的地方我们在关于我们页面该点击的地方exportconstAboutMenu=()=>(公司简介公司历史公司服务企业位置)我们在关于我们页面该实现内容不同的地方由此便实现了react子路由6、vue如何在路由里面
weixin_39612733·2023-08-15 03:47

HarmonyOS/OpenHarmony应用开发-ArkTS语言渲染控制概述

在声明式描述语句中开发者除了使用系统组件外，还可以使用渲染控制语句来辅助UI的构建，这些渲染控制语句包括控制组件是否显示的条件渲染语句，基于数组数据快速生成组件的循环渲染语句以及针对大数据量场景的数据懒加载语句
李洋-蛟龙腾飞公司·2023-08-15 02:16

vue路由传参刷新丢失

没有系统学习过vue，以前使用路由传参都是直接this.$router.push({name:‘main’,params:{‘id’:123}})的，没有在路由定义中配置参数，如下：复制代码router:[{path:‘/main’,name:‘main’,component:Main}]//从index.vue,携带id=123跳到main.vuethis.$router.push({name:
gys9895·2023-08-14 21:30

element表格el-table组件实现虚拟滚动，解决数据量大渲染DOM过多而卡顿问题

当页面数据过多，前端渲染大量的DOM时，会造成页面卡死问题，使用分页或则懒加载这些方案也无法解决，这些处理方法在页面加载到足够多的数据的时候，随着页面追加渲染的DOM越来越多，也会导致页面卡顿，甚至卡死
D浩DzD·2023-08-14 19:20

iOS UIButton按下和松开事件处理

1.定义按钮对象@property(nonatomic,strong)UIButton*topControl;2.懒加载-(UIButton*)topControl{if(!
遇见I你·2023-08-14 19:15

nginx配置一个域名多个vue项目

首先这个坑跟nginx关系不大1.需要配置vue-router创建vue路由这里需要配置（这里用的createWebHistory，用其它的也可以）createWebHistory('/folder/'
路灯下de男孩·2023-08-14 16:40

vue路由，二级路由及跳转

★router文件下的index.js文件：/*导入Vue构造函数*/importVuefrom'vue'/*导入路由VueRouter构造函数*/importVueRouterfrom'vue-router'/*导入HomeView页面*/importHomeViewfrom'../views/HomeView.vue'//调用构造函数Vue的use方法传入VueRouter构造函数//作用是把
af5e2949dafd·2023-08-14 15:17

SpringBoot复习：（46）全局的bean懒加载是怎么实现的？

在application.properties中配置：spring.main.lazy-initialization=true在运行SpringApplication的run方法时，代码如下：其中调用了prepareContext,prepareContext代码如下：当在配置文件中配置了spring.main.lazy-initialization=true后，SpringApplication
amadeus_liu2·2023-08-14 13:43

vue3中的数据懒加载

实现当组件进入可视区域在加载数据。使用@vueuse/core中的useIntersectionObserver来实现监听进入可视区域行为.vueuse它是为Vue2和Vue3服务的一套VueCompositionAPI的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JSAPI变得支持响应式，省去程序员自己写相关代码。具体实践如下//提供复用逻辑的函数（
缺月楼·2023-08-14 12:49

vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件

router.js路由部分exportconstnormalRouter={path:'/',meta:{login:false},component:()=>import('@/views/normal/home'),redirect:'/pagelist',children:[{name:'normalPageList',component:()=>import('@/views/normal
謝晓东·2023-08-14 10:34

模式 01 单例模式 Singleton

设计模式单例模式Singleton简介单例：保证在内存当中只有一个实例存在在代码实现级别保证只能有一个实例存在使用场景各种Manager各种Factory实现要求线程安全最好懒加载（延迟加载）执行效率高序列化与反序列化安全实现有
散场前的温柔·2023-08-14 10:21

PagerFragmentAdapter中Fragment的懒加载问题

PagerFragmentAdapter中Fragment的懒加载问题严格来说来说不是类的懒加载，而是针对业务中的特殊需求实现的,让fragment在可见的时候再进行网络请求。
tinyvampirepudg·2023-08-14 10:38

如何在Vue中实现模板渲染优化？什么是Vue的双向数据绑定原理？

使用Vue的懒加载（lazyloading）功能：懒加载可以延迟组件的加载，只在需要时才加载，从而减少初始加载时间。使用Vue的异步组件（Asynccomp
大学生资源网·2023-08-14 09:48

前端性能优化：懒加载与预加载

懒加载和预加载是优化网页加载速度的两种策略，它们可以显著改善用户体验，减少加载时间。本文将为你解释什么是懒加载和预加载，以及它们的应用和好处。
fans小知·2023-08-14 05:23

React构建的JS优化思路

React生成的JS有1.4M，对于个人博客服务器的带宽来说，压力较大，因此耗费了5S的时间优化思路解决React生成的JS大小，因为我用的是react-router-dom路由模块，查阅资料发现可以利用懒加载的机制
Autumn Of Coolerwu·2023-08-14 05:17

图片懒加载

什么是图片懒加载？懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。
申申呢？·2023-08-13 15:57

如何实现Vue路由的二级菜单

目录Vue路由（一、二级路由）一级路由配置二级路由配置Vue中展示二级路由的默认模块/二级路由默认显示Vue路由，二级路由及跳转如何用vue实现二级菜单栏◼️相关参考资料当朋友们看到这个文章时想必是想要了解
儒雅的烤地瓜·2023-08-13 11:29

Vue路由懒加载-列表页跳转到详情页的问题

涉及技术：Vue、Vue-router、浏览器http请求并发限制与等待机制Vue用了路由懒加载，某一个列表页与详情页均懒加载。
帅震天·2023-08-13 10:10

vue路由懒加载--2种实现方式

（1）vue异步组件-路由懒加载component：resolve=>(['需要加载的路由的地址'，resolve])（2）import实现路由懒加载[推荐]constHelloWorld=（）=>import
nilmao·2023-08-13 10:39

vue路由懒加载的两种方式

这样就是vue路由懒加载。
盏茶作酒·2023-08-13 10:39

vue路由懒加载

importHomefrom'@/components/home.vue'constrouter=newVueRouter({routes:[{path:'/home',component:Home}]})下面介绍路由懒加载的
Jiang_JY·2023-08-13 10:39

Vue路由懒加载的原理及实现

懒加载原理：路由懒加载的主要原理就是原本的Vue模块是全部导入在一起的打包文件，运行后用户查看相关模块显示的内容时会将整个打包的文件引入而后在其中查找对应的模块然后才将其呈现给用户。
康桥控股·2023-08-13 10:38

Vue 路由懒加载

Vue路由懒加载随着Web应用的复杂性不断增加，性能优化成为了开发人员必须面对的挑战之一。Vue路由懒加载是一项关键技术，它可以帮助我们提高Web应用的加载速度，从而提升用户体验。
尘缘..·2023-08-13 10:08

Vue3实现图片懒加载及自定义懒加载指令

Vue3实现图片懒加载及自定义懒加载指令前言1.使用vue-lazyload/vue3-lazyload插件2.自定义v-lazy懒加载指令2.1使用VueUse工具集2.2使用IntersectionObserver
南木元元·2023-08-13 07:09

swiper滚动块宽度踩坑记录

背景：需要给swiper增加图片懒加载优化性能，这里使用的是swiper自带的lazyapi。
郑板桥30·2023-08-13 07:11

Vue实现图片懒加载

图片懒加载（LazyLoading）是一种前端优化技术，旨在改善网页加载性能和用户体验。
卷小白·2023-08-12 18:53

前端懒加载和预加载

懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。
hellocoder2029·2023-08-12 14:39

懒加载、预加载IntersectionObserver和监听滚动

使用场景移动端下拉滚动加载图片的时候，通常是使用监听scroll或者使用setInterval来判断，元素是否进入视图，其中scroll由于其特别大的计算量，会有性能问题，而setInterval由于其有间歇期，也会出现体验问题。IntersectionObserver允许你追踪目标元素与其祖先元素或视窗的交叉状态。IntersectionObserverAPI是异步的，不随着目标元素的滚动同步触
大鲤余·2023-08-12 14:39

【前端 | CSS】滚动到底部加载，滚动监听、懒加载

背景在日常开发过程中，我们会遇到图片懒加载的功能，基本原理是，滚动条滚动到底部后再次获取数据进行渲染。那怎么判断滚动条是否滚动到底部呢？滚动条滚动到底部触发时间的时机和方法又该怎样定义？
好喝的西北风·2023-08-12 14:09

解决：vue通过params传参刷新页面参数丢失问题以及实现vue路由可选参数的解决办法

目录‍♂️实现params传参，刷新页面不丢参‍♂️实现vue配置可选路由参数‍♂️参考资料解决vue通过name和params进行页面传参时，刷新页面参数丢失问题以及vue路由实现可选参数‍♂️实现params
儒雅的烤地瓜·2023-08-12 11:45

路由导航守卫中document.title = to.meta.title的作用以及路由跳转修改页面title

目录document.title=to.meta.title的作用Vue路由跳转时如何更改页面titledocument.title=to.meta.title的作用路由导航守卫如下：router.beforeEach
儒雅的烤地瓜·2023-08-12 11:14

vue history 和hash路由模式共存处理

vuehistory和hash路由模式共存因项目需要,提出同一个项目需要支持两种路由模式vue路由访问方式区别有部分支持history访问路径如：http://127.0.0.1:8020/admin/
蓝心高飛·2023-08-12 08:27

vue 配合 vant组件开发 路由懒加载 切换路由回到页面顶部

成果展示，上拉下拉皆可刷新请求数据，可通过点击首页，我的可切换路由引入vant组件库npmivant-S引入main.js引入tabbarimportVuefrom'vue';import{Tabbar,TabbarItem}from'vant';Vue.use(Tabbar);Vue.use(TabbarItem);复制代码进入app.vue并修改样式，并在van-tabber中输入route开
道长道长IOT·2023-08-12 06:51

Vant图片懒加载Lazyload的应用

图片懒加载有时候一个网页会包含很多图片，页面图片多，加载的图片就多，服务器压力就会很大。不仅影响渲染速度还会浪费带宽。
木蓝茶陌*_*·2023-08-12 05:01

图片懒加载

图片懒加载：优先加载可视区域的内容，其它内容等进入了可视区域再进行加载从而提高性能分为两步：（1）怎么加载图片？（2）怎么判断是否进入了可视区域？
要努力奋斗鸭·2023-08-12 02:29

React 16.6 之 React.memo()

这次主要更新了两个新的重要功能：React.memo()React.lazy():使用ReactSuspense进行代码拆分和懒加载今天我们会重点介绍React.memo()，后续会介绍React.lazy
可乐前端·2023-08-11 22:53

如何改造antd-vue的table支持虚拟列表功能

对于超大数据量的接口来说，如果前端直接一股脑的渲染出来，必然会导致渲染超时、操作卡顿、内存爆表、网页奔溃等情况，因此一般的对于大数据量的列表处理，无非就以下几种方式采取分页的方式，减少每页的数量比如每页10条采取懒加载的方式
朝着大前端冲鸭·2023-08-11 10:26

Vue路由的模块化

main.jsimportVuefrom'vue'importAppfrom'./App.vue'importVueResourcefrom'vue-resource'importrouterfrom'./router/router'/*引入公共的sCss*/import'./assets/css/basic.scss'Vue.use(VueResource)newVue({el:'#app',/
渣渣砖·2023-08-11 10:03

SpringCloud全面学习笔记之初尝美妙篇

微服务治理分布式服务架构案例微服务组件及使用Eureka注册中心提供者和消费者Eureka的结构和作用搭建Eureka服务注册服务服务发现Eureka注册服务总结Ribbon负载均衡原理负载均衡原理负载均衡策略懒加载
随身携带的笑·2023-08-11 04:02
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他