小编Lon*_*ike的帖子

如何从数据库中获取用于在 Graphql 中进行分页的游标?

我在获取真正的游标以解决 GraphQL 中的数据库分页结果时遇到了可怕的问题。无论我使用哪种数据库(SQL 例如 mysql 或 NoSQL 文档例如 mongodb),我都没有办法,我似乎能够获得游标或类似游标的对象。

可能我错过了一些基本概念,但是在搜索了我的 b 之后......关闭我开始严重怀疑官方的 GraphQL 分页文档

https://graphql.org/learn/pagination/

完全基于任何真实的现场体验。

这是我的问题:我怎样才能从这样的 SQL 查询中获得任何与游标相似的东西?

SELECT authors.id, authors.last_name, authors.created_at FROM authors
ORDER BY authors.last_name, author.created_at
LIMIT 10
OFFSET 20
Run Code Online (Sandbox Code Playgroud)

我知道,不应使用基于偏移量的分页,而是将基于光标的导航视为一种补救措施。而且我绝对想治愈我的应用程序中的胶印病。但是为了做到这一点,我需要能够从某处检索游标。

我也明白(忘了我在哪里读到的)主键也不应该用于分页。

所以,我被困在这里。

database cursor-position resolver graphql graphql-js

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

我可以用作 webpack 配置的 es-modules 吗?

我正在使用节点 13.4.0。带有 es 模块(通过 .mjs 扩展)。

使用 webpack 配置文件作为 es 模块崩溃:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /path-to-config-dir/webpack.config.mjs
Run Code Online (Sandbox Code Playgroud)

最简单的 es 模块webpack.config.mjs

export default {};
Run Code Online (Sandbox Code Playgroud)

webpack 是否支持配置文件的 es-modules?我找不到关于该主题的大量信息。我发现了这个(一个问题已于 2019 年 6 月关闭):

https://github.com/webpack/webpack/pull/9226

所以我想知道关于 mjs 的 webpack 配置文件的状态。任何人都可以指点我一些关于这方面的文件吗?

node.js webpack es6-modules

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

webpack 2和stylus-loader配置文件示例

我很难用手写笔来处理webpack 2.我正在尝试将手写笔加载器模块添加到我的webpack.config中,但我不知道如何做到这一点.我不是,我没有阅读文档:

https://github.com/shama/stylus-loader

乍一看这个示例代码看起来像一块蛋糕(请记住,我在这里谈论Webpack 2,而不是Webpack 1):

module: {
  rules: [
    {
      test: /\.styl$/,
      use: [
        'style-loader',
        'css-loader',
        {
          loader: 'stylus-loader',
          options: {
            use: [stylus_plugin()],
          },
        },
      ],
    }
  ],
},
Run Code Online (Sandbox Code Playgroud)

这里的问题是函数stylus_plugin,根据文档,需要通过以下方式来满足:

var stylus_plugin = require('stylus_plugin');
Run Code Online (Sandbox Code Playgroud)

但是在npm repo中没有像stylus_plugin这样的npm模块.

所以,也许有人可以帮助我在webpack上运行手写笔,也许有人甚至可以提供配置示例.

附录,2017年2月9日.这对我有用(使用手写笔):

module: {
    rules: [{
        test: /\.styl$/i,
        use: [
            'style-loader',
            'css-loader',
            'stylus-loader'
        ]
    }]
}
Run Code Online (Sandbox Code Playgroud)

为了明确起见:每个单独的加载器代表一个单独的插件.所以你必须通过yarn/npm在这三个插件上添加每个插件.

plugins stylus node.js express webpack-2

10
推荐指数
1
解决办法
3334
查看次数

vuex namespaced具有多个模块的mapState

我肯定错过了什么.如何将vuex mapState与多个模块一起使用?

据了解,除了将对象作为参数传递之外,namespaced mapState还可以使用两个参数:namespace和表示模块成员的对象名称数组.像这样

// an imcomplete vue
export default {
   computed: mapState('user', ['addresses', 'creditCards']) 
};
Run Code Online (Sandbox Code Playgroud)

但是如果我想从第二个命名空间添加对象来计算呢?例如像这样的供应商:

mapState('vendor', ['products', 'ratings']) 
Run Code Online (Sandbox Code Playgroud)

目前我正在合并这两个mapState:

