vue3.0懒加载

Day4:前端路由(进阶篇)

主要面向群体：前端开发工程师（初、中、高级）、应届、转行、培训等同学Day4-今日话题今天分享的是前端路由的进阶篇，将从路由的实现原理、路由懒加载、路由预加载等多方面介绍。
也曾见过大海·2023-08-24 15:54

Day4:前端路由(进阶篇)

主要面向群体：前端开发工程师（初、中、高级）、应届、转行、培训等同学Day4-今日话题今天分享的是前端路由的进阶篇，将从路由的实现原理、路由懒加载、路由预加载等多方面介绍。
·2023-08-24 11:26

前端面试：【网络协议与性能优化】提升Web应用性能的策略

本文将介绍一些性能优化策略，包括资源加载、懒加载和CDN等，以帮助你提升Web应用的性能。
fans小知·2023-08-24 11:52

vue select 分页加载数据（懒加载）

有时候下拉数据量过大，会出现卡住的现象。本文就是解决这个问题，实现下拉框分页加载。在el-selec上加v-el-select-loadmore指令（在下面定义）Vue.directive：注册或获取全局指令。bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。具体可以看官方文档，在此就不在赘述了。//自定义指令directives:{"el-
陈怂怂·2023-08-24 10:46

element下拉框可远程搜索，滑动到底可加载

问题：可以实现远程搜索，滚轮到底可以懒加载解决方案：思路输入搜索全局请求，用分页解决，滚动到底增大显示页数量。
天气晚来秋~·2023-08-24 10:12

elementUI中el-select数据分页懒加载实现

前言工作中使用elementUI框架时,会经常用到下拉框展示数据,如果数据量很大会影响页面的渲染加载速度。遇到这种情况，通常后端代码会将数据做成分页查询，前端下拉框组件也要支持滑动到底部会自动加载下一页数据。话不多说,直接上代码。正文代码第一步，创建select-load-more.js文件//定义全局自定义指令importVuefrom'vue'constselectLazyLoad=funct
Damon快点跑·2023-08-24 10:11

【VUE 3.0 全局注册方法与组件】

全局注册注册组件注册方法注册组件在Vue3.0中，你可以使用createApp方法来创建一个应用实例，并使用该实例的component方法来注册全局组件。
cv全粘工程师·2023-08-24 10:57

如何深入理解 JavaScript 中的懒加载

懒加载是一种延迟加载非必要内容的方法，直到用户需要查看它为止。与其他加载方法不同，其他加载方法在访问页面时同时加载所有网站资源，而懒加载采取更加谨慎的方式。
前端达人·2023-08-24 08:05

Vue3面试题

6.vue2.0和vue3.0有什么区别？双向绑定更新7.reactive与ref的区别？1.vue3新特性有哪些？1、性能提升响应式性能提升，由原来的Objec
不想起名55·2023-08-24 03:16

手写Vue3响应式数据原理

2.vue2.0和vue3.0有什么区别？双向绑定更新？3.Vue是如何实现数据双向绑定的？4
不想起名55·2023-08-24 03:46

Vue3.0七大亮点

大家好，我是漫步，Vue3.0出来了一段时间，刚出来时，我翻译过几篇文章，可以看看：第一篇：Vue3.0中令人激动的新功能：CompositionAPI第二篇：Vue3.0中令人激动的新功能：Fragment
前端开发博客·2023-08-23 22:24

React路由懒加载lazy、Suspense以及Vite的Glob 导入文件

一次性加载太多的路由文件会使首次加载的速度很慢，建议将路由以懒加载的形式新建文件夹routerscommon.ts如下：import{lazy}from'react';constproductRouters
菜鸟小记·2023-08-23 18:46

vue-cli+webpack 搭建vue3.0项目

vue-cli要升级到4.5npminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看安装之后的vue-cli版本vue--version@vue/cli4.5.8进入目标目录，创建webpack项目vueinitwebpack项目名称下面就按照提示根据需求逐步进行敲入>Projectname>Projectdescription>Author>Vuebuilds
MyLee·2023-08-23 17:31

基于Vue3.0的优秀低代码项目

借助Vue3.0的强大功能和简洁易用的语法，你将能够轻松打造出最令人瞩目的低代码项目。低代码开发正成为当前企业提升运营效率、降低开发成本的首选方案。
胖头鱼不吃鱼-·2023-08-23 17:08

