Skip to content

Commit

Permalink
feat: 链接文件修改
Browse files Browse the repository at this point in the history
  • Loading branch information
@jamie6689
jamie6689 committed Jun 13, 2024
1 parent 8720d10 commit 20d0024
Show file tree
Hide file tree
Showing 12 changed files with 17 additions and 22 deletions.
6 changes: 3 additions & 3 deletions build/asset-manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
{
"files": {
"main.css": "./static/css/main.997bf269.css",
"main.js": "./static/js/main.a8e626d7.js",
"main.js": "./static/js/main.a433c861.js",
"static/js/845.6038aacd.chunk.js": "./static/js/845.6038aacd.chunk.js",
"index.html": "./index.html",
"main.997bf269.css.map": "./static/css/main.997bf269.css.map",
"main.a8e626d7.js.map": "./static/js/main.a8e626d7.js.map",
"main.a433c861.js.map": "./static/js/main.a433c861.js.map",
"845.6038aacd.chunk.js.map": "./static/js/845.6038aacd.chunk.js.map"
},
"entrypoints": [
"static/css/main.997bf269.css",
"static/js/main.a8e626d7.js"
"static/js/main.a433c861.js"
]
}
2 changes: 1 addition & 1 deletion build/index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>React App</title><script defer="defer" src="./static/js/main.a8e626d7.js"></script><link href="./static/css/main.997bf269.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>React App</title><script defer="defer" src="./static/js/main.a433c861.js"></script><link href="./static/css/main.997bf269.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
6 changes: 3 additions & 3 deletions build/static/js/main.a8e626d7.js → build/static/js/main.a433c861.js
View file

Large diffs are not rendered by default.

0 build/static/js/main.a8e626d7.js.LICENSE.txt → build/static/js/main.a433c861.js.LICENSE.txt
View file
File renamed without changes.
1 change: 1 addition & 0 deletions build/static/js/main.a433c861.js.map
View file

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion build/static/js/main.a8e626d7.js.map
View file

This file was deleted.

2 changes: 1 addition & 1 deletion src/examples/BigDataListExample.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ const BigDataListExample: React.FC = () => {
<div className='title'>
<h2>代码示例：大型数据列表</h2>
<p>当需要渲染一个包含大量数据的列表时，直接渲染所有项目会导致浏览器性能下降。VirtualizedList 通过仅渲染可见的项目，大大提高了性能和响应速度。</p>
<p>代码详见<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/BigDataListExample.js' target='_blank'>BigDataListExample</a></p>
<p>代码示例详见：<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/BigDataListExample.tsx' target='_blank'>BigDataListExample</a>（代码可直接复制使用）</p>
</div>
<div className='content'>
<VirtualizedList
Expand Down
3 changes: 2 additions & 1 deletion src/examples/DynamicInfiniteList.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,8 @@ const DynamicInfiniteList: React.FC = () => {
<div className='title'>
<h2>动态数据更新（异步数据获取/按需加载）</h2>
<p>按需加载每个列表项的数据，减少初始加载时间，提升浏览器加载性能和服务端性能。</p>
<p>例如在商品展示列表中，通过 `fetchItemData` 在用户滚动到特定商品时动态加载详细信息或图片。代码见<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/DynamicInfiniteList.js' target='_blank'>DynamicInfiniteList</a></p>
<p>例如在商品展示列表中，通过 `fetchItemData` 在用户滚动到特定商品时动态加载详细信息或图片。</p>
<p>代码示例详见：<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/DynamicInfiniteList.tsx' target='_blank'>DynamicInfiniteList</a>（代码可直接复制使用）</p>
</div>
<div className='content'>
<VirtualizedList
Expand Down
12 changes: 3 additions & 9 deletions src/examples/InfiniteScrollList.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,15 +43,9 @@ const InfiniteScrollList: React.FC = () => {
<div className="container">
<div className="title">
<h2>无限滚动列表 - InfiniteScrollList</h2>
<p>
使用 `onLoadMore` 和 `hasMore` 属性实现无限滚动，在用户滚动到列表底部时自动加载更多数据。这种功能常见于滚动加载下页数据。
</p>
<p>
适用于微博、朋友圈等场景，用户不断下滑屏幕，可以不断看到新的动态和信息。代码见
<a href="https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/InfiniteScrollList.js" target="_blank">
InfiniteScrollList
</a>
</p>
<p>使用 `onLoadMore` 和 `hasMore` 属性实现无限滚动，在用户滚动到列表底部时自动加载更多数据。这种功能常见于滚动加载下页数据。</p>
<p>适用于微博、朋友圈等场景，用户不断下滑屏幕，可以不断看到新的动态和信息。</p>
<p>代码示例详见：<a href="https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/InfiniteScrollList.tsx" target="_blank">InfiniteScrollList</a>（代码可直接复制使用）</p>
</div>
<div className="content">
<VirtualizedList<Item>
Expand Down
2 changes: 1 addition & 1 deletion src/examples/LazyImage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ const LazyImage: React.FC = () => {
<div className='title'>
<h2>数据懒加载 - LazyImage</h2>
<p>适用于需要懒加载的场景，可以延迟加载大量DOM、图片或视频，只有在即将进入视口时才加载，减少页面加载时间和带宽占用。</p>
<p>通过 `renderItem` 和 `fetchItemData` 实现图片缩略图和高分辨率图片的懒加载。代码见<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/LazyImage.js' target='_blank'>LazyImage</a></p>
<p>通过 `renderItem` 和 `fetchItemData` 实现图片缩略图和高分辨率图片的懒加载。代码示例详见：<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/LazyImage.tsx' target='_blank'>LazyImage</a>（代码可直接复制使用）</p>
</div>
<div className='content'>
<VirtualizedList<Image>
Expand Down
2 changes: 1 addition & 1 deletion src/examples/RefreshOnVisable.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const RefreshOnVisible: React.FC = () => {
<div className='title'>
<h2>视口内自动刷新内容</h2>
<p>在用户滚动时自动刷新视口内的内容，例如在新闻应用中动态加载最新的文章内容，滚动回之前的新闻位置时，自动更新最新内容。</p>
<p>通过配置 `refreshOnVisible`，确保用户始终获取到最新的新闻内容。代码见<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/RefreshOnVisable.js' target='_blank'>RefreshOnVisable</a></p>
<p>通过配置 `refreshOnVisible`，确保用户始终获取到最新的新闻内容。代码示例详见：<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/RefreshOnVisable.tsx' target='_blank'>RefreshOnVisable</a>（代码可直接复制使用）</p>
</div>
<div className='content'>
<VirtualizedList<Article>
Expand Down
2 changes: 1 addition & 1 deletion src/examples/VirtualizedListCustom.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ const App: React.FC = () => {
<div className='title'>
<h2>代码示例：虚拟化列表 - V2</h2>
<p>适用于呈现大量数据的场景，如聊天记录、新闻列表或商品列表。它只渲染当前可见的部分，减少不必要的 DOM 操作和内存消耗，提高页面性能和用户体验。</p>
<p>该代码示例，比较全面的用到了所有的 API。代码见<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/VirtualizedListCustom.js' target='_blank'>VirtualizedListCustom</a></p>
<p>该代码示例，比较全面的用到了所有的 API。代码示例详见：<a href='https://github.com/SailingCoder/react-virtualized-list/blob/main/src/examples/VirtualizedListCustom.tsx' target='_blank'>VirtualizedListCustom</a>（代码可直接复制使用）</p>
</div>
<div className='content content-custom'>
<VirtualizedList<string>
Expand Down

0 comments on commit 20d0024

Please sign in to comment.