该存储库用于展示如何使用 Webpack 5 的新模块联合的示例。

• 模块联合增强集合：Universe
• 模块联合文档：模块联合文档

单击此处查看此 repo 中示例的详细列表完整示例列表

	随着我们深入了解最佳实践、用户在使用模块联合时遇到的问题，以及 Webpack 每次发布候选版本和正式版本的过程，我们将在未来一年积极更新本书。因此，您只需购买一次，即可享受一整年的更新。

此存储库中的示例利用了pnpm和工作区。要从…运行

Matter.js是一个用于 Web 的 JavaScript 2D 刚体物理引擎

brm.io/matter-js

演示、图库、功能、插件、安装、使用、示例、文档、Wiki、参考、许可证

看看其他人如何使用 matter.js 物理学

• Patrick Heng的 Patrick Heng
• 《Nice and Serious》的《USELESS》
• 《秘密 7》作者：善良
• 新公司新公司
• 谷歌年度最佳游戏
• 内森·戈登 (Nathan Gordon) 的《火烈鸟巴勃罗》
• Lab212 的《卡利亚先生的变形》
• Photon 的Phaser ……

React-Grid-Layout 是一个用于 React 的网格布局系统，与Packery或Gridster非常相似。

与那些系统不同，它具有响应能力并支持断点。断点布局可以由用户提供或自动生成。

RGL 仅适用于 React，不需要 jQuery。

BitMEX.com生产使用情况的 GIF

[演示|更新日志| CodeSandbox 可编辑演示]

• 演示
• 特征
• 安装
• 用法
• 响应式使用
• 提供网格宽度
• 网格布局道具
• 响应式网格布局属性
• 网格项目道具
• 用户食谱
• 表现
• 贡献
• 待办事项列表

1. 展示
2. 基本的
3. 禁止拖动/调整大小（仅限布局）
4. 混乱的布局自动更正
5. 在子级上定义布局
6. 静态元素
7. 添加/删除元素
8. 将布局保存到 LocalStorage
9. 将响应式布局保存到 LocalStorage
10. 最小和最大宽度/高度
11. 动态最小和最大宽度/高度
12. 无垂直压实（自由运动）
13. 防止碰撞
14. 错误案例
15. 工具箱
16. 从外部拖动
17. 有界布局
18. 响应式 Bootstrap 风格布局
19. 缩放容器
20. 允许重叠
21. 所有可调整大小的手柄
22. 单排卧式

在中文里，qian(乾)意思是天地kun(坤)。qiankun就是宇宙。

Qiankun 使您和您的团队能够利用微前端构建下一代企业级 Web 应用程序。它受到 single-spa 的启发并基于single-spa。

快速回顾一下以下概念Micro Frontends：

使用不同的 JavaScript 框架与多个团队一起构建现代 Web 应用程序的技术、策略和方法。——微前端

乾坤诞生于我们团队内部，当时分布式团队的 Web 应用开发陷入了一片混乱。我们面临着微前端所要解决的所有问题，因此它自然而然地成为了我们解决方案的一部分。

这条路从来都不容易，我们踏上了每一个可能的挑战。仅举几例：

• 微应用以什么形式发布静态资源？
• 框架如何整合各个微应用？
• 如何确保子应用程序……

xyflow 存储库包含四个包：

• React Flow 12 个@xyflow/react 包/react
• React Flow 11 reactflow v11 分支
• Svelte Flow@xyflow/svelte 软件包/svelte
• 共享帮助库@xyflow/system 包/系统

您是否正在个人项目中使用 React Flow 或 Svelte Flow？太棒了！无需赞助，您可以通过报告发现的任何错误、发送项目截图以及在 Github 上为我们点赞来支持我们🌟

您的组织是否正在使用 React Flow 或 Svelte Flow 并从中获利？太棒了！我们依靠您的支持来确保我们的库能够遵循 MIT 许可证进行开发和维护，这正是我们乐见的。对于 React Flow，您可以在React Flow上进行操作……

该存储库托管一组已移植到 TensorFlow.js 的预训练模型。

