小编Far*_*eal的帖子

我想在 GraphQL 查询变量中使用数组，以便我可以通过 Gatsby 的单个查询获取多个产品的数据，但目前我收到错误。

我的 graphQL 查询如下所示：

query ($id: [String!]) {
  shopifyProduct(handle: {eq: $id}) {
    handle
    id
    title
    handle
    productType
    shopifyId
  }
}

我的查询变量如下所示：

{
  "id": ["liner-jacket", "pocket-t-shirt"]
}

所需的响应将是（类似于）：

{
  "data": {
    "shopifyProduct": {
      "handle": "liner-jacket",
      "id": "Shopify__Product__hopbjidjoqjndadnawdawda123123=",
      "title": "Liner Jacket",
      "productType": "jacket",
      "shopifyId": "hopbjidjoqjndadnawdawda123123="
    },
    "shopifyProduct": {
      "handle": "pocket-t-shirt",
      "id": "Shopify__Product__iajwdoiajdoadjwaowda4023123=",
      "title": "Pocket T-Shirt",
      "productType": "t-shirt",
      "shopifyId": "iajwdoiajdoadjwaowda4023123="
    }
  }
}

嗨,有没有人知道在哪里可以获得无限滚动插件,在你加载更多帖子之前有一个你点击的按钮？

这是我正在寻找的(看看右下角的更多按钮)

是否有可能在jquery中一次显示一行文本？我知道它可以在flash中完成我在这里有一个例子http://iliketoplay.dk/#/blog/deff.在视频播放中,鼠标单击一个圆圈,打开一个包含文本的框,但每行显示一行文字,效果非常酷.可以重新创建吗？

目前我在父div中有3个div.其中1个div包含用户名,需要根据名称的长度扩展其宽度.目前,每当我编辑父换行div时,我的div似乎都崩溃了.有谁知道如何解决这个问题？

这就是我试图解释的内容

我的HTML

<div id="user_wrap">

<div id="user_welcome">
Welcome <b>Christopher</b>
</div>

<div id="user_logout">
Logout?
</div>

<div id="user_pic">
<img src="images/user_pic.png" width="38" height="37" />
</div>

</div>

我的CSS

#user_wrap{
float: right;
height: 40px;
margin-right: 10px;
margin-top: 5px;
position: relative;
width: 190px;
}


#user_welcome{
float: left;
position: relative;
text-align: right;
width: 130px;
font-size: 11.8px;
font-family: "Helvetica Neue", Helvetica, Arial;
color: #e3e3e3;
margin-bottom: 3px;
padding-top: 3px;
}

#user_logout{
float: left;
position: relative;
text-align: right;
width: 130px;
font-size: 11.8px;
font-weight: 200;
font-family: "Helvetica Neue", Helvetica, Arial;
color: …

我目前createPage在gatsby-node.js. 我正在尝试将 Gatsby js 与 Shopify 商务店面和另一个 CMS 用于博客文章，因此我需要一种在查看产品和查看博客文章时分别创建路线的方法。

目前，我遇到了一个错误，只有在尝试查看产品详细信息页面时才会出现：

(EnsureResources, ) TypeError: Cannot read property 'page' of undefined

我gatsby-node.js目前看起来像这样

const path = require(`path`)

// Create product page urls
exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions
  return graphql(`
    {
      allShopifyProduct {
        edges {
          node {
            handle
          }
        }
      }
    }
  `).then(result => {
    result.data.allShopifyProduct.edges.forEach(({ node }) => {
        const id = node.handle
      createPage({
        path: `/product/${id}/`,
        component: path.resolve(`./src/templates/product-page.js`), …

我试图让这块CSS在我的ipad上工作,但它似乎忽略了媒体查询并使用默认的包装CSS代替.有没有办法阻止这种情况发生？

@media only screen and (max-width: 1024px) and (max-height: 768px) {
    #wrapper {
        position:absolute; 
        z-index:1;
        top:41px;
        width:150px;
        height:300px;
    }    
}

#wrapper {
    position:absolute; 
    z-index:1;
    top:41px; 
    bottom:0px; 
    left:0;
    width:100%;
    height:800px;
    overflow:auto;
}

我使用 webpack 对正在更改的文件运行监视.js，但我需要在项目中使用通配符而不是特定文件名。我目前正在使用下面的命令，它工作正常，并在我运行时编译所有预期的文件npm run watch，但在我直接在任何文件中进行更改后，它永远不会再次运行。我必须停止观看并一次又一次地重新运行相同的命令。我有什么遗漏的吗？

const mix = require('laravel-mix');

mix.scripts([
    'resources/js/vendor/**/*.js',
    'resources/js/modules/**/*.js',
    'resources/js/plugins/**/*.js'
], 'public/js/site.js');

打包文件：

{
"private": true,
"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
    "autoprefixer": "^9.7.6",
    "bulma": "^0.9.0",
    "cross-env": "^5.1",
    "laravel-mix": "^4.0",
    "laravel-mix-purgecss": "^4.1.0",
    "node-sass": …