懒加载

2021-10-04 前端性能优化方法

文章目录前言1、GZIP1.1、使用步骤2、CDN2.1、使用步骤3、缓存3.1、使用步骤4.组件4.1、注意事项5.其它5.1、减少HTTP请求5.2、懒加载总结前言随着代码数量越来越多，如何加快项目浏览器中的运行速度
weixin_43160044·2024-02-11 20:40

学习blog：Vue实现路由懒加载以及将组件打包到一个模块中

目前VueRouter官方推荐的懒加载形式是这样constFoo=()=>import('.
weixin_43160044·2024-02-11 20:40

【Spring源码分析】Spring的启动流程源码解析

阅读此需阅读下面这些博客先【Spring源码分析】Bean的元数据和一些Spring的工具【Spring源码分析】BeanFactory系列接口解读【Spring源码分析】执行流程之非懒加载单例Bean
假正经的小柴·2024-02-11 20:07

iOS面试题-RunLoop

会在线程结束时销毁线程刚创建时并没有RunLoop对象，RunLoop会在第一次获取它时创建，子线程的RunLoop创建步骤如下：在子线程中调用[NSRunLoopcurrentRunLoop]创建RunLoop对象（懒加载
Peter杰·2024-02-11 11:09

一个做图片懒加载能用到的api

$().getBoundingClientRect（）转载连接：https://zhuanlan.zhihu.com/p/55311726
MrYang_b51b·2024-02-11 06:39

webpack之常见性能优化

之常见性能优化构建性能减少模块解析优化loader性能限制loader的应用缓存loader的结果多线程打包开启热替换常见loader和plugin传输性能分包手动分包自动分包模块体积优化代码压缩treeshaking懒加载
Mr_RedStar·2024-02-11 06:39

图片懒加载——实现原理

这就是图片懒加载。二、作用减少或延迟请求数，缓解浏览器的压力，增强用户体验。
佛系前端工程师·2024-02-10 12:53

项目优化

请求异步加载defer，async服务端渲染ssr多使用内存和缓存二、页面渲染css放前面，js放后面减少dom查询，多次使用的保存为变量减少dom操作，统一通过dom片段操作事件函数的节流和防抖图片懒加载尽早进行操作
瀡風·2024-02-10 10:22

【前端高频面试题--Vue路由篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vue路由篇对Vue-Router的理解Vue路由懒加载的实现路由的hash和history模式如何获取页面的hash
码上有前·2024-02-10 05:40

Vue中的异步路由、异步组件、懒加载第三方类库

这里就说说怎么通过异步和懒加载的形式把首屏代码实现到最小。注意：首屏的代码不要异步加载，非首屏代码异步加载。不然初始代码加载完成后，还有等运行后再去加载首屏代码，反而拉慢首屏显示。
Mr老朝·2024-02-09 14:09

利用路由懒加载和CDN分发策略，对Vue项目进行性能优化

目录一、Vue项目二、路由懒加载三、CDN分发策略四、如何对Vue项目进行性能优化一、Vue项目Vue是一种用于构建用户界面的JavaScript框架，它是一种渐进式框架，可以用于构建单页应用（SPA）
杨荧·2024-02-09 02:26

图片懒加载方法封装

letimgList=[...document.querySelectorAll('img')]letlength=imgList.lengthconstimgLazyLoad=function(){letcount=0return(function(){letdeleteIndexList=[]imgList.forEach((img,index)=>{letrect=img.getBoundi
旧时日月明·2024-02-08 20:48

vue2用自定义指令实现图片懒加载

以下实现使用自定义指令实现图片懒加载效果：javascript中有个api可以获取元素是否在可视区使用newIntersectionObserver（）话不多说看代码：ex
阿湘zs·2024-02-08 19:43

为自己的项目媒体资源添加固定高度

为自己的项目媒体资源添加固定高度未媒体资源添加固定高度，不仅有利于确定懒加载后的切确位置，还可以做骨架屏、loading动画等等，但是因为历史数据中很多没有加高度的媒体资源，所以一直嫌麻烦没有做。
sasaraku.·2024-02-08 10:38

利用Intersection Observer实现图片懒加载性能优化

ntersectionObserver是浏览器所提供的一个JavascriptAPI，用于异步的检测目标元素以及祖先或者是顶级的文档视窗的交叉状态这句话的意思就是：我们可以看的图片当中，绿色的targetelement（目标元素），并且存在一个顶层的或者祖先的文档视窗也就是当前图片中的，灰色的browserviewport（浏览器的视窗）当targetelement（目标元素）进行移动的时候，将会
开心点啦.·2024-02-08 07:13

利用路由懒加载和CDN分发策略对极客园项目进行性能优化

文章目录前言1.配置路由懒加载2.项目资源打包3.包体积可视化分析4.cdn配置总结前言极客园项目的完成之后，我们需要对项目进行打包以及性能优化，优化用户体验以及加快响应时间，本文只列举了路由懒加载和cdn
-_-你好-_-·2024-02-08 07:34

推荐一个支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载的vue3 瀑布流插件

直接上链接https://www.npmjs.com/package/vue-waterfall-plugin-next
给钱，谢谢！·2024-02-07 23:21

基于Vue3搭建的低代码数据可视化开发平台

结尾有链接整体介绍框架：基于Vue3框架编写，使用hooks写法抽离部分逻辑，使代码结构更加清晰；类型：使用TypeScript进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；性能：多处性能优化，使用页面懒加载
神码观察·2024-02-07 23:26

Vue-Router: 如何使用异步组件来实现路由懒加载

其中之一的优化方式是实现路由懒加载，即按需加载页面资源，而不是一次性将所有页面的代码加载到浏览器中。Vue-Router提供了一种简单而强大的方式来实现路由懒加载，即通过异步组件。
忧郁的蛋~·2024-02-07 20:21

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

步骤：自定义指令判断图片是否进入视口只有进入视口的图片才发送网络请求代码优化自定义指令main.jsapp.directive('img-lazy',{mounted(el,binding){//el是绑定的img元素，binding.value是图片srcconsole.log(el,binding.value)}})绑定元素：判断图片是否进入视口直接使用vueuse的useIntersecti
小秀_heo·2024-02-07 00:37

vue 懒加载

懒加载不要使用require引入组件还是有一定的问题使用import('/')这样引入否则会js报错语法冲突
中二少爷·2024-02-06 20:38

关联对象

前言之前我们大致分析了类的加载和分类的加载，清楚了主类和分类在懒加载和非懒加载的不同情况下，分类方法绑定到主类方法列表的时机问题。那分类中能添加属性吗？
深圳_你要的昵称·2024-02-06 09:00

咆哮的BitMaps

Roaring64NavigableMap导入依赖基本使用常用API需求案例懒加载or分页查询RoaringBitmaps是什么？
@lihewei·2024-02-06 07:31

el-cascader 懒加载数据与自动回显完整代码

import{PDD}from'@/apis';exportdefault{props:['detail'],data(){return{cat_ids:[],catOptions:[],showCascader:false,props:{lazy:true,lazyLoad:this.catLazyLoad}}},mounted(){},watch:{detail(val){constparam
zxo_apple·2024-02-05 12:53

【Vue3】 Vue-Router路由和路由导航守卫

historyVue-Router基本使用1，安装Vue-Router2，新建页面router文件下的index.js,路由，导入页面，导入路由,创建路由关系3，main.js3，app.vue里面router-link属性路由懒加载分包处理路由
博主花神·2024-02-05 11:23

vxeTable 手写复刻区域选择、复制粘贴、拖动柄

Vxe-table提供诸多功能：虚拟滚动、懒加载、快捷菜单、数据校验、树形
诛宵小或率宾归王·2024-02-05 01:14

Fragment 生命周期详解

在该方法里面可以通过调用getUserVisibleHint()获得Fragment的状态是可见还是不可见的，如果可见则进行懒加载操作。
南北VS东西·2024-02-04 21:52

React和Vue实现路由懒加载

React实现路由懒加载：React官方提供了React.lazy()函数来实现路由的懒加载。使用React.lazy()函数需要配合React的Suspense组件来使用。
&ACE&·2024-02-04 12:45

iOS之removeFromSuperview遇到的坑:第二次执行animateWithDuration动画，没有动画效果

直接先附上有问题的效果101.175515.gif原因：我懒加载创建的view，而removeFromSuperview不是真正的移除view，所以view还存在，只是被隐藏了。
CoderZb·2024-02-04 01:07

vue指令实现图片懒加载

全局注册Vue.directive("lazy",{inserted(el,binding){//定义一个观察器，entries为状态改变元素的数组letobserver=newIntersectionObserver((entries)=>{//遍历for(letiofentries){//如果改元素处于可视区if(i.isIntersecting>0){//获取该元素letimg=i.targ
小前端·2024-02-03 23:29

一些kotlin协程的具体运用

suspend关键字suspend挂起与恢复CoroutineScope一些协程函数和apirunBlocking函数coroutineScope函数supervisorScope函数Jobasync协程的懒加载
山山而川_eb3b·2024-02-03 11:21

swift 中 Lazy，deinit用法

*swift中懒加载写法，懒加载在Swift中是一个闭包。
a浮生若梦a·2024-02-03 05:43

设计模式——单例模式

创建方式/***饿汉式**类加载时，实例就跟创建初始化了，所以是线程安全（类加载的过程就是线程安全的）*不支持懒加载*/publicclassSingleHunger{privatestaticSingleHungerinstance
小院里栽棵树·2024-02-03 02:03

2024 高级前端面试题之 性能优化模块 「精选篇」

性能优化模块精选篇1.性能优化方式1.1DNS预解析1.2缓存1.3使用HTTP/2.01.4预加载1.5预渲染1.6懒执行与懒加载1.7文件优化1.8其他2.首屏渲染优化3.页面基础优化4.性能优化方向
八了个戒·2024-02-02 22:26

element-ui 的el-tree控件动态加载更新

element-ui官方文档（官方文档）提供了懒加载自定义叶子节点，主要是通过resolve()来返回。
weixin_43766801·2024-02-02 22:41

vue+elment el-tree懒加载自定义叶子节点，三角样式最后一层不显示css

{{node.label}}data(){return{props:{label:"name",isLeaf:(data,node)=>{if(node.level===2){returntrue}}},}}Node(node,resolve){//如果展开第一级节点，从后台加载一级节点列表if(node.level==0){this.loadfirstnode(resolve);}//如果展开其
菡萏琅梓·2024-02-02 22:41

react-lazyload 的介绍、安装、使用。

目录基本介绍安装使用基本使用详细属性基本介绍react-lazyload是一个React组件，用于延迟加载（懒加载）页面上的图片或其他资源。
大聪明码农徐·2024-02-02 09:24

mybatisplus多数据源配置---dynamic

支持无数据源启动，支持懒加载数据源（需要的时候再创建连接）。支持自定义注解，需继承DS(3.2.0+)。
yaobo2816·2024-02-02 04:20

原生 JS 懒加载简单实现

懒加载优势:(1)节省网络资源–一次性加载所有资源很慢(2)对用户体验–节省流量,使用友好(3)对服务器而言–减轻负载压力懒加载原理:只显示可视区域的图片给用户功能实现(1)图片标签默认是占位图,图片真正的地址在自定义属性里
ChasenGao·2024-02-02 00:47

Swift 懒加载 lazy（集合的懒加载原理）

Swift懒加载lazy惰性存储属性是一种直到第一次使用它时才计算其初始值的属性。
你duck不必呀·2024-02-01 10:10

React和Vue实现路由懒加载

在React中，可以使用React.lazy()函数来实现路由懒加载。React.lazy()函数接收一个函数，这个函数需要动态地调用import()函数并返回一个Promise，以异步地加载组件。
&ACE&·2024-02-01 09:05

原来我不懂Spring-Bean的作用域

image.pngimage.pngWeb环境的Bean作用域image.pngimage.png自定义作用域image.pngimage.pngimage.pngimage.pngSimpleThreadScopeimage.png懒加载只有当
倔强小苹果·2024-01-31 14:59

Android优化--Fragment懒加载

但是，假如ViewPager的每一个Fragment都需要通过网络拉去数据加载，而ViewPager是默认加载前两项的，所以在很容易造成网络丢包或者网络堵塞等问题，所以Fragment使用懒加载是非常有必要的
crush_d872·2024-01-31 14:14

react.lazy 路由懒加载_7.8 vue-router实现路由懒加载(动态加载路由),新增chunkFilename...

问题：vue-router实现动态加载路由组件(懒加载)当打包构建应用时，Javascript包会变得非常大，影响页面加载。
weixin_39683598·2024-01-31 14:13

react.lazy 路由懒加载_Web前端：Vue路由进阶配置

大家好，我来了，本期为大家带来的前端开发知识是”Web前端：Vue路由进阶配置“，有兴趣做前端的朋友，和我一起来看看吧！1.页面打开权限流程页面是否能打开有以下两点判断：1.判断是否增加登陆的判断a)True：进入判断是否有登陆的流程b)False：直接页面页面2.根据登陆判断，判断是否已经登陆成功或者失败a)判断是否已经登陆，如果登陆则进入页面b)判断是否已经登陆，如果未登录则进入登陆页面2.过
weixin_39893205·2024-01-31 14:13

React和Vue组件的懒加载

懒加载，也可以成为按需加载，即页面、数据或者组件在需要加载的时候才进行加载，在开始只加载需要的最少的静态资源和数据信息，尽快的展示首屏页面。现在先不谈技术，谈谈为什么需要按需加载。
xubaodian·2024-01-31 14:42

vue和react的路由懒加载

懒加载用于解决首屏加载缓慢的问题原理利用按需加载的思想，在第一次加载的过程中，只加载用户所看到的部分剩下的部分，加快了首屏加载的速度。
MaxLoongLvs·2024-01-31 14:12

路由的懒加载

一、概念官方描述：当打包构建应用时，Javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成功不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。解析：路由中通常会定义很多不同的页面，这些页面打包后被放在一个js文件中，但是这么多页面放在一个js文件中必然会造成页面非常大。如果我们一次性从服务器上请求下来这个页面，可能需要花费一定的时间，甚至用户的电
落雪小轩韩·2024-01-31 14:40

vue实现路由懒加载几种方式

一、为什么需要路由懒加载vue在项目打包之后，会生成一个dist文件夹。在dist文件夹里面又有一个js/app.js文件，这里主要存放的是整个项目的业务逻辑代码。
青梅SEO·2024-01-31 14:40

react路由懒加载和路由缓存

之前用vue写的项目比较多，刚用react还是很不习惯，官网只有最基础的api，很多东西都要自己去研究，开始还是花费了一些力气，但还是最终还原了vue路由的所有功能，路由懒加载和路由缓存功能react路由懒加载
陈大左·2024-01-31 14:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他