小编Sud*_*ust的帖子

我希望在我的网格布局中的每个列上单独滚动.

目前,我正在开发一个仅限移动的Web应用程序.我想为纵向和横向使用不同的网格布局.

纵向方向只有1列,每个元素都在另一列之后.这里没问题.

在横向方向,我想使用2列.我的整个内容显示在左侧,导航移动到右侧.现在我希望两个部分都有一个单独的滚动.有没有办法实现这个？如果当前列的内容结束,则滚动应该停止.

CodePen上的代码:https://codepen.io/SuddenlyRust/pen/rmJOqV

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 15px 0;
}

header {
  background-color: green;
  grid-column: 1;
  grid-row: 1
}

main {
  background-color: blue;
  grid-column: 1;
  grid-row: 2;
}

nav {
  background-color: pink;
  grid-column: 1;
  grid-row: 3;
}

footer {
  background-color: teal;
  grid-column: 1;
  grid-row: 4;
}

@media only screen and (orientation: landscape) {
  .grid-container {
    grid-template-columns: 5fr 4fr;
  }
  nav {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
  footer { …

我想通过flexbox 实现以下布局:

您可以在图片中看到两个方向.纵向视图的左侧和横向视图的右侧.

前提是我希望尽可能缩短我的HTML(如果可能的话).

有没有办法用flex做到这一点？

在纵向视图中,一切正常,因为它只是一列.

现在我被困在横向.

导航应位于屏幕右侧,其他内容位于左侧.

header, footer, main, nav {
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  min-height: 120px;
  border: 1px solid #eebb55;
  background: #ffeebb;
}
section {
  display: flex;
  flex-direction: column;
}
@media only screen and (orientation: landscape) {
  /* no clue */
}

<section>
  <header>header</header>
  <main>content</main>
  <nav>navigation</nav>
  <footer>footer</footer>
</section>

非常感谢您的宝贵时间!

我有以下架构：

CREATE TABLE books (\n  title VARCHAR(255),\n  subtitle TEXT\n);\n

添加没有权重的生成列工作正常：

ALTER TABLE books ADD COLUMN full_text_search TSVECTOR\n  GENERATED ALWAYS AS (to_tsvector(\'english\',\n    coalesce(title, \'\') ||\' \'||\n    coalesce(subtitle, \'\')\n  )) STORED; -- \xe2\x9c\x85 Working\n

现在我想添加权重但不起作用：

ALTER TABLE books ADD COLUMN full_text_search_weighted TSVECTOR\n  GENERATED ALWAYS AS (to_tsvector(\'english\',\n    setweight(coalesce(title, \'\'), \'A\') ||\' \'||\n    setweight(coalesce(subtitle, \'\'), \'B\')\n  )) STORED; -- \xe2\x9d\x8c Not working\n

有没有办法在 postgres 中生成的列中包含权重？

复制链接：https://www.db-fiddle.com/f/4jyoMCicNSZpjMt4jFYoz5/1385

对于具有很多属性的标签，我想在新行上拆分每个属性，当我按Enter调用新行时，它应该只缩进一个选项卡。

以下示例输出了我想如何缩进属性：

<svg width="300px" height="150px">
    <ellipse class="fill-current" 
        cx="150" 
        cy="75" 
        rx="100"
        ry="75"
    />
</svg>

但是PhpStorm会自动尝试将我的所有行缩进当前属性：

<svg width="300px" height="150px">
    <ellipse class="fill-current"
             cx="150"
             cy="75"
             rx="100"
             ry="75"
    />
</svg>

我在设置（编辑器->代码样式-> HTML）中找不到任何选项可以更改此行为。有人知道这个问题的解决方案吗？

这背后的原因是因为我经常在HTML模板中使用自定义标签。有时我自己的标签很长，是2个或3个（在极少数情况下）3个单词的组合，因此可以方便地在新行上开始所有额外的属性，并且标签的末尾不应对齐。自己缩进属性很麻烦。我想自动化。

我的 PhpStorm IDE 无法识别流体视图助手。目前正在使用 PhpStorm 2017.3.3

我从 sgalinski 安装了 Fluid 插件，并在 xsd 文件https://fluidtypo3.org/schemas/fluid-master.xsd之后添加了架构和 DTD ，并将其链接到以下 URI http://typo3.org/ns/TYPO3/ CMS/流体/ViewHelpers

有谁知道我该如何解决这个问题？如果自动完成功能适用于流畅的 html 文件，那就太好了

Apollo 不会动态存储来自查询的标头。

页面/index.vue

methods: {
  fetchCars() {
    const token = Cookies.get('XSRF-TOKEN')

    console.log(token) //  Token is shown in console

    this.$apollo.query({
      query: gql`
        query {
          cars {
            uuid
            name
          }
        }
      `,
      headers: {
        'X-XSRF-TOKEN': token, // ? Fetch without header
      },
    })
  },
},

有没有办法为每个 Apollo 请求设置新的标头值？

我有一个单独的前端和后端。对于前端，我将 Nuxt.js 与 Apollo 一起使用。我想与我的服务器进行基于会话的通信。出于这个原因，我需要在每个请求中发送 CSRF 令牌。

现在的问题是：在第一次加载页面时，浏览器上没有设置 Cookie。我对 Nuxt 应用程序的每次初始化都执行 GET-Request。

插件/csrf.js

fetch('http://127.0.0.1:8000/api/csrf-cookie', {
  credentials: 'include',
})

现在我设置了一个有效的 Cookie，并希望与 GraphQL Server 通信，但我的标头未在查询中动态设置。有谁知道我该如何解决这个问题？

我的 Laravel 后端现在抛出 419 令牌不匹配异常，因为我没有随请求发送 CSRF 令牌。

链接到存储库：https : //github.com/SuddenlyRust/session-based-auth …