小编eps*_*n42的帖子

GraphQL/Gatsby/Prismic - 查询中“edges.node.data”和“nodes.data”之间的区别

我正在关注这个关于 Medium 的教程,让 Gatsby 与 Prismic 一起工作。

在 GraphiQL 资源管理器中,下面的两个查询都产生相同的结果,并且想知道我什么时候应该使用一个而不是另一个(即edge.node.datanodes.data):

查询#1:

query Articles {
  articles: allPrismicArticle {
    edges {
      node {
        data {
          title {
            text
          }
          image {
            url
          }
          paragraph {
            html
          }
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

查询#2:

query Articles {
  articles: allPrismicArticle {
    nodes {
      data {
        title {
          text
        }
        image {
          url
        }
        paragraph {
          html
        }
      }
    }
  }
}

Run Code Online (Sandbox Code Playgroud)

graphql gatsby prismic.io

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

在Visual Studio代码中的项目根文件夹中拖放/创建新文件夹

我在VS Code中打开了一个文件夹,我希望使用侧边栏中文件夹名称旁边的按钮或使用右键单击上下文菜单创建一个子文件夹.

使用其中任何一个选项时,它会在其中一个子文件夹中创建一个文件夹,而不是我打开的初始文件夹.

我可以在项目根目录中创建文件夹的唯一方法是选择侧栏中的"空白区域",然后按"创建文件夹"按钮.这样做的问题是,如果侧边栏中有许多项目,则没有空的空间可供点击.

我完全忽略了一些微不足道的事情吗?

在此输入图像描述

例如,在.gif文件中,我想在名为的文件夹下创建一个新文件夹+(加号 - 对不起奇怪的文件夹名称)

编辑:更新标题以提及另一个相关问题,当根文件夹中没有文件或侧边栏中没有空白空间时,使用侧边栏拖放到根文件夹.

此外,这里是使用侧边栏在根文件夹中创建新文件/文件夹的部分解决方案/解决方法:
选择侧边栏中的任何文件夹并按ESC两次,直到边栏周围出现边框,然后您可以创建文件/文件夹,它将出现在根中.只是部分解决方案,因为它对我最近注意到的拖放到根文件夹问题没有帮助.

visual-studio-code

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

无法将 Google Maps JS API 加入 WordPress

我对 WordPress 很陌生,我正在学习 Udemy 主题开发课程,其中一部分涉及使用 Google Maps API。当我注册/排队脚本时,查看页面时它不会出现在 HTML 源代码中。开发人员控制台中也没有错误。

这是我的一个片段functions.php

    wp_register_script('googlemaps', 'https://maps.googleapis.com/maps/api/js?&key=AIzaSyCCyUD3v8kBVRphqG1RYjYcSKBcyC-prKw&callback=initMap', array(''), '', true);
    wp_register_script('fluidboxjs', get_template_directory_uri() . '/js/jquery.fluidbox.min.js', array('jquery'), '2.0.5', true);
    wp_register_script('script', get_template_directory_uri() . '/js/scripts.js', array('jquery'), '1.0.0', true);

    wp_enqueue_script('googlemaps');
    wp_enqueue_script('jquery');
    wp_enqueue_script('fluidboxjs');
    wp_enqueue_script('script');
}

add_action('wp_enqueue_scripts', 'lapizzeria_styles');
Run Code Online (Sandbox Code Playgroud)

这是页脚下方输出的 HTML(我相信我应该在这里看到 Google API 的链接):

<script type='text/javascript' src='http://localhost/udemy/lapizzeria/wp-content/themes/lapizzeria/js/jquery.fluidbox.min.js?ver=2.0.5'></script>
<script type='text/javascript' src='http://localhost/udemy/lapizzeria/wp-content/themes/lapizzeria/js/scripts.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://localhost/udemy/lapizzeria/wp-includes/js/wp-embed.min.js?ver=4.7.4'></script>
Run Code Online (Sandbox Code Playgroud)

有趣的是,当我排队时,这条线确实出现在头部googlemaps

<link rel='dns-prefetch' href='//maps.googleapis.com' />
Run Code Online (Sandbox Code Playgroud)

作为这个问题的一些背景:

练习的第一步是将Google 的示例代码(脚本和样式)直接放入其中front-page.php,地图显示正常。

第二步是从出的运动的代码front-page.php并且将其放置在functions.phpscripts.jsstyle.css

将样式移动到style.css工作正常。将initMap() …

wordpress google-maps google-maps-api-3

3
推荐指数
1
解决办法
4821
查看次数