这些模型托管在 NPM 和 unpkg 上，因此可以开箱即用，用于任何项目。它们可以直接使用，也可以在 TensorFlow.js 的迁移学习环境中使用。

要了解模型的 API，请查看相应目录中的 README 文件。通常，我们会尽量隐藏张量，以便非机器学习专家也能使用 API。

如果您有兴趣贡献模型，请在 tfjs 上提交 GitHub 问题，以了解大家的兴趣。我们正在尝试添加一些模型，以补充现有的模型集，并可用作其他应用的构建块。

Fluid Framework 是一个使用 JavaScript 或 TypeScript 构建分布式、实时协作 Web 应用程序的库。

您来这里可能是因为您想……

• 了解有关 Fluid Framework 的更多信息
• 构建流体对象

文档和指南可在https://fluidframework.com/找到。

可以在https://github.com/microsoft/FluidHelloWorld找到 Hello World 仓库。

核心示例 repo 可以在https://github.com/microsoft/FluidExamples找到。

有疑问？欢迎在我们的 GitHub 代码库讨论区与其他 Fluid Framework 用户和开发者交流。

当依赖 Fluid Framework 库的公共 API 时，我们建议使用^（插入符号）版本范围，例如^1.3.4。虽然 Fluid Framework 库可能使用与其他 Fluid Framework 库相互依赖的不同范围，但库使用者应始终优先选择^。

如果使用 Fluid Framework 的任何不稳定 API（例如，其betaAPI），我们……

🚀 Locomotive Scroll v5 Beta 版发布

试用 Locomotive Scroll v5 测试版！

🔗点击此处试用 Locomotive Scroll v5 Beta

在此 Beta 测试阶段，您的反馈非常宝贵。如果您遇到任何问题或有任何建议，请提交问题。

祝您浏览愉快！😄

检测视口中的元素并使用视差效果实现平滑滚动。

⚠️ 滚动劫持是一种颇具争议的做法，可能会导致可用性、可访问性和性能问题。请谨慎使用。

npm install locomotive-scroll

通过简单的检测。

<h1 data-scroll>Hey</h1>
<p data-scroll>👋</p>

将基本样式添加到您的 CSS 文件。

locomotive-scroll.css

import LocomotiveScroll from 'locomotive-scroll';

const scroll = new LocomotiveScroll();

<script src="locomotive-scroll.min.js"></script>
<script>
    (function (

FingerprintJS 是一个源代码可用的客户端浏览器指纹识别库，它查询浏览器属性并据此计算哈希后的访客标识符。与 Cookie 和本地存储不同，指纹在隐身/隐私模式下保持不变，即使浏览器数据被清除也是如此。

FingerprintJS 在BSL 许可下可用于非生产目的。

FingerprintJS 不同于我们更详细、更精准的商业产品“指纹识别” 。更多信息请参见下文。

访问https://fingerprintjs.github.io/fingerprintjs查看您的访客标识符。

现在，尝试以私人/隐身模式访问同一页面，并注意访问者标识符如何保持不变！

<script>
  // Initialize the agent at application startup.
  // If you're using an ad blocker or Brave/Firefox, this import will not work.
  // Please use the NPM package instead: https://t.ly/ORyXk
  const fpPromise = import('https://openfpcdn.io/fingerprintjs/v4')
    .then(FingerprintJS => FingerprintJS.load(

Docusaurus 是一个用于轻松构建、部署和维护开源项目网站的项目。

时间不够？快来看看我们5 分钟的教程⏱️！

提示：使用docusaurus.new在操场上立即测试 Docusaurus。

• 简单易上手

Docusaurus 的构建方式使其能够在尽可能短的时间内运行。我们构建了 Docusaurus 来处理网站构建过程，以便您可以专注于您的项目。

• 可本地化

Docusaurus 通过 CrowdIn 提供本地化支持。通过翻译您的文档，增强并发展您的国际社区。

• 可定制

Docusaurus 附带了您开始使用所需的关键页面和部分，包括主页、文档部分、博客和其他支持页面，但它也是可定制的，以确保您拥有一个独一无二的网站。

使用初始化 CLI 创建您的站点：

npm init docusaurus@latest

…