小编Trầ*_* Dự的帖子
为什么有人想在<div>标签内包装表单元素？
例如.这是简单的形式(我经常使用):
<form class="login">
<input class="login_username" type="text" value="username"/>
<input class="login_password" type="text" value="password"/>
<input type="submit" value="Login"/>
</form>
但我读了一些书,看到我的一些朋友经常这样做:
<form class="login">
<div class="login_username">
<input class="login_input" type="text" value="username"/>
</div>
<div class="login_password">
<input class="login_password" type="text" value="password"/>
</div>
<input type="submit" value="Login"/>
</form>
不同之处在于:它们经常将所有组件包装在div标签内,然后为其分配一个类名(尽管div标签内部只有一个组件).我不知道他们这样做有什么好处.
谢谢 :)
推荐指数
解决办法
查看次数
CSS:搜索框将根据Windows大小使用Flexbox自动调整大小
我想设计一个如下图所示的布局:
在这个布局中,这是我的标题.黑色矩形是一些固定宽度的组件(按钮,链接...),红色矩形是我的搜索表单.
我想当用户更改浏览器窗口的大小时,搜索表单会更小(宽度),直到某个值,会出现水平滚动条.也许困难的部分是:我不知道如何在CSS中解决"自动调整大小".
这是我的示例代码:
我的HTML:
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title Here</title>
<link type="text/css" rel="stylesheet" href="css/application.css">
<script src="javascripts/pace.js"></script>
</head>
<body>
<header class="page-head">
<div class="wrapper">
<div class="logo"></div>
<form class="form-search" action="#" onsubmit="return false" method="get" name="search_form">
<div class="search-box"></div>
</form>
<nav class="site-nav">
<span><a …推荐指数
解决办法
查看次数
Android：FloatingActionButton 和普通按钮的区别
我试过演示FloatingActionButton。我没有看到真正的差异为什么我应该从普通按钮类更改为FloatingActionButton因为如果我想制作圆形按钮，我可以尝试本教程：制作圆形按钮
作为 Android 文档的定义：
浮动操作按钮用于特殊类型的提升操作。它们以浮动在 UI 上方的圆圈图标为特征，并具有与变形、启动和转移锚点相关的特殊运动行为。
浮动操作按钮有两种尺寸：默认尺寸和迷你尺寸。可以使用 fabSize 属性控制大小。
我认为这里的所有内容都可以在普通按钮中轻松实现，例如大小、圆形、UI 上方。只有一件事我不明白：
与变形、发射和转移锚点相关的特殊运动行为
我真的不知道这个。这是什么意思morphing lauching and transfering anchor point。请为我解释。
谢谢 ：）
推荐指数
解决办法
查看次数
Docker:无法打开从容器到主机的端口
我正在使用Docker for Mac.我有一个运行服务器的容器,例如我的服务器在端口5000上运行.我已经暴露了这个端口Dockerfile
当我的容器运行时,我连接到这个容器并通过运行以下命令检查此服务器是否正常工作,并看到它返回数据(一堆html和javascript)
wget -d localhost:5000
注意,我启动此容器并通过命令在外部发布端口:
docker run -d -p 5000:5000 <docker_image_name>
但是在docker主机(是我的mac并运行El Capitan),我打开chrome并转到地址localhost:5000.它不起作用.只是一点注意,如果我去任何任意端口,例如localhost:4000我看到来自chrome的错误消息,例如:
This site can’t be reached
localhost refused to connect.
但错误信息localhost:5000是:
The localhost page isn’t working
localhost didn’t send any data.
所以我似乎已经将工作配置为"一点点",但有些不对劲.请告诉我如何解决这个问题.
推荐指数
解决办法
查看次数
Rails:未初始化的常量只发生在生产服务器上
我有一个课,我放在里面lib/network:
module NetworkApi
class NetworkProxy
end
end
然后在另一个类中,我引用了这个类:
network_proxy = ::NetworkApi::NetworkProxy.new(params)
一切都在我的开发环境中正常运行,但是当我部署到服务器时,我在上面的行中收到错误消息:
NameError: uninitialized constant NetworkApi::NetworkProxy
我不知道为什么会发生这种奇怪的错误.请告诉我为什么.
推荐指数
解决办法
查看次数
没有扩展 React Component 类的 React 组件
我在一些源码中看到，作者写了一个这样的组件：
import React from 'react';
export const Login = () => (
<div>
<h4>Hello World</h4>
</div>
);
export default Login;
我不知道的是：
- react如何通过仅使用导入来理解这是一个反应组件
- 如何添加另一个回调方法，例如
viewDidMount...我已在代码块中添加但编译失败。
谢谢
推荐指数
解决办法
查看次数
将ActiveJob与Sidekiq结合使用时的优势与单独的Sidekiq相比
我正在在线阅读一些教程，告诉我们如何将ActiveJob与Sidekiq一起使用。但是我不知道为什么要这么做。我看到Sidekiq具有ActiveJob的所有功能。
此外，在Sidekiq文件上：此处
警告：通过ActiveJob重试作业，您将失去很多Sidekiq功能：
- Web UI可见性（“重试”选项卡将为空）
- 您无法使用Sidekiq :: RetrySet API遍历重试。
- Sidekiq的日志将不包含任何故障或回溯。
- 错误不会报告给Sidekiq的全局错误处理程序
- 许多高级的Sidekiq功能（例如，批处理）不适用于AJ重试。
这以某种方式使我认为我们不应该将Sidekiq与ActiveJob一起使用。我对ActiveJob理解有误吗？将ActiveJobs与sidekiq一起使用是否有任何优势？
谢谢
推荐指数
解决办法
查看次数
NextJS：在 getInitialProps 方法中从本地存储获取数据
我尝试将我的项目迁移到Next.js具有 SSR（服务器端渲染）功能的框架。这是我的简单页面：
class Example extends React.Component {
static getInitialProps() {
// api getting data. Need authentication data under local storage
}
render() {
return <div>{this.props.data}</div>;
}
}
我遇到的问题是：我希望我的数据来自getInitialProps第一个（这就是 SSR 的目的）。但是在发送时，我需要有关后端 API 的用户信息。但是在这个函数中，渲染发生在服务器上，所以我无法从本地存储中获取数据。你怎么能解决这个问题。
谢谢
推荐指数
解决办法
查看次数
Tornado：使用 AsyncHTTPTestCase 测试多部分请求
我正在使用多部分请求为用户上传文件编写 API。我看到 Tornado 4.5 版已经支持多部分请求。但在那之后，我想测试这个API。
我的问题是：
- 如何在 Tornado 上测试多部分请求。我在谷歌上搜索了很多参考资料，但找不到有用的资源。
- 如果不能在 Tornado 中执行此操作，我如何提出多部分请求以便我可以与 Tornado 的 AsyncHTTPTestCase 一起使用。
谢谢
推荐指数
解决办法
查看次数
无法配置将无服务器堆栈部署到 localstack
我正在使用无服务器来部署 AWS 无服务器堆栈。（即：lambda、sqs、sns）。我想在尝试部署到 AWS 之前先在本地运行。我已经搜索并看到localstack适合我的用例。这是我部署系统的步骤：
- 克隆项目并使用 docker 运行整个堆栈。（命令：
docker-compose up） - 在我的项目中安装库serverless-localstack并更新
serverless.yml
这是我的配置：
plugins:
- serverless-localstack
custom:
localstack:
host: http://localhost
debug: false
endpoints:
stages:
- local
- dev
lambda:
mountCode: False # Enable this flag to improve performance
之后，我使用命令部署此堆栈：serverless deploy --stage local。但我总是遇到例外。
Serverless: Updating Stack...
Serverless: Recoverable error occurred (502), sleeping for 5 seconds. Try 1 of 4
Serverless: Recoverable error occurred (502), sleeping for 5 seconds. Try 2 of 4 …推荐指数
解决办法
查看次数