vue3.0懒加载

学习Vue 3.0 （2）

Vue3.0生命周期Vue3.0中可以继续使用Vue2.x的生命周期钩子，但是有两个被更名beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0
Beppo·2023-09-02 11:56

vue图片懒加载 —— vue-lazyload的使用

使用方式1.npminstallvue-lazyload--save-dev2.main.jsimportVueLazyLoadfrom'vue-lazyload'Vue.use(VueLazyLoad,{preLoad:1,error:require('./assets/img/error.jpg'),loading:require('./assets/img/homePage_top.jpg'
牛牛爱科技·2023-09-02 09:59

Vue2.0/Vue3.0使用xlsx+xlsx-style实现导出Excel文件

一、依赖导入1、Vue2+Webpack构建的npmixlsxnpmixlsx-stylenpmifile-saver同时修改以下：解决Can’tresolve‘./cptable’in‘…’的问题，在vue.config.js文件中加入该配置module.exports={externals:{'./cptable':'varcptable'}}2、Vue3+Vite构建的npmixlsxnpm
m0_38004177·2023-09-02 09:11

你知道Vue 3.0中Treeshaking特性吗？

介绍Vue3.0引入了Tree-shaking特性，旨在优化构建过程并减小最终生成的代码大小。
heiyay·2023-09-02 09:10

Vue3.0 放弃 Object.defineProperty 你了解多少？

想必大家都知道Vue3.0把数据对象侦测的API从Object.defineProperty换成proxy，原因是使用了Proxy初始性能更好。
前端老司机·2023-09-02 00:12

Java的23种设计模式

Java的23种设计模式一、创建型设计模式1.单例模式singleton1.1.静态属性单例模式1.2静态属性变种1.3基础的懒汉模式1.4线程安全的懒加载单例1.5线程安全的懒加载单例-改进1.6双重检查锁
归去来 兮·2023-09-01 21:31

webpack（二）webpack介绍与基础配置

可以做什么代码转化：es6转为es5，scss、less转为css文件优化：压缩代码体积代码分割：路由懒加载
cwj&xyp·2023-09-01 19:00

vue3.0刷新当前组件nextTick

$nextTick直接调用这个函数来操作的，在vue3.0中的setup他的用法是不一样的在setup中的用法：1、引入reactive和nextTickimport{reactive,nextTick
浩星·2023-09-01 16:59

vue3.0中改变router为hash或者history

前言:在这里我们分析总结下vue2.0和vue3.0改变router为hash或者history的方法。
浩星·2023-09-01 16:28

Vue3.0 setup函数

setup1、Vue3.0中一个新的配置项，值为一个函数。2、setup是所有CompositionAPI(组合API)“表演舞台”。3、组件中所用到的：数据、方法等等，均要配置在setup中。
蹲蹲、·2023-09-01 07:24

Vue3.0面试题

1.Vue3.0性能提升主要是通过哪几方面体现的？1.响应式系统提升vue2在初始化的时候，对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象，还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好，proxy可以拦截属性的访问、赋值、
ifredom_·2023-09-01 07:21

vue项目中性能优化方法

一.代码包优化1.屏蔽sourceMap2.对项目代码中的JS/CSS/SVG(*.ico)文件进行gzip压缩3.对路由组件进行懒加载二.源码优化1.v-if和v-show选择调用2.为item设置唯一
_木_槿_·2023-09-01 02:30

预加载和懒加载的区别

预加载：预先加载主要内容，缓存到本地，等需要用时直接从缓存中获取懒加载：用户看不到的数据先不加载，等到用户滑动到时/满足某种条件再加载。首页优先级更高。
日晞·2023-09-01 01:12

uni-app 项目支持 vue 3.0 介绍及升级指南

至此，uni-app在App/H5/小程序全平台支持Vue3.0开发，且全平台支持Vite编译器，下载HBuilderX3.3.0+体验。
嚣张农民·2023-09-01 01:39

单例模式

缺点：类加载时就初始化了，没有实现懒加载。
wangxiaowu241·2023-09-01 01:16

【Vue】全家桶之vue-Router

文章目录概述后端路由前端路由VueRouter安装vue-router的常见用法路由懒加载路由重定向嵌套路由动态路由匹配声明式导航&编程式导航声明式导航编程式导航导航守卫全局前置守卫守卫方法的3个形参next
软泡芙·2023-08-31 21:07

HarmonyOS—UI开发性能提升的推荐方法

使用数据懒加载开发者在使用长列表时，如果直接采用循环渲染方式，如下所示，会一次性加载所有的列表元素，一方面会导致页面启动时间过长，影响用户体验，另一方面也会增加服务器的压力和流量，加重
HarmonyOS开发者·2023-08-31 19:30

Vue 3 is now in RC!

今天Vue官方宣布Vue3.0已进入RC（发行候选）阶段！仰天长啸~"天下苦秦久矣"。进入RC阶段意味着Vue3核心的API和实现均已稳定。
李_李·2023-08-31 17:33

webpack4 路由懒加载

webpack中配置使用vue-router中需求的'syntax-dynamic-import'插件注意如果您使用的是Babel，你将需要添加syntax-dynamic-import插件，才能使Babel可以正确地解析语法。安装npminstall--save-dev@babel/plugin-syntax-dynamic-import配置webpacktest:/\.js$/,exclude
无相__·2023-08-31 11:55

HarmonyOS—UI 开发性能提升的推荐方法

使用数据懒加载开发者在使用长列表时，如果直接采用循环渲染方式，如下所示，会一次性加载所有的列表元素，一方面会导致页面启动时间过长，影响用户体验，另一方面也会增加服务器的压力和流量，加重
·2023-08-31 11:58

egg.js+vue.js 云服务器部署 -- 环境配置

写个流程防止以后忘记；前端是用vue3.0全家桶+ts；后端是egg.js+mysql；该博文不涉及项目内容，后续有时间再写个项目篇；1、既然是云服务器部署，肯定得先购买服务器，博主是个前端小白，对服务器也是一无所知
氵木子剑·2023-08-31 10:17

【Vue-Router详解】前端路由的发展历程；Vue-Router的使用；路由懒加载分包处理；动态路由和路由嵌套；路由的编程式导航；动态管理路由对象；路由导航守卫钩子

URL的hash2_Vue-Router基本使用2.1_认识vue-router2.2_使用vue-router的步骤2.3_路由的默认路径2.4_history模式2.5_router-link3_路由懒加载分包处理
龙猫呗·2023-08-31 10:23

微信网页，浮层内允许滚动，浮层下锁定滚动

弹出浮层，锁定浮层下不滚动，允许浮层内滚动同时，页面有做底部触发懒加载的机制/***弹出Dialog时，锁定页面不滚动。*demo:window.bus.
Armin0202·2023-08-31 09:07

微信小程序：上拉加载更多

无论是微信小程序还是其他前端框架，都会遇到上拉加载（懒加载）和下拉刷新这种问题。其实理清楚什么时候请求数据、请求返回的几种情况，那么做这个懒加载就很简单了。
Lucia_Huang·2023-08-31 08:56

有哪些前端可以做的性能优化点

懒加载图像，仅当图像出现在视口中时加载。使用CDN：通过内容
临在❀·2023-08-31 05:46

Swift WKWebView(一)：基本使用

一、创建，我们可以在Viewcontroller中使用如下的懒加载的方式创建一个WKWebView以及一个便于观察进度的进度条：//wkWebViewlazyvarwkWebView=WKWebView
Charles_Zhang·2023-08-31 04:04

滚动懒加载的实现

图片懒加载方案方案1：监听滚动事件Document*{margin:0;padding:0;}html,body{width:100%;height:100%;}.box{height:100%;overflow-y
bug丸·2023-08-31 04:54

SpringBean的生命周期过程

SpringBean的生命周期过程Spring的Bean分为单例Bean（默认形式），多例Bean，以及懒加载的Bean，后两种Bean是在获取Bean对象的时候进行初始化，以下我总结的是Spring单例
爱上布洛格的鸭鸭·2023-08-31 01:11

vue3.0常用配置详解 vue.config.js

在项目文件下的根目录创建vue.config.js//引入pathconstpath=require('path');module.exports={baseUrl:'',//从VueCLI3.3起已弃用，请使用publicPathpublicPath:process.env.NODE_ENV==='production'?'/':'/',//输出文件目录outputDir:'dist',//静态
半度℃温热·2023-08-30 23:01

vue3.0常用eslint配置详解 .eslintrc.js

规则值"off"或者0，关闭"warn"或者1，警告"error"或者2，报错.eslintrc.js配置module.exports={root:true,//此项是用来告诉eslint找当前配置文件不能往父级查找env:{//预定义的全局变量，这里是浏览器环境amd:true,es6:true,commonjs:true,node:true,jquery:true,browser:true},
半度℃温热·2023-08-30 23:01

2020-05-09 前端图片太多，图片太大怎么优化

4、图片懒加载，像淘宝或者京东这样的APP页面上有很多图片,当我们滑到下一屏时下一屏的图片才会加载,这就采用了图片懒加载的方式.图片懒加载,简单来说就是在页面渲染过程中,图片不会一次性
梦梦_087a·2023-08-30 17:11

Swift5 自动给webView中的某个控件赋值

我用的是WKWebView创建的网页，创建webView大概步骤：importWebKit//懒加载privatelazyvarwebView=WKWebView()//加载百度网页webView.load
浅浅_e90e·2023-08-30 16:01

vue3 useIntersectionObserver滚动时实现数据加载

假设一个页面很多图片，如果一下子全部加载，接口返回较慢，会阻塞页面的渲染，用户可能需要好几秒甚至更久的时间才能看到内容，这是不能忍受的在vue中可以使用useIntersectionObserver进行数据懒加载
艾码仕·2023-08-30 14:45

vue+element实现树状表格的增删改查；使用el-table树形数据与懒加载实现树状表格增删改查

以下代码可以直接复制使用一、情景：列表是一个树状表格，可以无限添加下级，以及对列表的某一行进行增删改查（目前查没有写）。原博链接二、本篇是在原博主的代码基础上添加了部分功能。功能1：给树状表格添加虚线部分，可以更清楚树节点层级关系功能2：某行数据可以直接输入框编辑，也可以点击编辑按钮打开弹框编辑功能3：我这里树状节点一共有三种：–①顶级根节点first：只会有最外层一个默认就有的可以添加下级【夹】
bhegi_seg·2023-08-30 10:53

OkHttp（二）：线程重用机制

Dispatcher类中；上一篇中我们了解到异步调用enqueue方法内部会调用executorService().execute(call)方法；executorService()就是实际的线程池的创建管理，用的是懒加载模式
ti天梦·2023-08-30 09:47

VUE3添加全局变量

全局变量的添加在vue3.0中注入全局方法不是在prototype上挂载了，而是添加在config.globalProperties属性上。
哦...·2023-08-30 08:47

[element-ui] el-tree 懒加载load

懒加载：点击节点时才进行该层数据的获取。注意：使用了懒加载之后，一般情况下就可以不用绑定:data。
533_·2023-08-30 05:37

arthas 抓不到懒加载吗？

问题描述今天使用arthas监控线上问题时，遇到一种情况，无论如何也无法监控到该方法。报错如下：[arthas@66764]$watchxxxx.getSql'{params,returnObj,throwExp}'-n5-x3ilgetSql'{params,returnObj,throwExp}'-n5-x3n.util.SqlUtAffect(classcount:0,methodcount
@大吉·2023-08-29 21:19

Element浅尝辄止10：Image组件

图片容器，在保留原生img的特性下，支持懒加载，自定义占位、加载失败等1.如何使用？//可通过fit确定图片如何适应到容器框，同原生object-fit。
渣渣砖·2023-08-29 19:25

vue项目webpack打包优化体积优化，打包体积减少200kb到4Mb

2.路由懒加载可以在路由配置里，使用require引入页面或组件实现路由懒加载，每个页面大约可以减少10—50kb的打包体积，示例如下：importVuefrom'vue'importRouterfrom'vue
shalDream·2023-08-29 18:08

TEngine 配置表模块

6.配置表模块-ConfigLoader接入最佳游戏配置解决方案-Luban在TEngine中Luban工具集位于以下目录TEngine内置默认使用懒加载配置，也支持基于UniTask的异步加载，同步加载
欧尼sama·2023-08-29 16:52

最简单 实现 Element-ui el-table的懒加载表格数据 el-table懒加载请求数据 element-ui 懒加载

最简单实现Element-uiel-table的懒加载表格数据el-table懒加载请求数据element-ui懒加载1、效果图2、代码1、效果图2、代码{{props.row.lazy.name}}{
我不是李.杨·2023-08-29 13:20

Android启动优化

Android启动优化启动分类冷启动热启动启动监控生命周期监控首屏渲染监控用户可交互监控启动报表50分位，90分位图分段图，1s到2s，2s到3s不同Android版本，不同设备，不同app版本启动时间启动优化懒加载线程池加载任务
Little xian·2023-08-29 10:32

webpack5 优化产出代码

产出代码做性能优化的效果无非是下面三种效果：体积更小合理分包，不重复加载速度更快、内存使用更少下面将通过介绍以下方案来达到以上目的：小图片使用base64编码：url-loaderbundle加hash：应用缓存使用import懒加载模块使用
miao8862·2023-08-29 08:37

androidx1.10之后的fragment懒加载

用法valfragments=arrayListOf()fragments.add(Fragment1())fragments.add(Fragment2())fragments.add(Fragment3())fragments.add(Fragment4())viewPager.offscreenPageLimit=fragments.size-1viewPager.adapter=objec
空老表·2023-08-29 07:03

图片懒加载

参考视频https://www.bilibili.com/video/BV1FU4y157Li/?spm_id_from=333.788&vd_source=5c584bd3b474d579d0bbbffdf0437c70
常威在打来福~·2023-08-29 05:37

vue3.0和2.0的区别

Vue-cli3.0于兼容性不是很好，命令有不少变化，不是特别的乐观vue3.0的发布与vue2.0相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；更快1、virtualDOM完全重写
SY·2023-08-29 05:12

深入学习SAP UI5框架代码系列之六：SAP UI5控件数据绑定的实现原理

系列目录(0)SAPUI5应用开发人员了解UI5框架代码的意义(1)SAPUI5module懒加载机制(2)SAPUI5控件渲染机制(3)HTML原生事件VSSAPUI5Semantic事件(4)SAPUI5
JerryWang_汪子熙·2023-08-29 01:31

图片懒加载

图片懒加载，需要在assets中新建一个utils下新建一个index.js,内容如下importechofrom'..
Sunshine_488c·2023-08-28 17:47

预计今年发布的Vue3.0到底有什么不一样的地方？

-w949还有几个月距离vue2的首次发布就满3年了，而vue的作者尤雨溪也在去年年末发布了关于vue3.0的计划，如果不出意外，我们将在今年的某个时间点见证Vue3.0的发布，虽然前几天在《StateOfJS
周小肆·2023-08-28 15:10
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他