小编rom*_*a98的帖子

我正在开始一个新项目并学习React.

我以前有过twitter bootstrap的经验,但是选择了材料-ui.

我还选择了材料-ui @ next,因为它包含一个布局系统(https://material-ui-1dab0.firebaseapp.com/layout/responsive-ui)

到目前为止,我已成功使用Layout的容器和项目根据不同的断点重新排列容器中的项目.

但我希望能够使容器响应,意味着根据相同的断点给出"对齐","方向"和"对齐"的不同值.

<Layout
    container
>
<Layout item md={2} sm={12}>
    <Layout
        container
        align={"stretch"}
        direction={"row"}
        justify={"center"}
    // more Layout items here
    </Layout>
</Layout>
<Layout item md={10} sm={12}>
    <Layout
        container
        direction={"column"}
        justify={"space-around"}
        align={"flex-start"}
    >
    // more Layout items here
    </Layout>
</Layout>
</Layout>

在这个例子中,布局项目将根据断点md和sm正确调整大小,但是容器没有这样的规则(例如,当断点为md时,我希望对齐为'flex-start','center'当断点是sm时.

所以我的问题是:'断点'(xs,sm,md,lg,xl)可用于修改项目在一条线上的分布方式.那么是否可以使用相同的断点来修改容器分配其项目的方式？

非常感谢.

我使用 create-react-app 开发了一个相当大的单页应用程序。
我正在将所有内容迁移到 NextJS，主要是出于 SEO 目的。
我在一个问题上摸不着头脑：处理响应式设计的最佳方法是什么？
在我的 create-react-app 遗留代码中，我始终保持组件与 window.innerWidth 同步，并使用它来处理大部分响应能力（由material-ui 处理的网格布局除外）。
但由于我们无法在服务器渲染期间猜测客户端的宽度，那么如何避免 UI 的“闪烁”呢？
我们是否需要延迟任何响应式 UI 逻辑，直到可以在客户端上执行为止？

我在生产中有一个搜索引擎，可提供大约 700 000 个 url。爬行是使用 Scrapy 完成的，所有蜘蛛都使用 DeltaFetch 进行调度，以便每天获取新链接。

我面临的困难是处理断开的链接。

我很难找到一种定期扫描和删除断开链接的好方法。我在考虑几个解决方案：

• 使用 requests.get 开发 python 脚本，检查每个 url，并删除任何返回 404 状态的内容。
• 使用像https://github.com/linkchecker/linkchecker这样的第三方工具，但不确定它是否是最好的解决方案，因为我只需要检查 url 列表，而不是网站。
• 使用爬虫爬取这个 url 列表，并返回任何出错的 url。我对此不太有信心，因为我知道在扫描不同域上的大量 url 时，scrapy 往往会超时，这就是我如此依赖 deltafetch 的原因

您有任何建议/最佳实践来解决这个问题吗？

非常感谢。

编辑：我忘了给出一个精确度：我希望“验证”那些 70 万个网址，而不是抓取它们。实际上，那 70 万个 url 是大约 250 万个域的爬网结果。