小编the*_*d47的帖子

如何防止flex-items溢出flex flex而没有换行?

我有一个弹性箱flex-direction: row.儿童用品min-width有一套.当窗口缩小min-width到达到达的点时,项目开始溢出Flex容器.

.parent {
  display: flex;
  flex-direction: row;
  background-color: red;
}

.child {
  min-width: 100px;
  flex-basis: 0px;
  flex-grow: 1;
  margin: 5px;
  height: 100px;
  background-color: blue;
}
Run Code Online (Sandbox Code Playgroud)
<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/4t8029q8/

有没有办法强制容器伸展以包含项目而不min-width在父项上设置显式?这样做提供了我想要实现的行为,但是太过僵硬,无法容纳可变数量的项目.

.parent {
  display: flex;
  flex-direction: row;
  background-color: red;
  min-width: 330px
}

.child {
  min-width: 100px;
  flex-basis: 0px;
  flex-grow: 1;
  margin: 5px;
  height: 100px;
  background-color: blue;
}
Run Code Online (Sandbox Code Playgroud)
<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div> …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

11
推荐指数
2
解决办法
1万
查看次数

是否可以在django项目的根目录下提供静态html页面?

我在pyhtonanywhere上托管了一个django应用程序.该应用程序位于username.pythonanywhere.com/MyApp.我想提供一个静态的html页面username.pythonanywhere.com.这可能吗?本质上,它会作为一个索引链接/MyApp,/MyApp2以及其他未来应用.

我似乎无法找到有关如何执行此操作的任何信息,但我认为我必须修改mysite/mysite/urls.py为导航到root目前给我一个404,其中包含有关未能在网址中找到匹配项的消息.

urlpatterns = [
        url(r'^/$', ???),
        url(r'^admin/', include(admin.site.urls)),
        url(r'^MyApp/', indluce('MyApp.urls')).
]
Run Code Online (Sandbox Code Playgroud)

以前是我最好的猜测(我知道这是一个糟糕的猜测).那应该(纠正我,如果我错了)匹配根URL,但我不知道如何说"嘿django只是寻找一个静态文件",或者静态html应该存在的地方,或者如何告诉django它在哪里住.

尽量不要低下头.我是django的新手.

PS我在PA的virtualenv中使用django 1.8

html python django static pythonanywhere

9
推荐指数
2
解决办法
8509
查看次数

枚举的每个成员的内部类?

不确定我想要的是否可能,但我正在尝试创建一个枚举,其中每个成员都有自己的内部类.这些内部类将具有相同的名称,Context但将单独实现.

理想情况下,我希望它们可以这样使用:

