vue路由懒加载

element-plus el-table树形 懒加载 新增、删除等局部刷新

1.el-table代码新增删除2.vue3代码import{add,sonList}from"@/api/xxx";consttableData=ref([{id:3,date:'2016-05-01',name:'wangxiaohu',hasChildren:true,address:'No.189,GroveSt,LosAngeles',parentId:"0"}])consttable=
江-月*夜·2023-12-29 04:48

Element-Ui树形数据懒加载，删除到最后一个空数组不刷新问题

使用elemenui树形删除数据的时候刷新页面，我在网上找了好多方法，要么没用，要么都是部分代码，自己又看不懂，不得不硬着头皮看源码，发现了有个方法可以刷新。使用elemenui树形删除数据的时候刷新页面。源码里有一个判断，如果刷新的数据等于空，那么不执行刷新方法。所以我们直接使用resolve()来刷新是行不通的。我在网上找了好多方法，要么没用，要么都是部分代码，自己又看不懂，不得不硬着头皮看源
小星星o·2023-12-29 04:48

图片懒加载实现步骤和原理

浏览器是否发起请求图片是根据的src属性，所以实现懒加载的关键就是，在图片没有进入可视区域时，先不给的src赋值，这样浏览器就不会发送请求了，等到图片进入可视区域再给src赋值。
五四青年_4e7d·2023-12-28 23:11

解决ELement-UI懒加载三级联动数据不回显(天坑)

最老是遇到这类问题头有点大,最后也是解决了,为铁铁们总结了一下几点一.查看数据类型是否一致未选择下选择下二.处理数据时使用this.$set方法来动态地设置实例中的属性，以确保其响应式三.绑定v-if确保每次重新加载四.绑定key五.完整代码
安生生申·2023-12-28 18:19

Vue懒加载深度解析：提升性能、优化用户体验的完整指南

文章目录引言Vue懒加载基础什么是懒加载？
魔王-T·2023-12-28 14:10

vue3数据懒加载 列表滚动加载 可能是全网最容易理解的

百度搜了几篇懒加载，都写的不详细，摸索了下，写篇博客记录下需求是这样的，分页加载改成滚动到最后再加载，因为组件是自己写的，翻了下组件库，没有这个功能，就自己写一个首先在hooks里面写一个ts文件，我这取名叫做
爱学习的小康·2023-12-28 09:44

虚拟列表的实现

于是我们会想到懒加载，当资源到达可视窗口内时，继续向服务器发送请求获取接下来的资源，不过当获取的资源越来越多时，此时浏览器不断重绘与重排，这样的开销也是要考虑的当数量多到一定程度时，页面也会出现卡顿。
Mr 发·2023-12-28 08:16

Vue组件滚动加载、懒加载功能的实现，无限滚动加载组件实例演示

利用懒加载，可以防止大量渲染造成卡顿降低用户体验。
挣扎的蓝藻·2023-12-28 08:48

vue3后台管理系统（模板）

目的在于学习vite和vue3等新技术，以便于后续用于实际开发工作中；本文章将从管理系统页面布局、vue路由鉴权、vuex状态管理、数据持久化、用户信息加密等方面进行介绍和记录；这也是我边学习边实践的过程
落下香樟树·2023-12-28 07:22

UNIAPP在线预览PDF文档&DCloud插件

插件优点：内容懒加载，可自行决定工具栏内容，@message能监听用户操作，支持H5、安卓、iOS、PC缺点：基于pdfjs本地文件占用体积4mb，部分源码不易理解，不支持深度监听插件地址：PDF播放器使用方式为了更好的了解插件使用方式我已上传示例
多甘范科夫斯基·2023-12-27 22:19

.Net 性能优化--EFCore(EntityFrameworkCore)--懒加载和数据上下文dbcontext添加数据

新建.NETCORECONSOLE控制台项目NetCoreConsole，管理NuGet程序包种添加一下引用//Microsoft.EntityFrameworkCore//EFCore//Microsoft.Extensions.Logging//日志//Microsoft.Extensions.Logging.Console//日志输出到Console控制台//Microsoft.Extens
LongtengGensSupreme·2023-12-27 21:29

