小编Lep*_*666的帖子

我正在使用 Tailwind CSS 为客户端创建一个 React PWA，我想要实现一个布局，其中标题固定在屏幕顶部，导航栏固定在屏幕底部。在两者之间，我将显示动态大小的可滚动内容。

我一天的大部分时间都在努力解决这个问题，并且我正在按照此答案的说明以及此处提供的代码进行操作。

我虽然明白了，因为我在相关组件中实现了所有推荐的类，并且在浏览器开发工具上得到了这个结果：

然而，我很好奇，决定在手机上打开该页面。这是结果，正如您所看到的，所需的元素实际上都没有固定到屏幕上：

此时我完全迷失了。我尝试className={fixed}在导航栏中使用，但即使向导航栏或内容添加边距或填充，它最终也会剪切部分内容。

如何将标题和导航栏固定到屏幕上，同时保持内容可滚动？

这些是我的代码的相关部分：

应用程序.js：

function App() {
    return (
        <Router>
            <div className='flex flex-col h-screen overflow-hidden'>
                <Header></Header>
                <div className='MainContent flex-1 overflow-y-scroll py-2 mx-2'>
                    <Routes>
                        <Route path="/" element={<OrderView />} />
                        <Route path="/DeliverymenView" element={<DeliverymenView />} />
                        <Route path="/InventoryView" element={<InventoryView />} />
                        <Route path="/RouteGenerationView" element={<RouteGenerationView />} />
                        <Route path="/AdministrativeView" element={<AdministrativeView />} />
                        <Route path="*" element={<ErrorView />} />
                    </Routes>
                </div>
                <Navbar></Navbar>
            </div>
        </Router>
    );
}

标头.js：

const Header = …

我正在使用 Flask 和 Flask-RESTful 扩展开发一个 API。我正在创建端点和资源，但我对资源“url”及其“端点”之间的区别感到困惑。据我了解，URL 本身就是端点。我还阅读了StackOverflow 问题的答案，他们还建议 URL 是端点。

然而Flask-RESTful 文档提到该add_resource方法有一个 URL 参数，并且它还可以接收端点名称。他们甚至提供了这个例子：

api.add_resource(HelloWorld, '/', '/hello')
api.add_resource(Foo, '/foo', endpoint="foo")
api.add_resource(FooSpecial, '/special/foo', endpoint="foo")

我明白他们在做什么，但我还是不明白端点名称的作用。

URL 和端点名称有什么区别？为什么我要设置端点名称？