private handleType (MyEnum type) {
    switch (type) {

        case ENUM_VAL1:
            MyEnum.ENUM_VAL1.Context context = new MyEnum.ENUM_VAL1.Context();
            handleContext1(context);
            break;

        case ENUM_VAL2:
            MyEnum.ENUM_VAL2.Context context = new MyEnum.ENUM_VAL1.Context();
            handleContext2(context);
            break;

        case ENUM_VAL3:
            MyEnum.ENUM_VAL3.Context context = new MyEnum.ENUM_VAL1.Context();
            handleContext3(context);
            break;

        default:
            break;
}
Run Code Online (Sandbox Code Playgroud)

打开其他实现方式.但基本上我需要一个可切换的枚举,其中每个成员都有一个"值"(1,2,3 ...),还有一种方法可以将所述枚举与一个带有构造函数的唯一类相关联.

编辑:一些背景.这将在通过JSON http请求进行通信的两个服务之间使用.请求将包含一些元数据,其中一个字段是映射到枚举的整数.上下文是POJO,但每个ENUM_VALUE都不同.本质上,上下文将被构造并序列化为JSON.这个json实际上只是一个在顶级json请求中称为上下文的String字段.在接收服务上,将在ENUM_VALUE上进行切换,其中上下文被适当地解码,然后被分派到其适当的处理程序.

EDIT2:这个枚举将在两个服务之间共享.

编辑3:这是对我试图做的更明确的解释.

MyServiceRequest:

public class MyServiceRequest {
    String meta1;
    String meta2;
    int typeID;
    String context;
}
Run Code Online (Sandbox Code Playgroud)

生成请求:

MyServiceRequest req = new MyServiceRequest();
req.meta1 = ...
req.meta2 = ...
req.typeID = MyEnum.ENUM_VALUE.getCode(); // int

MyEnum.ENUM_VALUE.Context …
Run Code Online (Sandbox Code Playgroud)

java enums abstract-class

8
推荐指数
1
解决办法
764
查看次数

如何查看PHP cURL请求主体(如CURLINFO_HEADER_OUT的标题)

我可以使用以下命令查看使用php curl发送的请求的标头:

curl_getinfo($ch, CURLINFO_HEADER_OUT);
Run Code Online (Sandbox Code Playgroud)

我希望也看到发送的内容,但是我一生无法找到任何发送方法。

php curl

5
推荐指数
1
解决办法
5422
查看次数

如何在容器尺寸的更改上调整Morris.js图表​​的大小

我试图将Flex里面的Morris js圆环图放在Flex容器中,我希望flex中的图表:1容器会调整大小,但事实并非如此.有谁知道如何使图表在flex项目中响应?

这是我的示例示例 尝试调整它的大小

JS:

$(function () {
    Morris.Donut({
        element: 'container',
        resize: true,
        data: [
            {label: "Download Sales", value: 12},
            {label: "In-Store Sales", value: 30},
            {label: "Mail-Order Sales", value: 20}
        ]
    });
Run Code Online (Sandbox Code Playgroud)

CSS:

html, body {
height: 100%;
margin: 0;
}

body {
    display: -webkit-flex;
}

#container {
  flex: 1;
}

.flex1 {
  flex: 1;
  border: 1px solid red;
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery flexbox responsive-design morris.js

5
推荐指数
1
解决办法
9387
查看次数

有人可以解释使用 QUnit 进行单元测试时 qunit-fixture 的使用吗?

我刚刚开始使用 QUnit 进行 ui 测试,所以我确定我错过了 qunit-fixture 的一些基本用例。我认为它对测试 DOM 操作很有用,但后来我意识到我的 DOM 操作函数都不知道 qunit-fixture(也不应该?)。

例子:

<div id="container">
    <form id="my-form">
        <input type="hidden" name="field1" id="field1">
        <input type="hidden" name="field2" id="field2">
    </form>
</div>
<div id="qunit-fixture"></div>
Run Code Online (Sandbox Code Playgroud)

我将 URL 参数传递给一个函数来填充这个表单。如果这些参数不存在,我希望删除该字段,以免JQuery.serialize()捆绑一个空字段。

function populate(params){
    if( params.field1 ){
        $("#field1").val(params.field1);
    } else {
        $("#field1").remove();
    }
    if( params.field2 ){
        $("#field2").val(params.field2);
    } else {
        $("#field2").remove();
    }
}
Run Code Online (Sandbox Code Playgroud)

我最初的想法是“哦,酷。我可以qunit-fixture用来反复模仿我的形式!” 像这样:

QUnit.test("populate - field1=text", function(assert){
    $("#qunit-fixture").html($("#container").html());
    populate( {field1: "text"} );

    assert.deepEqual($("#field1").val(), "text");
    assert.deepEqual($("#field2").val(), undefined);
});

QUnit.test("populate - field1="text", function(assert){
    $("#qunit-fixture").html($("#container").html());
    populate( {field1: …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing qunit

4
推荐指数
1
解决办法
2337
查看次数

如何使用 EJS 模板引擎将变量传递给内联 javascript?

我已经从 .EJS 模板中名为 items 的数组创建了一个按钮/文本的 html 列表。如何将特定项目的 id (item.id) 传递给按钮的函数,以便将正确的数据发送到我的 api?谢谢。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Menu</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script type="text/javascript">

    function print(id) {
        $.ajax({
          url: "https://www.example.com/api/1/print",
          type: "POST",
          data: {
            "item_id": id
          },
          dataType: "json",
          success: function (result) {
            alert(result);
          },
          error: function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
          }
        });
      };
    </script>
  </head>
  <body>
    <h2>Menu</h2>
    <ul>
        <% for(item of items) { %>
          <li>
            <button onclick="print(item.id)">PRINT</button>
            <%= item.name %> - <%= item.id %>
          </li>
        <% } %>
    </ul> …
Run Code Online (Sandbox Code Playgroud)

html javascript ajax ejs node.js

4
推荐指数
1
解决办法
3957
查看次数

Javascript:用于显示模块模式的通用 getter/setter

基本上我想做的是编写一个可重复使用的 getter/setter 来使用模块模式公开变量

// the getter/setter
function pub (variable) {
    return function (value) {
        return (arguments.length ? variable = value : variable);
    }
}

var module = (function () {

    var publicVariable = 0;

    function test () {
        return publicVariable;
    }

    return {
        publicVariable: pub(publicVariable),
        test: test
    }
})();
Run Code Online (Sandbox Code Playgroud)

所需的结果如下:

module.publicVariable();      // 0
module.publicVariable(1);     // 1
module.publicVariable();      // 1
module.test();                // 1
Run Code Online (Sandbox Code Playgroud)

但相反,我得到:

module.publicVariable();      // 0
module.publicVariable(1);     // 1
module.publicVariable();      // 1
module.test();                // 0
Run Code Online (Sandbox Code Playgroud)

我认为这是因为以下行传递了publicVariableto的当前值pub,因此创建的唯一闭包是内部的闭包, …

javascript properties revealing-module-pattern

2
推荐指数
1
解决办法
2481
查看次数

PHP cURL:无法解析主机(通过 VPN)

我远程工作,可以通过 VPN 访问内部服务器。当我的 VPN 连接建立后,我可以通过curl 访问我的网络服务器:

curl http://sub.mydomain.com
Run Code Online (Sandbox Code Playgroud)

我还可以通过浏览器访问网络服务器http://sub.mydomain.com。所以这似乎不是网络服务器本身的 DNS 问题。

然而,当开发通过 Apache 在本地提供服务的 Laravel 4.2 应用程序 (PHP 5.6) 时,phpcurl_exec无法解析主机。奇怪的是,phpgethostbyname($hostname)正确解析了主机。我曾尝试强制使用 IPv4,因为我读过 IPv6 可能会导致此类失败,但没有成功。

// works
$ip = gethostbyname($hostname);
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://$ip/path");
curl_setopt($ch, CURLOPT_IPRESOLVE, CURL_IPRESOLVE_V4);
curl_exec($ch);

// does NOT work
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://$hostname/path");
curl_setopt($ch, CURLOPT_IPRESOLVE, CURL_IPRESOLVE_V4);
curl_exec($ch);
Run Code Online (Sandbox Code Playgroud)

这让我不知所措。我不明白 PHPcurl 如何处理 DNS 解析(显然不是gethostbyname)。我一开始也不明白专用网络上的 DNS 查找是如何工作的。所以我真的不知道在哪里可以找到 PHP curl 来解析我的私有主机。

php dns macos vpn curl

2
推荐指数
1
解决办法
2387
查看次数

Git让我失去了所有进步?

场景:

(master) git pull origin    //get most up to date remote
(master) git checkout -b mybranch
(mybranch) do some work without committing
(mybranch) git checkout master
(master) git pull origin    //to get updated remote to merge locally
    // pull aborted because I accidentally changed a line in (master)
    // before switching to (mybranch)
(master) git stash   //to disregard the accidental change
(master) git pull origin
    // pull successful
(master) git checkout mybranch
(mybranch) all my uncommited changes are gone???
Run Code Online (Sandbox Code Playgroud)

mybranch现在正处于最后一次提交.有一些文件被添加, …

git

0
推荐指数
1
解决办法
842
查看次数