小编ton*_*on1的帖子

我正在尝试使用引导网格进行以下布局。里面有一个容器<div class="row">和两个半宽的 div ( <div1> and <div2>)。该<div1>的高度将是多变的内容大小。同样，<div2>应该有两个子 divs( <div2-1>, <div2-2>)，<div1>每个子高度的一半。如何使用 Bootstrap 网格制作此布局？

我试过这样，但没有工作。：

<div class="row">
    <div class="col-md-6" id="div1">
        Some content...
    </div>
    <div class="col-md-6" id="div2">

        <div id="div2-1" style="height:50%;">

        </div>
        <div id="div2-2" style="height:50%;">

        </div>
    </div>
</div>

1. 我的客户端 (next.js) 应用程序在端口运行3000

2. 我的服务器（graphql）应用程序在端口运行4000

我的网站是https://example.com，nginx将通过代理端口3000。

如果用户访问该站点，则页面加载成功。

但在幕后，在我的网页中，一些 api 请求被发送到 graphql 服务器。(http://localhost:4000)

此 api 请求失败。

我不知道为什么，但是当我访问http://example.com:4000/graphql成功加载的 graphql 游乐场（graphiql？）时，我可以发送一些查询并且结果显示得很好。但网页请求失败。

nginx/sites-enabled/example.com

server {
        listen 80;
        listen [::]:80;
        server_name www.example.com example.com;
        return 301 https://example.com$request_uri;
}


server {
    listen 80;
    listen [::]:80;
    server_name example.com;


    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot …

客户

.. some form
<textarea name="data"></textarea>

我将在文本区域中输入如下内容

{title: 'Hello one!', author: 'someone'}
{title: 'Hello two!', author: 'mygf'}
{title: 'Hello three!', author: 'darthvader'}

最后提交表格，

服务器

服务器将得到上面的像

'{title: \'Hello one!\', author: \'someone\'}\r\n
{title: \'Hello two!\', author: \'mygf\'}\r\n
{title: \'Hello three!\', author: \'darthvader\'}\r\n'

此时我该如何转换呢？

我试过：

 var dataArray = req.body.data.split('\r\n');
 for (var i=0; i< dataArray.length; i++){
     console.log(dataArray[i].title)  // err because dataArray[i] is not obj
 }

如何正确制作objectdarray？

let arr = [{
  name: 'Apple',
  trades: [{
    date: '2017.01.01',
    volume: 100
  }, {
    date: '1995.02.01',
    volume: 150
  }, {
    date: '2008.01.01',
    volume: 250
  }]
}]

你好，我在 google 上搜索了很多文档，用于在 JavaScript 中对嵌套对象进行排序，但是我找不到我的案例的方式，而且我挣扎了很多小时，所以我想问一下如何对对象数组进行排序。

我期望的结果是trades.date像这样对对象数组进行排序

sortedArray = [{
  name: 'Apple',
  trades: [{
    date: '2017.01.01',
    volume: 100
  }, {
    date: '2008.01.01',
    volume: 250
  }, {
    date: '1995.02.01',
    volume: 150
  }]
}]

我怎样才能做到这一点？

我正在尝试office-ui-fabric-react与我的项目一起使用。但是我在控制选择输入时卡住了。我想在 OnChange 事件上获取所选项目的值。但是没有value上event.target。这似乎div只有textContent. 我必须使用ref吗？但是当我使用时我并不高兴，ref因为我相信它不是反应方式。

库：https : //developer.microsoft.com/en-us/fabric#/controls/web/dropdown

  <Dropdown
      label={'Dropdown'}
      onChange={e => {
          // Not working.
          console.log(e.target.value)
      }}
      options={[
          { text: 'A', key: 'keyA'}, 
          { text: 'B', key: 'keyB'}
      ]}
   />

1. 有没有不使用 ref 的解决方案？

2. 如果我必须使用 ref 我应该怎么做？

<% docs.forEach( function ( doc ){ %>

<div class="item">
    <% if (doc.Active) { %>
    <style> .item { background-color:red }</style>
    <% } %>
</div>

<% }); %>

想象3个文档，

doc1 (Active == true)
doc2 (Active == true)
doc3 (Active == false)

我只想给风格Active == true。我像上面一样编码，但结果是每个都div被赋予了风格。所以最后都是红色背景，这不是我所期望的。

如何在EJS 中有条件地提供样式？

回调Promise.all(arr).then在数组完成之前执行，因此它不会捕获其元素。我怎样才能正确地做到这一点？

var arr = [];\n\nfor (var i = 0; i < 2; i++) {\n  arr.push((function() {\n    new Promise(function(resolve, reject) {\n      setTimeout(function() {\n        console.log("Resolved!");\n        resolve();\n      }, 3000);\n    });\n  })());\n}\n\nPromise.all(arr).then(function() {\n  console.log("Done");\n});

\n

我的预期结果是：

Resolved!\nResolved!\nDone\n

但真实的结果是：

Done\nResolved!\nResolved!\n

上面的代码只是一个例子。我更改了如下结构，代码不再有问题，但由于我的应用程序结构，我应该使用for循环。push

var p1 = new Promise(function(resolve, reject) {\n  setTimeout(function() {\n    console.log("Resolved #1");\n    resolve();\n  }, 1000);\n});\nvar p2 = new Promise(function(resolve, reject) {\n  setTimeout(function() {\n    console.log("Resolved #2");\n    resolve();\n  }, …

我正在挖掘，graphql所以我遵循了教程，并且我坚持了这一部分。

主页.js

function Home() {
  const {
    loading,
    data: { getPosts: posts }   // <===## Here ##
  } = useQuery(FETCH_POSTS_QUERY);

  return (
      <div>
        {loading ? (
          <h1>Loading posts..</h1>
        ) : (
          posts &&
          posts.map((post) => (
            <p>
              {post.content}
            </p>
          ))
        )}
      </div>
  );
}

const FETCH_POSTS_QUERY = gql`
  {
    getPosts {
      id
      content
    }
  }
`;


export default Home;

解析器

  Query: {
    async getPosts() {
      try {
        const posts = await Post.find().sort({ createdAt: -1 });
        return posts;
      } …

下面是使用 EJS 模板的我的 node.js 应用程序客户端代码的一部分。有一个输入框，我想显示如果用户没有登录，在输入框中显示消息。而且，输入框也应该无法使用。

但它没有正确显示，我怎样才能显示整个语句，包括空格，而不仅仅是“需要”，而是“需要登录”？

<input type="text" <%= (isAuthenticated) ? '' : "value='Need to Login'" %> />

// view : 'Need
// It doesn't show after space