UI基础-day04-Shopping-08Xib-05自定义Xib控件-优化

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

kotlin by lazy 的使用

bylazy的作用by是在kotlin中代表者委托，lazy懒加载bylazy就是委托延时处理下面写一个demo说明下新建一个类classExportController{fungetName():String
胡小牧·2023-12-27 13:46

React项目打包流程

项目打包流程一、React项目打包流程1.项目打包打包命令：npmrunbuild2.预览接着命令行会提示执行：先：npminstall-gserve然后执行此命令：serve-sbuild二、打包优化-配置路由懒加载二
怕冷的火焰（~杰）·2023-12-27 13:16

vue路由的两种模式

hash与history对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于———改变视图的同时不会向后端发出请求。一、为了达到这个目的，浏览器提供了以下两种支持：1、hash——即地址栏URL中的#符号（此hsah不是密码学里的散列运算）。比如这个URL：http://www.abc.com/#/he
inspg·2023-12-27 08:33

Java单例模式

简介单例模式需要考虑如下几点线程安全性懒加载性能要保证多线程环境下也是单例的，使用的时候才会创建对象，而不是一开始就创建对象，有的实现方式需要每次加锁，这样性能很差，有的实现方式不需要每次都加锁，性能很高
皮卡丘-ysh·2023-12-27 03:06

第三十五节:Vue路由:Vue-router路由嵌套使用

前沿:嵌套路由，主要是由我们的页面结构所决定的。当我们进入到home页面的时候,如果下面还有分类,当我们点击这些分类的时候,他还是需要路由到各个部分的.简而言之:就是如果在一个组件内也有需要动态切换组件的时候,就需要用到嵌套路由1.嵌套组件的需求如下案例需求:image案例需求分析首页,文章,关于作者,三个链接对应下面三个组件可是在文章展示组件中又分成了左右两栏左侧有是一组导航,每一个点击,右侧都
曹老师·2023-12-27 02:00

Java SPI 机制介绍和实战

组件化和模块化设计4.数据转换和格式化5.插件化应用程序JavaSPI实战步骤1：定义服务接口步骤2：实现服务提供者步骤3：创建描述性文件步骤4：加载和使用服务JavaSPI的高阶用法1.动态刷新服务提供者2.懒加载或条件加载
Memory_2020·2023-12-26 22:15

UI基础-day05-Shopping-08Xib-08回顾Xib自定义类

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

JAVA - 单例设计模式

JAVA-单例设计模式一.简介二.单例模式的原则三.单例模式的实现1.1饿汉式1.1.1静态变量初始化方式1.1.2静态代码块初始化方式1.1.3枚举方式1.2懒汉式1.2.1懒加载初始化方法（线程不安全
神的孩子都在歌唱·2023-12-26 17:51

router路由的懒加载和嵌套路由

路由的懒加载当使用webpack打包构建应用时,Javascript包会变得非常大,影响页面加载。
黑白说程序·2023-12-26 15:29

在uni-app项目中，如何进行性能优化

懒加载：对于长页面或者图片较多的页面，可以采用懒加载的方式，即在页面滚动到可见区域再加载图片或其他资源，减少初始加载压力。避免不必要的重绘和重排：减少DOM操作次数，尽量使用异步更
&ACE&·2023-12-26 12:42

前端性能优化三十七：花裤衩模板路由懒加载

只加载当前页面的路由组件即可.(2).3种引入方式:exportdefaultnewRouter({routes:[{path:'/',name:"index",//1.普通引用component:index//2.路由懒加载
wanmeijuhao·2023-12-26 12:03

前端性能优化三十六：花裤衩模板减少请求次数

1.使用SplitChunks分离代码并实现相同模块共享,从而减少请求次数:①.vue-router使用懒加载.②.按需引用组件库、UI库,避免全局注入.③.使用SplitChunks分离代码并实现相同模块共享
wanmeijuhao·2023-12-26 11:11

element 级联选择器懒加载回显

element级联选择器懒加载问题描述：最近使用elementui做了二级级联选择框，点击编辑，需将选择的之前选择的数据，回显到cascader这个组件里时，怎么都显示不出来，如上图所示。
时遇倾城色·2023-12-26 08:48

Vue路由的使用中：uncaught typeerror: cannot use ‘in‘ operator to search for ‘path‘ in undefined

uncaughttypeerror:cannotuse‘in’operatortosearchfor‘path’inundefined问题解决主要是问题在router.js中个人代码不熟悉import{createRouter,createWebHistory}from'vue-router'importloginVuefrom'@/views/login.vue'importlayoutVuef
Zm6Cc·2023-12-26 05:47

微服务-饥饿加载

Ribbon默认是采用懒加载，即第一次访问时才会去创建LoadBalanceClient，请求时间会很长。
Winter.169·2023-12-25 20:18

图片懒加载vue3-lazy

、如何使用1.安装命令2.main.js入口文件注册插件3.template中使用指令三、总结最近在重构博客的时候遇到页面加载慢的问题，原因是页面小图标太多，一次性加载页面压力超大，打算图片可视区域化懒加载
富朝阳·2023-12-25 15:12

vue学习（4）多个vue项目的localstorage数据存储

vue项目以单页面模式存在，那么必然会引起一个问题，就是会首次加载所有资源，即使对路由使用懒加载，也会比较慢，那么就有根据项目的功能模块来区分:每个模块为一个vue项目，每次路由导航都是跳转到另一个项目的
林大大哟·2023-12-25 11:40

前端如何性能优化

懒加载：延迟加载页面中的图片、视频等非关键资源，只有当用户滚动到可见区
Good luck—dys·2023-12-25 07:27

数据懒加载LazyForEach

1、接口描述懒加载接口LazyFoEach如下：LazyForEach(dataSource:IDataSource,//需要进行数据迭代的数据源itemGenerat
昉钰·2023-12-25 06:46

Vue路由中的子路由学习

1、创建一个首页组件，并通过路由在根实例中显示：我是首页模版//首页组件varhome={template:'#home'};varrouter=newVueRouter({routes:[{path:'/',component:home}]});newVue({el:'#app',router})2、创建另外两个子组件我是子组件1模版我是子组件2模版//子组件1varson1={template
一只码农的成长·2023-12-25 03:28

Vue路由-history模式

vue官方路由vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。化重点：当URL改变时，页面不会重新加载，也就是说不会向服务器重新请求资源。前端url变化，完全由前端代码来控制页面。那么如果url重新请求服务器就会出现找不到路径的情况:如：http://xxx.85.25.46/manage/address-tree请求服务器
前端开发工程师老唐·2023-12-25 03:54

selenuim和phantonJs处理网页动态加载数据的爬取

一.图片懒加载什么是图片懒加载？图片懒加载是一种网页优化技术。图片作为一种网络资源，在被请求时也与普通静态资源一样，将占用网络资源，而一次性将整个页面的所有图片加载完，将大大增加页面的首屏加载时间。
SlashBoyMr_wang·2023-12-24 22:46

Vite为啥如此之快

文章目录1.Vite为啥比Webpack快1.1快速的冷启动Webpack为什么慢Vite为什么快1.2快速的热更新WabpackVite2.Vite的缺点首屏懒加载1.Vite为啥比Webpack快Vite
xianghong_yang·2023-12-24 20:08

vue实验报告5 Tab栏的切换案例（使用路由）

一、实验要求：请使用Vue路由相关知识手动实现Tab栏切换案例，要求如下：a.创建一个components/Message.vue组件，用来展示页面内容。
lsy永烨·2023-12-24 17:23

Web前端 ---- 【Vue】vue路由守卫（全局前置路由守卫、全局后置路由守卫、局部路由path守卫、局部路由component守卫）

目录前言全局前置路由守卫全局后置路由守卫局部路由守卫之path守卫局部路由守卫之component守卫前言本文介绍Vue2最后的知识点，关于vue的路由守卫。也就是鉴权，不是所有的组件任何人都可以访问到的，需要权限，而根据权限显示路由组件就需要路由守卫。（本文建立在上篇文章代码基础之上）全局前置路由守卫全局前置路由守卫写在创建好router和暴露router之间router.beforeEach(
软工不秃头·2023-12-24 14:30

懒加载图片案例

整体效果：HTML部分：.lazy-box{margin:0pxauto;padding:0px;width:960px;height:auto;}.lazy-box>img{outline:none;margin:25pxauto;padding:0px;border:1pxsolid#E0E0E0;background-color:#F0F0F0;}JS部分：$(document).ready
刻刻帝的海角·2023-12-24 10:16

单例模式-实现线程是否安全

2.实现方式2.1饿汉式-线程安全特点：线程安全，但无法实现懒加载策略publicclassSingletonHungry{privatestaticfinalSingletonHungrySINGLET
芋泥泡芙卷·2023-12-24 06:01

mybatis 延迟加载（懒加载）

1.为什么要延迟加载？因为只有在用户需要的时候再去查询数据库，可以大大提高数据库性能2.什么是延迟加载？就是在需要用到数据时才进行加载，不需要用到数据时就不加载数据。3.延迟加载实现思路？立即加载方式：查询账户(Account)信息并且关联查询用户(User)信息。SQL语句：select*fromaccountaleftouterjoinuseruonu.id=a.uid延迟加载方式：如果先查询
多凡·2023-12-23 23:26

mybatis延迟加载

1、延迟加载介绍延迟加载也叫懒加载，根据需求加载数据，先加载主要显示的数据，如果需要关联的数据显示，再加载关联的数据显示2、为什么使用延迟加载（1）假设场景：用户表和订单表，用户表有多个用户，每个用户有多个订单
纸上得来终觉浅～·2023-12-23 23:24

MyBatis(十):MyBatis延迟加载/懒加载详解

延迟加载介绍MyBatis中的延迟加载，也成为懒加载，是指在进行关联查询时，按照设置的延迟规则推迟对关联对象的查询。延迟加载可以有效的减少数据库的压力。
Rangers-sun·2023-12-23 23:22

八、(了解即可)MyBatis懒加载(或者叫延迟加载)

文章目录八、懒加载(了解即可)8.1为啥需要懒加载?8.2懒加载是什么？8.3开启方式8.4既然fetchType可以控制懒加载那么我仅仅配置fetchType不配置全局的可以吗？
刘大猫.·2023-12-23 23:22

MyBatis的延迟加载（懒加载）

MyBatis中的延迟加载是指在需要时才加载对象的某些属性或关联对象，而不是在初始查询时就加载所有数据。这对于性能优化和减少不必要的数据库查询非常有用。1.基于配置文件的延迟加载在MyBatis的XML映射文件中，你可以使用lazyLoadingEnabled和aggressiveLazyLoading属性来配置延迟加载的行为。lazyLoadingEnabled：设置为true启用延迟加载，默认
Bridge Fish·2023-12-23 23:52

UI基础-day04-Shopping-07自定义控件-02加载数据

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

vue路由的懒加载方式！！！

所有我们采用懒加载模式进行路由配置。懒加载模式配置路由：（通过一下方式配置路由，就可以不用在最上边import导入了，直接配置即可）
明天更新·2023-12-23 18:39

通过 Laravel 创建一个 Vue 单页面应用（四）

image文章转发自专业的Laravel开发者社区，原始链接：https://learnku.com/laravel/t/34450我们在第三部分中放弃构建真实的用户端，而学习使用Vue路由获取组件数据的新方式
summerbluet·2023-12-23 16:14

深度剖析Ajax实现方式(原生框架、JQuery、Axios，Fetch）

场景：页面懒加载登录注册相关提示鼠标移上去才加载XML：XML(eXtensibleMarkupLan
acmakb·2023-12-23 11:12

el-tree lazy懒加载（进阶版）

2023.12.22今天我学习了el-tree如何实现懒加载，效果如：代码如下：懒加载的使用不需要用:dataexportdefault{data(){return{props:{label:'label
爱写代码的派大星·2023-12-23 09:24

el-tree包含下级回显半选状态一些问题

上一篇文章如何在el-tree懒加载并且包含下级的情况下进行数据回显-02说了一下在包含下级的时候，数据的回显，通过nodesMap进行赋值，这次说一下在做这个需求的过程中遇到的一些问题：loadNode
A &......·2023-12-23 07:06
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他