let userMapState = mapState('user', ['addresses', 'creditCards']); 
let vendorMapState = mapState ('vendor', ['products', 'ratings']);
let mergedMapStates = Object.assign({}, userMapState, vendorMapState);
Run Code Online (Sandbox Code Playgroud)

然后:

// an imcomplete vue
export default {
    computed: mergedMapStates
};
Run Code Online (Sandbox Code Playgroud)

它有效,但它不是正确的方法.或者是吗?

javascript namespaces module vuex

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

带有包裹的Vue SSR(服务器端渲染)?

我想知道是否有人可以向我介绍如何为vue SSR(服务器端渲染)设置宗地的资源或示例。

还是包裹无法使用Vue SSR?

javascript vue.js ssr parceljs

9
推荐指数
1
解决办法
351
查看次数

在 Node.js 中将缓冲区转换为二进制

我正在使用 axios 从如下网址请求图像:

const response = await axios.get('https://asite.dom/image/url', { responseType: 'arrayBuffer' }); 
Run Code Online (Sandbox Code Playgroud)

我不需要也不想在本地保存文件。我只需要简单的二进制数据来检查图像尺寸。

因此我不想这样做

const bufferImage = Buffer.from(response.data, 'binary');
Run Code Online (Sandbox Code Playgroud)

因为那是缓冲区而不是二进制数据。

我尝试过访问

response.data
Run Code Online (Sandbox Code Playgroud)

直接,但这也不是图像的二进制数据。

有人能帮我解决这个问题吗?

node.js

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

webpack与babel-preset-env"最后2个版本"与Internet Explorer

也许我有点幼稚.babel-preset-env的自述文件

https://github.com/babel/babel-preset-env

说:

Babel预设,通过根据您的目标浏览器或运行时环境自动确定您需要的Babel插件和polyfill,将ES2015 +编译为ES5.

然而,IE11在反引号和承诺上窒息,因为webpack/babel既没有将反向模板转换为常规字符串,也没有提出一个承诺polyfill.

我使用webpack 3.4.1和babel-core 6.2.5.

我到底在这里是什么东西?

这是我的webpack配置的babel 使用部分:

    use: [{
      loader: 'babel-loader',
      options: {
        presets: [
          [
            'env',
            {
              targets: {
                browsers: [
                  'last 2 versions'
                ]
              },
              modules: false
            }
          ]
        ],
        plugins: [
          'transform-runtime',
          'syntax-dynamic-import'
        ]
      }
    }]
Run Code Online (Sandbox Code Playgroud)

babel internet-explorer-11 webpack

7
推荐指数
1
解决办法
2563
查看次数

Webpack postcss loader,它的用途是什么?

我试图找出postcss-loader有什么用。

在github页面上

https://github.com/postcss/postcss-loader

它说:

用于webpack的Loader以使用PostCSS处理CSS

我不明白:所以,PostCSS是一个用PostCSS处理CSS的WP-Loader吗?

恕我直言,这是一个循环定义。

那么什么是PostCSS,它是CSSLoader吗?或者,由于它被称为Post CSS,它是要在其他CSS加载程序之后运行的加载程序吗?

webpack postcss postcss-loader

6
推荐指数
1
解决办法
1366
查看次数

是否可以使用目标对象分派精简的自定义事件?

是否可以createEventDispatcher像本机浏览器事件一样使用目标对象调度 svelte 事件(使用 创建)?

即在处理程序端接收event.target.value而不是 event.detail。

custom-events svelte

6
推荐指数
1
解决办法
7116
查看次数

如何在 Rust 中使用 reqwest 反序列化任意 json 结构?

我对 Rust 完全陌生,我试图找出如何从 URL 端点反序列化任意 JSON 结构。

reqwest README 上的相应示例如下所示:

use std::collections::HashMap;

#[tokio::main]
async fn main() -> Result<(), Box<dyn std::error::Error>> {
    let resp = reqwest::get("https://httpbin.org/ip")
        .await?
        .json::<HashMap<String, String>>()
        .await?;
        println!("{:#?}", resp);
    Ok(())
}
Run Code Online (Sandbox Code Playgroud)

所以在这个例子中,目标结构——即一个以字符串作为键和字符串作为值的 HashMap 对象——显然是已知的。

但是,如果我不知道在请求端点上接收到的结构是什么样的呢?

json rust reqwest

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