2023年8月23日博客更新

blog.zysicyj.top/gallery/相册整理不容易呀，后续有机会再慢慢整理吧，相册慢慢加上我选择了大图展示，这种高清图片，我觉得还是大点的好，默认220有点小了，我设置的1000，然后设置了懒加载
·2023-08-23 11:45

一次性返回十万条数据前端怎么优化

懒加载只在用户需要时才加载数据。例如，在滚动到某个位置或者点击展开按钮时才请求相应的数据。可以通过监听相关事
九亿宅男的梦·2023-08-23 10:02

单例模式

为什么不使用全局变量或者静态变量单例模式支持懒加载，在使用的时候才会生成实例，更加节省资源为什么要使用单例模式而不使用静态方法静态方法和单例模式使用的场景不同，如果只是一个简单过程方法，不存在状态
GL101·2023-08-23 09:49

HarmonyOS/OpenHarmony应用开发-ArkTS语言渲染控制LazyForEach数据懒加载

LazyForEach从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。当LazyForEach在滚动容器中使用了，框架会根据滚动容器可视区域按需创建组件，当组件划出可视区域外时，框架会进行组件销毁回收以降低内存占用。一、接口描述LazyForEach(dataSource:IDataSource,//需要进行数据迭代的数据源itemGenerator:(item:any)=>voi
李洋-蛟龙腾飞公司·2023-08-23 09:27

Vue3 setup 在渲染函数中通过ref访问Dom元素

Vue3.0中新增了CompositionAPI,在使用h函数渲染vnode时，如果需要使用ref,和vue2.0中有所不同。
废柴前端·2023-08-23 09:27

element-ui 实记问题记录

2.实现el-select的数据懒加载通常会遇到某些下拉数据时某个模块的列表数据，会有很大的数据量，则需要实现分页懒加载
z_hboot·2023-08-23 03:15

vue3.0树形表格插件vue-table-with-tree-grid（vue.2.0）替换 vxe-table（vue3.0）

由于看黑马，视频，那个vue-table-with-tree-grid在vue3不能用，所以用这个替换下vxe-table官网https://vxetable.cn/#/table/start/install查看giteehttps://gitee.com/xuliangzhan_admin/vxe-table查githubhttps://gitcode.net/mirrors/xuliangzh
内心的一片海·2023-08-22 17:56

Vue3.0+vite2.0+elementPlust+vuex4.0+vue-router4.0

Vue3.0已经发布了好几个月了，之前学了一点vue3.0的东西，感觉和目前vue2.0差距还是比较大的，最近公司项目不是很紧张了，加上配套的生态也差不多快了。
暖年的咆哮·2023-08-22 11:09

023.PyQt5_QWidget_信息提示

信息提示状态栏提示工具栏提示这是啥提示状态栏提示需要有状态栏的窗口控件才能显示（QMainWindow）QMainWindow：组合控件；包含标题栏、菜单栏、工具栏、工作区域、状态栏组合控件内部很多控件都是懒加载
失心疯_2023·2023-08-22 07:03

组件二次封装之自定义 v-model

目录vue2.0vue自定义v-model实现uniapp小程序中实现自定义v-model使用sync语法糖实现类似v-model的功能vue3.0自定义v-model修改自定义组件默认propvue2.0
丿刘先森·2023-08-22 04:18

IntersectionObserver API 使用教程（懒加载，无限滚动）

网页开发时，常常需要了解某个元素是否进入了"视口"（viewport），即用户能不能看到它image.png上图的绿色方块不断滚动，顶部会提示它的可见性。传统的实现方法是，监听到scroll事件后，调用目标元素（绿色方块）的getBoundingClientRect()方法，得到它对应于视口左上角的坐标，再判断是否在视口之内。这种方法的缺点是，由于scroll事件密集发生，计算量很大，容易造成性能
_嗯_哼_·2023-08-22 01:00

ViewStub 标签懒加载

标签实质上是一个宽高都为0的不可见View.通过延迟加载布局的方式优化布局提升渲染性能.这里的延迟加载是指初始化时,程序无需显示该标签所指向的布局文件,只有在特定的条件下,所指向的布局文件才需要被渲染,且此布局文件直接将当前的替换掉.但这里的替换并不是完全意义上的替换,布局文件的layoutparams是以ViewStub为优先.当初次渲染布局文件时,ViewStub控件虽然也占据内存,但是相比于
逗比喵喵·2023-08-22 00:04

vue3.0 element plus表格循环出的输入框进行校验(setup语法糖)

el-table表格循环的输入框如何进行校验元提交import{ref}from'vue'//这里面是引入共工的自定义校验的方法，没有可以删除import{verifyGreaterThanZero}from'@/utils/validate'//表单formconstformTableRef=ref()//校验规则construles={purchaseNum:[{required:true,m
skyblue_afan·2023-08-21 21:17

Vue3+ElementPlus+TS

使用技术Vue3.0全家桶(Vue-Cli、Vue-Router、Vuex、Axios、Webpack)ElementPlusTypeScriptEcharts代码规范配置husky、commitizen
ianutt·2023-08-21 21:17

vue3优点和缺点？

性能方面的优化1、路由懒加载2、keep-alive缓存页面3、使用v-show复用DOM4、v-for遍历避免同时使用v-if5、长列表性能优化6、事件的销毁7、图片懒加载8、第三方插件按需引入9、无状态的组件标记为函数式组件
冰海恋雨.·2023-08-21 20:29

vue-router路由懒加载

正常配置importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/components/pages/login'importCapturefrom'@/components/pages/capture'importListfrom'@/components/pages/list'importCaptureFailfrom'@/c
后除·2023-08-21 19:51

react 11之 router6路由 （两种路由模式、两种路由跳转、两种传参与接收参数、嵌套路由，layout组件、路由懒加载）

目录react路由1：安装和两种模式react路由2：两种路由跳转（命令式与编程式）2-1路由跳转-命令式2-2路由跳转-编程式-函数组件2-2-1app.jsx2-2-2page/Home.jsx2-2-3page/About.jsx2-2-4效果react路由3：函数式组件-编程式导航传递参数3-1app.jsx3-2Home.jsx3-3About.jsxreact路由4：路由重定向app.
小小亮01·2023-08-21 16:34

微人事 部门管理 模块 （十五）

部门管理的树展示和搜索数据展示页是个树，我们一次性把数据加载出来也可以通过点一次id加载查询出来出来子部门，我们用一次拿到说有json数据加载出来数据不多可以用递归，数据很多就用懒加载的方式由于子部门比较深就不适合
小鱼干Ծ‸Ծ·2023-08-21 07:22

3、Spring之底层架构核心概念解析

比如：class，表示Bean类型scope，表示Bean作用域，单例或原型等lazyInit：表示Bean是否是懒加载initMethodName：表示Bean初始化时要执行的方法destroyMethodName
啥也不懂的派大星·2023-08-21 07:46

vue3.0中手写商品放大镜效果

实现效果实现分析（1）基础组件布局goods-info.vue父组件importGoodsImagefrom'./components/goods-image.vue'exportdefault{components:{GoodsImage}}.goods-info{min-height:600px;background:#fff;display:flex;.media{width:580px;h
奥特曼　·2023-08-21 07:01

vite初始化vue3.0项目——配置router和vuex

安装构建vue-router安装相关依赖yarnaddvue-router@next创建router/index.js文件创建路由对象并抛出import{createRouter,createWebHashHistory}from'vue-router'importHomefrom'@/views/home.vue'constRouter=createRouter({history:createW
啥名都不好起·2023-08-21 00:37

TypeScript+Vue3.0X集成开发

TypeScript中文手册-TypeScript中文手册(bootcss.com)技术选型：TypeScript及TypeScript在vue3.0项目中的基本使用_vue3typescript_Jeasu
乖乖的成长日记·2023-08-20 10:26

关于element-ui dailog中Cascader数据刷新不渲染

涉及两个问题1.Cascader只能接收数组2.dailog渲染是懒加载需要在open中传入更新函数
带带带前端·2023-08-20 09:43

滚动加载数据（懒加载），今天终于去把它实现了

秋招面试的时候在说到性能优化的时候也说了懒加载，可面试官进一步问具体怎么实现时，我却沉默了，心想，不就是随着滚动条的滚动加载数据吗？要怎么具体？好吧，我不会（我真是个酸菜鱼）。
小明与核桃·2023-08-20 06:12

SpringBoot + Vue 微人事项目(第一天)

vuecreatelogin_security//创建名字为login_security项目2、项目配置等待后弹出选项窗口，询问用户以什么模板方式进行安装Default([Vue3]babel,eslint)：默认预设配置，会快速创建一个Vue3.0
小鱼干Ծ‸Ծ·2023-08-20 04:00

07_缓存预热&缓存雪崩&缓存击穿&缓存穿透

在程序启动的时候，直接将数据刷新到redis懒加载，用户访问的时候，第一次查询数据库，然后将数据写入redis二、缓存雪崩发生情况redis主机挂了，redis全盘崩溃，偏硬件运维redis中有大量key
coder_xiaoyou·2023-08-19 16:43

干货 | 如何实现小程序图片模糊预加载？

导语最近在做的小程序项目设计大量图片的展示，小程序已经提供了图片的懒加载功能，但是由于图片本身比较大加上要展示的图片比较多，如何以一个比较友好的方式展示未加载完成的过程就是一个必须解决的问题了。
腾讯NEXT学院·2023-08-19 12:08

vue + elementui 中 在弹框中使用了 tree型结构(＜el-tree＞＜/el-tree＞)，点击关闭按钮按钮重置tree

vue项目中使用了element-ui中tree，选择了懒加载的模式通过点击按钮，使得tree重新加载通过点击重置按钮，使得tree重新加载/**重置按钮操作*/resetQuery(){varthat
꧁꫞꯭零꯭点꯭꫞꧂·2023-08-19 12:25

进阶16 懒加载

题目1：如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数isVisible实现functionisVisible($node){varwindowHeight=$(window).height();varscrollTop=$(window).scrollTop()varoffsetTop=$node.offset().topif(offsetTopscr
饥人谷_哈噜噜·2023-08-19 06:36

什么是 Vite

Vite是vue的作者尤雨溪在开发vue3.0的时候开发的一个基于原生ES-Module的前端构建工具。
鹤仔z·2023-08-19 03:56

spring源码分析bean的生命周期（上）

bean扫描生成BeanDefinition的过程：创建非懒加载的单例bean的过程：spring容器初始化好之后，首先要进行bean的扫描，然后再进行bean的创建和管理一、扫描生成BeanDefinitionpublicintscan
高如风·2023-08-18 19:38

vue2.0/vue3.0学习笔记——2022.08.16

vue2（查漏补缺）一、vue基础内置指令（查漏补缺）1、v-text更新元素的textContent2、v-html更新元素的innerHtml3、v-cloak防止闪现，与css配合:[v-cloak]{dispaly:none}4、v-once在初次动态渲染厚，就视为静态内容了；后面数据的改变不会引起v-once所在结构的更新，可以用于优化性能5、v-pre跳过其所在节点的编译过程；可利用它
bug天天写·2023-08-18 15:14

vue3.0子组件接收父组件的值以及调用父组件的方法

vue3.0子组件使用父组件的值以及调用父组件的方法父组件使用子组件，并向子组件中传值和方法子组件接收父组件的值以及调用父组件的方法父组件使用子组件，并向子组件中传值和方法html:使用v-bind即:
Sunshinedada·2023-08-18 11:38

el-tree 懒加载树

el-tree懒加载树添加自定义图标指定叶子节点懒加载{{node.label}}import{spTreeList}from"@/utils/api.js";exportdefault{data(){
天天向上1024·2023-08-18 08:29

【Vue3.0 ——指令学习】

v-text期望值是stringv-html期望值：string注意：在你的站点上动态渲染任意的HTML是非常危险的，因为他很容易导致XSS攻击。请只对可信内容使用HTML差值，绝不要将用户提供的内容作为插值scoped将不会作用于v-html，可以使用cssmodulescssmodules用法：https://blog.csdn.net/weixin_47416539/article/deta
聚宝盆_·2023-08-18 07:35

Spring-Clould-Alibaba-集成Ribbon&Feign

FeignSpring-Clould-Alibaba-集成Ribbon1.RestTemplate上添加注解@LoadBalanced2.在调用时,就可以使用服务名称来进行调用,和之前的使用Eureka方式是一样的3.自定义负载均衡策略4.配置懒加载
Joker_DJ dear·2023-08-18 06:43
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他