加载lazy的问题
加载lazy是一种延迟加载技术，它将资源的加载推迟到真正需要使用时再进行，从而提高页面的加载速度和性能。下面是对加载lazy问题的详细解答：
概念： 加载lazy是指在网页加载过程中，将非必要资源（如图片、脚本、样式等）的加载推迟到用户实际需要访问到它们的时候再进行加载的技术。
分类： 加载lazy可以分为以下几种类型：
- 图片懒加载：将页面中的图片替换为占位符，在图片进入可视区域时再进行实际加载。
- 脚本懒加载：将页面中的脚本延迟加载，直到需要执行时再进行加载。
- 样式懒加载：将页面中的样式表延迟加载，直到需要应用到元素上时再进行加载。
优势： 加载lazy具有以下优势：
- 提升页面加载速度：延迟加载非必要资源可以减少首次加载时的请求和传输时间，从而加快页面的加载速度。
- 节省带宽和服务器资源：只加载用户实际需要的资源，可以减少无效的资源请求，节省带宽和服务器资源。
- 提升用户体验：通过提高页面的加载速度，可以减少用户的等待时间，提升用户体验和满意度。
应用场景： 加载lazy适用于以下场景：
- 长页面：对于包含大量图片或其他资源的长页面，通过加载lazy可以减少首次加载时的资源压力，提高用户体验。
- 懒加载列表：在网站或应用中，当需要显示大量图片或内容时，可以使用加载lazy来延迟加载列表中的元素，以提高页面性能。
- 异步加载模块：在复杂的web应用中，可以使用加载lazy来异步加载某些模块，减少初始加载时的资源消耗。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与加载lazy相关的产品和解决方案，包括：
- 图片懒加载：可以使用腾讯云的内容分发网络（CDN）服务，通过配置CDN的懒加载策略来实现图片的懒加载。详情请参考：腾讯云CDN。
- 脚本和样式懒加载：可以使用腾讯云的云函数（SCF）来实现脚本和样式的懒加载。通过将脚本和样式作为云函数的触发器，并在需要时调用云函数加载相应的资源。详情请参考：腾讯云云函数。
请注意，以上只是示例产品，腾讯云提供了更多与加载lazy相关的产品和解决方案，具体选择应根据实际需求进行评估和决策。
总结： 加载lazy是一种延迟加载技术，它可以提高页面的加载速度和性能，节省带宽和服务器资源，并提升用户体验。在实际应用中，可以针对不同的资源类型使用不同的加载lazy技术，并结合腾讯云提供的相关产品和解决方案来实现。
相关·内容
2回答
如何延迟加载组件和模板
、、、、
我尝试过延迟加载组件，也成功地加载了延迟加载模板，但我没有成功地将这两者结合起来。
以下是我如何延迟加载组件：
// This is in my main.js
const router = new VueRouter({
routes: [
{ path: '/lazy', component: () => import('./lazy.js') }
]
})
// And this is in lazy.js
export default {
template: '<div>Lazy loa
浏览 0提问于2018-10-06得票数 2
回答已采纳
我有一个应用程序，我懒惰地加载了一个名为lazy的模块。该模块是通过以下方式延迟加载的： {
path:'lazy',
loadChildren:
'./lazy/lazy.module#LazyModule'
} lazy模块中包含以下路由： const routes = [
{
path: '',
component: LazyComponent
},
{
path: 'faq',
component: FaqComponent
},
{
path: 'detai
浏览 26提问于2019-09-11得票数 3
1回答
我在页面加载时预先加载了下面的HTML
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
现在，我
浏览 1提问于2014-09-18得票数 0
3回答
类学生依赖于类结果
<bean id = "result" lazy-init = "false">
</bean>
<bean id = "student" lazy-init = "true">
</bean>
结果:当调用getBean方法时，结果bean将在容器启动时加载，而学生将被加载。
<bean id = "result" lazy-init = "false" scope = "prototype">
<
浏览 6提问于2016-02-07得票数 2
1回答
我试图将另一个folder(/home/abhishek/programming/angular4/lazy-loading/lazy2/src/app)中可用的延迟加载模块(角4)加载到当前运行的应用程序folder(/home/abhishek/programming/angular4/lazy-loading/lazy1/src/app).中。为了解释整个场景，我有一个用角-cli创建的具有可以懒惰加载的组件的角4应用程序。
我这里有两个组件，一个是急切的，另一个是懒惰的。通过角度路由器将延迟组件配置为按需加载，此延迟加载设置工作良好。下面是工作路由配置：
const routes:
浏览 2提问于2018-04-08得票数 2
虽然我找不到任何东西来解决这个问题，但我已经看了一遍。我正在设计一个图像组合网站，并希望加载图像，因为他们进入视口的性能原因。最初显示在视图中的图像加载正常，但在滚动时没有加载任何图像
<script>
registerListener('load', lazyLoad);
registerListener('scroll', lazyLoad);
function isInViewport(elem) {
var distance = elem.getBoundingClientRect();
浏览 0提问于2019-04-16得票数 0
我正在使用jquery.lazy插件在画廊中加载图像。
如果我这样做，它会工作得很好。
<!DOCTYPE html>
<html>
<head>
<title>Lazy Load</title>
<script src="jquery/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="jquery.lazy/jquery.lazy.min.js"></s
浏览 1提问于2020-10-29得票数 0
我正在努力使我自己的延迟加载功能在我自己的滑块上。问题是我有一个带有overflow的div容器:隐藏在这个div里面是一个UL。我想通过从data-src切换到src来加载图像URL。为此，我需要知道LI在div容器中是否可见(溢出div容器)。这是我的html代码。
<div class="wrapper" style="width:288px;overflow:hidden">
<ul class="ui" style="width:3000px">
<li><img clas
浏览 0提问于2014-07-16得票数 0
我有这个懒惰加载图片的代码
<img src="https://source.unsplash.com/1600x900/?hotel,booking.com?v=1" loading="lazy" />
<img src="https://source.unsplash.com/1600x900/?hotel,booking.com?v=2" loading="lazy" />
<img src="https://source.unsplash.com/1600x900/?hotel,boo
浏览 2提问于2021-05-21得票数 0
我正在使用jQuery的插件来延迟加载图片。但我对此行为感到困惑：
如果我通过AJAX加载图像并将它们附加到视窗中，我需要滚动网页来加载图像。除非我滚动，否则图像不会加载。
我试图通过调用函数来解决这个问题，在通过.html()写入图像之后加载它们，但什么都没有发生：
下面是我正在尝试使用的代码的一部分：
我重新定义了html函数，以便能够将回调连接到它，并在.html()完成后尝试调用函数lazy_load()。
你有什么想法，怎么解决它吗？谢谢
// create a reference to the old `.html()` function
var htmlOriginal = $.
浏览 2提问于2015-03-11得票数 0
我使用的是Range8，简单的应用程序，带有一个延迟加载模块和一个服务providedIn：“root”：一切正常。
现在，我想在LazyLoadedModule中提供服务，以便只有当延迟加载的模块在各自的路由上下载时才提供服务。因此，我更新了我的服务如下：
@Injectable({
providedIn: LazyModule
})
export class MyService {... }
此服务被注入到LazyModule中声明的组件中。现在，我得到了以下错误：
检测到循环依赖项中的警告:src\app\惰性-模块\lazy.service.ts src\app\lazy-modu
浏览 0提问于2019-07-11得票数 2
据我所知，angular路由器延迟加载是从一个url段开始工作的。
例如，在中，您将危机中心放在单独的模块中，并且来自其组件的路由挂起‘www.server.org/ crisis-center /’…
但是，如果你想拥有crisis-center组件，而不想挂在“www.server.org/crisis-center”的url段上呢？
例如，‘www.server.org/crisis-center’指向CrisisListComponent，而‘www.server.org/crisis-admin’指向CrisisAdminComponent
我找不到一种方法将这两个路由指向同一个延迟
浏览 1提问于2017-02-22得票数 3
1回答
我刚刚在我的应用程序中实现了基于路由器的代码分裂(延迟加载)。AFAIK，在实现延迟加载时，访问页面的用户只会加载整个包中的某一部分，而不会加载其他任何内容。
那么，是否有一种方法可以告诉我们在加载初始页面之后开始加载其他组件，这样用户在跳转到另一个页面时就不必等待了？
const App = React.lazy(() => import('./components/home/App'))
const Game = React.lazy(() => import('./components/game/Game'))
const Custom = R
浏览 5提问于2020-11-21得票数 0
回答已采纳
我刚刚把React升级到了17，我收到了一个奇怪的错误。 TypeError: ctor is not a function ? 我的惰性组件是这样加载的 const Course = lazy(() => import('./containers/course'))
const Learner = lazy(() => import('./containers/learners'))
const Report = lazy(() => import('./containers/reports'))
const Hom
浏览 180提问于2021-03-21得票数 2
我正在尝试加载一个需要jQuery才能运行的延迟加载程序插件。如果我这样写我的脚本：
require([
"jquery",
"ScandiLazy",
], function ($) {
jQuery('.category-products .lazy').lazy();
});
我得到了：
"jquery.lazy.min.js:43 Uncaught TypeError: Cannot read property 'fn' of undefined
浏览 4提问于2018-09-15得票数 1
Plunker：
我在app.module中设置了这样的路由
const routes = [
{
path: '',
component: DummyComponent
},
{
path: '', // is this right?
component: SingleComponent,
children: [
{
path: '**', // is this right?
loadChildren: 'src/lazy/lazy.mod
浏览 1提问于2017-08-02得票数 0
我对Jquery的Fancytree插件很陌生。
我想要延迟加载树的节点。
我无法从不同的来源加载这些节点。
两个节点都从同一个单一源获取数据。我希望节点"Lazy Folder1“应该从sample1.json加载数据，而节点"Lazy Folder2”应该从sample2.json加载数据
$(function(){
var sampleSource = [
{ title: "Lazy Folder1", lazy: true },
{ title: "Lazy Folder2", lazy:
浏览 4提问于2017-05-07得票数 2
回答已采纳
我已经将我的路由器导入从旧的导入方式中改变了。
loadChildren: './lazy/lazy.module#LazyModule
我使用动态导入来加载路由器模块。
loadChildren: () => import('./lazy/lazy.module').then(m => m.LazyModule)
现在，我不是渲染组件，但同时页眉和页脚，组件加载良好，因为它不是从路由器-出口加载。
app.component.html
<header-component>. //rendering fine
<router-outlet
浏览 1提问于2022-06-28得票数 0
我正在使用这个插件懒惰地加载图像。 http://jquery.eisbehr.de/lazy 它很好地加载了我的80张图片。这就是代码。 <!DOCTYPE html>
<html>
<head>
<title>Lazy Load</title>
<script src="jquery/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="jquery.lazy/jquery.
浏览 15提问于2020-10-27得票数 1
回答已采纳
1回答
我最近注意到我的网站在第一次加载时出现了一些严重的性能问题。在做了一些挖掘之后，我注意到这是因为我的应用程序加载了应用程序中的每一个单独的图像，即使它不是必需的。我想我已经用react lazy解决了这个问题 import React, { lazy, Suspense } from 'react';
import { Route, Switch } from 'react-router-dom';
import { ProtectedRoute } from './components/ConditionalRoute';
import
浏览 23提问于2020-11-09得票数 1
回答已采纳
2回答
我正在试着懒惰地加载背景图像。为了做到这一点，我添加了jquery的延迟加载插件: jquery-lazy。我们将其与npm i jquery-lazy一起安装。
为了有延迟加载的图像，我只需要添加类lazy，如下所示：
包含以下js的<img data-src="image.png" class="lazy">：
<script>
$(function($) {
$("img.lazy").Lazy();
});
</script>
而且它工作正常。
不幸的是，我不知道如何处理这样的背景图像：
&
浏览 3提问于2020-03-25得票数 0
1回答
如何在延迟加载时使图像可见
、、、、
我试图使用jquery“惰性加载”一堆图片，但是当加载页面时，它们不会出现在屏幕上。我知道xhtml，基本的js和css。我见过许多不同的“惰性加载”的解决方案，但我还没能让它们中的任何一个工作。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
浏览 0提问于2014-10-20得票数 0
我知道没有我的大量源代码很难给出答案，但我想知道以前是否有人遇到过这个问题。这是我的惰性加载代码。
function displayLogo(merchant,merchantLogoId){
$.getJSON("http://202.161.46.8:83/TGLWebService/logows/getBigLogo/"+merchant, function(data) {
document.getElementById(merchantLogoId).innerHTML = ("<img class='lazy' src=&#
浏览 12提问于2013-08-20得票数 0
我有一个包含List的实体，因此默认情况下加载了lazy：
interface MyEntityRepository extends CrudRepository<MyEntity, Long> {
}
@Entity
public class MyEntity {
@Id
private Long id;
@OneToMany(mappedBy = "bar") //lazy by default
private List<Bar> bars;
}
@Entity
public class Bar {
/
浏览 1提问于2015-08-06得票数 15
回答已采纳
2回答
我正在使用React v17，并使用React v6+。当我加载页面时，浏览器下载了大约900 is的所有js，从而减少了初始加载时间。
我的路线是这样定义的
const PrivateRoute = lazy(() => import("../utils/AuthenticatedRoutes"));
const Profile = lazy(() => import("../modules/Settings/User/Profile"));
const Buddies = lazy(() => import("../modules/
浏览 13提问于2022-07-21得票数 1
1回答
为了减少主包的大小，我使用延迟和悬念实现了延迟加载路由。
然而，我遇到的问题是，当刷新页面时，应用程序总是在通配符路径中结束，而不是在当前位置url重新加载。
如果我删除通配符，问题似乎是固定的，但我错过了在错误的url输入上重定向的行为。如果我删除延迟/悬念组合并在主包上加载路由，那么问题也是固定的，但是我显然失去了延迟加载的好处。
那是为什么？如何才能允许刷新在前一条路由上结束？
// Lazy imports
const Home = lazy(() => import("./home/Home"));
const RecordsModule = lazy(() =
浏览 11提问于2022-03-29得票数 0
回答已采纳
3回答
我有一个div包装器，其中存在延迟加载映像。然后我有一个div在这些图像下面，我想让它粘稠。
<div id="someWrapper">
<img class="lazy" data-original="someImageURL"></img>
<img class="lazy" data-original="someImageURL"></img>
<img class="lazy" data-origina
浏览 9提问于2015-06-19得票数 0
回答已采纳
1回答
假设我有Lazy集合，在某些情况下我希望预加载(预加载是指获取一些值并通过Lazy集合对它们进行包装)
var lazyCollection = new Lazy<T[]>(() => ....);
var TCollection = GetTValues().ToArray();
如何制作像lazyCollection = TCollection或lazyCollection = new Lazy<T[]>(TCollection)这样的东西？
浏览 0提问于2013-01-15得票数 0
回答已采纳
1回答
带有初始化器的惰性属性
、、、
我正在尝试使用@lazy属性按需加载一个属性，但我需要将一个成员变量传递到延迟加载实例的初始化器中。
下面是一个例子
class Worker
{
init(AnyObject context) { ... }
}
class Hive
{
let context : AnyObject
init(AnyObject context)
{
self.context = context
}
@lazy var worker = Worker(self.context) // This does not work
}
有没有办法将成员变量注入到延迟加载的属
浏览 1提问于2014-06-06得票数 2
回答已采纳
我有两个用react.lazy和悬念加载的文件：
import React, { Suspense, lazy } from "react";
import { Route, Redirect } from 'react-router-dom';
const MainLayout = lazy(() => import('Components/Layout/MainLayout'))
export const PrivateRoute = () => (
<Route render={() => {
r
浏览 3提问于2019-10-09得票数 3
回答已采纳
这是我所拥有的两个组件，我的问题是我应该在哪里放置<React.Suspense>组件来按需要加载路由？
Navagtion/index.jsx
import React from "react";
import {
RouterProvider,
createBrowserRouter,
createRoutesFromElements
} from "react-router-dom";
import Root from "./Root";
const router = createBrowserRouter(cre
浏览 14提问于2022-10-07得票数 1
我有一个我不能解决的问题。我正在尝试阻止未经身份验证的用户访问我的webapp应用程序。当我试图访问一个受限制的页面(例如/profile)时，应用程序的url变成了/login，但我的预加载器一直在加载状态。当我硬刷新页面时，登录页面被正确加载。
当我登录并手动删除令牌并通过单击链接更改状态时，ui-router还会将我重定向到登录页面。
因此，只有当未登录的用户试图通过url (www.example.com/#/profile)访问webapp时，才会出现问题。
我想是个小东西，但我真的不知道该去哪里找……
App.states.js
.state("restricted"
浏览 0提问于2016-08-23得票数 1
我有需要绝对定位的图像，这样图像的中心就在它的父div的中心。我已经有这样做的代码了。
我最近添加了延迟加载插件，它的工作方式与预期的一样。但我需要一种方式来触发我的图像中心代码后，惰性加载加载和褪色-在图像中。
我目前的代码基本上如下：
jQuery(document).ready( function($) {
// Make all lazy images ready to load themselves and listen for a custom event
$("img.lazy").lazyload({ event:"delayed-lazy-load-
浏览 4提问于2014-10-16得票数 9
我在映射文件中定义了一个多对一字段，其中lazy=为“no-proxy”，cascade=为“none”。字节码工具ant任务已经完成。而且我让延迟加载运行得很好。
但是，当我将级联改为"all“时，延迟加载就不起作用了。并且所有其他的惰性属性也被急切地加载。
这里我的问题是，为什么在将cascade=设置为“all”时，延迟加载不起作用？在将cascade=设置为“all”时，有没有什么解决方案可以让多对一的延迟加载起作用？
当cascade=为“none”时，在调用session.load(A.class，longid)之后，没有加载属性emailAdr、contact和testb
浏览 0提问于2011-12-24得票数 1
我正在尝试对我的一个实体的属性使用延迟加载
属性映射如下所示：
<property name="Foobar" type="AnsiString" column="FOOBAR" lazy="true"/>
然而，当我尝试保存此实体的一个实例时(使用Linq)，它抛出了一个带有以下内部异常的DatabaseQueryException：
NHibernate.MappingException：没有持久化: Castle.Proxies.FooEntityProxy“
当我删除lazy="true“项时，异常不再
浏览 0提问于2011-06-22得票数 7
我试图让懒惰加载js工作在一个wordpress网站，不能为我的生活使它工作。我尝试了插件，当他们工作时，他们懒得加载所有的图片，我不能让这种情况出现在我的主页上(说来话长，但这会引起跳跃式问题)。我只想在特定的页面上延迟加载图像。在过去，我只需链接到js文件，并将这个类延迟添加到我想要的图像中，但这显然是行不通的。我累了..。
functions.php
function load_lazyload() {
wp_register_script( 'lazyload', get_template_directory_uri() . '/library/js/j
浏览 3提问于2013-05-20得票数 0
我写了一个简单的参数化夹具
@pytest.fixture(params=[
pytest.lazy_fixture("client_a"),
pytest.lazy_fixture("client_b"),
pytest.lazy_fixture("client_c"),
])
def client_all(request):
return request.param
当放入测试文件时，它工作得完美无缺。当我将它移动到一个conftest.py时，结果是：
ImportError时加载conftest‘/pro
浏览 5提问于2021-11-08得票数 0
回答已采纳
我正在研究<Suspense>和React.lazy()的概念，我想更好地理解发生了什么，以便在现有的应用程序中添加一些逻辑。
让我们从定义开始：
React.lazy函数允许将呈现为常规组件的动态导入。
(由我突出显示的呈现)
和
如果包含OtherComponent的模块在MyComponent呈现时尚未加载，则在等待加载时必须显示一些后备内容.
(我突出显示了加载的)
现在，Suspense定义使用术语load，lazy()使用render。
让我们在这个概念中添加一些代码。
const ComponentOne = React.lazy(() => i
浏览 0提问于2019-06-06得票数 2
回答已采纳
1回答
同时淡入和淡出两个不同元素的过渡
、、、、
我是Vue js和转换的新手，我正在设计一个Vue组件，在该组件中，我打算将数据从服务器上延迟加载，以便在数据不可用时显示加载gif。
效果很好。但是，当我添加一个简单的淡出转换，使加载gif淡出，而当数据可用时(或者相反)，内容和gif会在一个出现而另一个消失时互相推动。
这是我的Lazy.vue组件文件：
<template>
<div class="fixed-pos">
<transition name="fade">
<slot v-if="loaded">&l
浏览 2提问于2017-10-17得票数 5
回答已采纳
private Lazy<Image> _headshot = new Lazy<Image>(LoadHeadshotFromHDD);
public Image Headshot
{
get
{
return _headshot.Value;
}
set
{
_headshot = new Lazy<Image>(() => value);
}
}
假设我有一个Person
浏览 6提问于2014-05-17得票数 1
回答已采纳
上下文
我正在从服务器api中加载一个配置，并通过使用resetConfig和APP_INITIALIZER (例如此处：)将新的路由分配给路由器。
在配置中，有几个加载另一个模块的路由，例如：
// routes
[
// .. some route definitions here
{
path: 'my-lazy-url-path',
loadChildren: () => import( '../my/lazy.module' ).then( m => m.LazyModule )
}
浏览 0提问于2020-11-04得票数 4
2回答
我想延迟加载加载在我的引导3旋转木马中的图像。我找到了一个，但问题是，所有这些都依赖于将<img src=...>更改为<img data-lazy-load-src=...>，但我不能这样做，因为我需要这些"src“仍然被称为”src“，因为非常深的第三方响应模块依赖于能够读取'src‘(而且仅仅是'src'，而不是’数据-延迟加载-src‘)。
因此，我想和一样，但不引入新的“数据懒惰-加载- src”src。我可以做同样的工作，只引入一个类“延迟加载”或另一个数据-目标或类似的.无论是在div "item“上还是直接在<
浏览 8提问于2016-03-18得票数 0
回答已采纳
我最近发布了一个新的角应用程序，它实现了延迟加载。
现在，应用程序编译进行得很好，在本地环境中显示并运行它以进行调试或使用ng serve (或在生产模式下使用ng serve --prod来模拟行为)没有错误，我可以成功地从一个急切加载的模块导航到一个惰性加载模块，反之亦然，没有错误。
这一问题：
如果我在服务器中运行这个应用程序(所以使用ng build --prod，然后发布它)，我就不能从第一个默认的急切加载模块(主页)导航到一个懒惰加载模块。
错误堆栈
我在控制台中遇到的错误如下：
错误：
错误错误:未知(承诺)：错误:无法在平台建立后启用prod模式。错误:安装平台后无法启
浏览 0提问于2018-08-28得票数 3
1回答
嘿，伙计们，我试着懒洋洋地在我的网站上加载我的挠性滑块幻灯片，但是我遇到了一个问题，所有的图像都会加载并出现在网站上几秒钟之后，滑块就会加载。我认为这是因为滑块只有在加载所有图像之后才会加载。我的网站是wordpress网站，我在几个div中加载了挠性滑块。
在加载之前，如下所示：
我试过使用一个脚本，它应该先加载滑块，然后再加载图像，但这似乎不起作用：
$(window).load(function() {
$('.flexslider').flexslider({
touch: true,
slideshow: false,
control
浏览 2提问于2018-01-06得票数 0
回答已采纳
1回答
我们的大多数实体都有延迟加载，因为它们不是必需的。在一个特定的场景中，函数要求它们急切地加载，这超出了事务范围。
以下是实现的要点
@Transaction
public E getFullyLoadedDetachedEntity(Long id) {
E entity = dao.findById(id);
Hibernate.initialize(entity);
dao.detach(entity);
return entity;
}
但问题是，Entity(E) might have associated entities 'X' wh
浏览 2提问于2014-10-30得票数 0
2回答
images文件夹包含大约14000个jpg图像。
我想使用loading = 'lazy'加载它们，但是在客户端(Chrome)存在性能问题。
每个卷轴首先显示空矩形，然后图像正在加载，但速度非常慢。
在youtube主页上，我滚动流畅，不需要等待图像，正如我所看到的--没有滚动的限制。
如何解决这个问题？
$arr = glob("../images/*.jpg");
$ht = '';
foreach($arr as $el){
$ht .= "<img class='bimg' src = '
浏览 3提问于2019-11-20得票数 0
回答已采纳
2回答
我有一个关于React.lazy()特性的问题。我开发了一个特性，我被困在了一个点上。
我的场景
我在这里安顿好了
使用React.lazy()延迟加载多个组件
有一个错误边界包装以上悬念。
当出现错误时，有一个错误回退ui组件(ErrorFallbackToast)要显示。
它看起来像这样(模拟)
import React, { Suspense, useEffect, lazy } from 'react';
const Toast = React.lazy(() => import('../Toast'));
const My
浏览 14提问于2022-01-22得票数 2
@Entity
public class User {
@ManyToMany(cascade = { MERGE, PERSIST, CascadeType.REFRESH }, fetch = LAZY)
@Cache(usage = READ_WRITE)
@UserRoles
private List<Role> roles = new ArrayList<Role>(0);
}
集合即使在声明为Lazy时也会被加载，这可能是它即使在声明为Lazy时也被加载的原因
浏览 1提问于2011-05-26得票数 1
回答已采纳
我正在尝试实现一种称为延迟加载的jQuery技术。我试图实现的目标是，我希望页面加载，而不是等待所有的图像请求，所以，我希望页面加载CSS，等等，并让图像加载缓慢。
我在这里面临的问题是，它在页面加载之前等待所有图像请求，这与延迟加载的概念相反。有人能帮我吗？
<html>
<head>
<link rel="stylesheet" href="css/float.css">
<script src="//ajax.googleapis.com/ajax/libs/jque
浏览 0提问于2013-06-01得票数 0
回答已采纳
3回答
我有一个问题，懒惰的负载和webpack。
有一个视频显示肖恩拉金与webpack 4是多么容易创建一个懒惰加载包()。但是当我试着用打字本做这件事时，我遇到了一些问题。
index.ts
export const someThing = something => import("./lazy/lazy");
和
lazy/lazy.ts
export default "I am lazy";
当我在没有任何webpack配置的情况下运行它，并将文件命名为".js“时，我会得到一个主块和一个用于延迟加载模块的小块。
但是当我用简单的webpack
浏览 0提问于2018-03-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
