小编Zan*_*der的帖子

JavaScript npm包应该缩小吗?

我创建了很多npm包,但我仍然不知道这个问题的正确答案:"JavaScript npm包应该缩小吗?"

我一直都明白,缩小缩小代码是一个坏主意,所以在我的npm包中没有这样做.但是,我看到一些npm包axios,样式组件提供了他们的"dist"文件的缩小版本以及未明确的版本,而Lodash没有.

哪个是对的?谁会消费缩小版?

javascript node.js npm

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

如何使用jQuery告诉网站访问者之前是否访问过该网站?

我想创建一个div容器,其中包含第一次访问我网站的消息.访问者将阅读它并单击"隐藏"按钮以永久消除它.

这是怎么做到的?

javascript cookies jquery

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

如何用Raphael.js旋转div?

我是拉斐尔的新手,我真的被卡住了,我想用拉斐尔旋转一个div及其内容,使用一个按钮.

理想情况下,我希望在单击按钮时有一个从0度到-90度的平滑动画,然后再次单击该按钮时,动画将反转.我想我会在鼠标单击时更改id或类,以便我可以对两个动画使用相同的按钮.这是明智的吗?

我真的希望得到一些帮助,我的Sandbox位于http://jsbin.com/isijo/,您可以在http://jsbin.com/isijo/edit上进行编辑

非常感谢您的帮助.

rotation raphael

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

我可以在没有Ender的情况下将qwery与bean一起使用吗?

我刚开始尝试使用微型库而不是使用jQuery,我想将qwery与bean一起使用.如果我设置bean.setSelectorEngine(qwery);为什么以下不起作用?

bean.on('.masthead', 'click', function () {
    console.log('click fired');
});
Run Code Online (Sandbox Code Playgroud)

我也使用bonzo作为DOM实用程序,所以我将它设置为使用美元和qwery,这样我就可以像jQuery一样选择元素:例如$('.masthead').

function $(selector) {
    return bonzo(qwery(selector));
}
Run Code Online (Sandbox Code Playgroud)

这也行不通.我是否应该无法使用以下bean?

bean.on($('.masthead'), 'click', function () {
    console.log('click fired');
});
Run Code Online (Sandbox Code Playgroud)

也许我错过了bean文档中的重要内容..我需要做些什么来解决这个问题?

此外,我试图尽量避免使用Ender,我试图将我的外部库保持在最低限度.

javascript dom javascript-events ender

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

为什么 npm 的所有操作都需要 sudo ?

我不知道我是如何管理它的,但 npm 似乎sudo绝对需要每个命令,甚至npm help没有 sudo 就无法工作。如果我使用不带 的命令sudo,我不会看到EACCESS错误,而是我的终端会话挂起,然后关闭该选项卡(我在 Mac 上使用 iTerm)。

我尝试过更改本地.npm文件夹的所有权,如此处所述并且还在安装了节点的文件夹上执行了相同的操作/usr/local/bin,但这些都不允许我只运行 npm sudo,即使在安装本地软件包时也是如此......!在我看来,一路上有些事情搞砸了,有人可以帮忙吗?

非常感谢

macos shell node.js npm

5
推荐指数
2
解决办法
6574
查看次数

Emotion CSS-in-JS - 如何基于组件道具添加条件CSS?

我想要一个用Emotion设计的组件,它采用最终控制样式的道具.例如,考虑GridCol具有各种道具的组件,这些道具可以更改填充和宽度(宽度可以在不同的视口宽度上更改).

我想使用这样的API:

<GridCol gutter size="2>

// or alternatively, like this:

<GridCol gutter size={{
  m: 2,
  l: 4
}}>
Run Code Online (Sandbox Code Playgroud)

这里发生了三件事:

  • gutter是一个布尔道具,可以为列添加一些水平填充
  • 所述size支柱可以是字符串或一个对象.如果它是一个字符串,我们只是添加几行CSS并且我们很好,但是,如果它是一个对象,我们需要根据在别处设置的断点对象插入一些媒体查询.

Emotion的文档不清楚如何处理这种性质的样式,至少我还没有看到它,所以我希望找到一个共同的解决方案.

对于gutter道具,它是微不足道的:

const GridCol = props => styled('div')`
  display: block;
  box-sizing: border-box;
  flex: 1 0 0;
  min-width: 0;
  padding: ${props.gutter ? `0 10px` : '0'};
`
Run Code Online (Sandbox Code Playgroud)

对于size道具,它变得更复杂,我希望得到的CSS看起来像这样:

const GridCol = props => styled('div')`
  display: block;
  box-sizing: border-box;
  flex: 1 0 0;
  min-width: 0;
  padding: ${props.gutter ? …
Run Code Online (Sandbox Code Playgroud)

javascript css emotion

5
推荐指数
2
解决办法
5507
查看次数

如何在提供程序之外访问 React Query `queryClient`?例如,使赛普拉斯测试中的查询无效

是否可以在 React 之外访问我的应用程序的React Query queryClient?

\n

在我的一些赛普拉斯测试中,我获取或改变了一些数据,但随后我想使所有/部分的 queryClient 缓存无效。

\n

那可能吗?

\n

我尝试导入应用程序中使用的“相同”queryClient,但它不起作用。

\n

\xe2\x84\xb9\xef\xb8\x8f 我在测试中包含这些获取/突变只是为了让我绕过用户通常在已经进行赛普拉斯测试的应用程序中采取的复杂步骤。

\n

reactjs e2e-testing cypress react-query

5
推荐指数
2
解决办法
8574
查看次数

为什么我的Facebook Like按钮会创建一个全新的Facebook页面?

我正在尝试将Facebook整合到我正在开发的网站中,我已经创建了一个Facebook页面用于业务和Facebook应用程序 - 我对Facebook使用的文档和术语非常困惑.

我正在使用FBML将推荐按钮添加到我的网站的页脚,以便用户可以推荐该特定页面,但是当我点击它时,它会为该URI创建一个全新的Facebook页面,并且似乎忽略了所有的facebook和打开的图形元素信息.

仅供参考,这些是我正在使用的元标记:

<meta property="og:title" content="My Page title"/>
<meta property="og:type" content="company"/>
<meta property="og:url" content="http://mysite.com/"/>
<meta property="og:image" content="http://mysiteimage.jpg"/>
<meta property="og:site_name" content="My Site Name"/>
<meta property="fb:admins" content="My_FB_Admin_ID"/>
<meta property="fb:page_id" content="My_FB_Page_ID" />
<meta property="fb:app_id" content="My_FB_App_ID" />
<meta property="og:description" content="Desctiption of page"/>
Run Code Online (Sandbox Code Playgroud)

这是我正在使用的FBML:

<fb:like width="940" action="recommend" font="lucida grande"></fb:like>
Run Code Online (Sandbox Code Playgroud)

这是我在</body>标签之前添加到每个页面的Facebook Javascript SDK代码(每页只添加一次):

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({appId: 'My_FB_App_ID', status: true, cookie: true,
        xfbml: true});
    };
    (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol + …
Run Code Online (Sandbox Code Playgroud)

facebook fbml facebook-page

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

jQuery scrollLeft无法正常工作

我刚刚启动了http://elliewauters.com并且遇到了一些我想解决的问题,该网站使用了大量的动画水平滚动来从一个"页面"转到下一个,但是在刷新时大多数浏览器都记得滚动位置然后回到原来的位置,我不想要这个.尝试转到"关于"页面,然后刷新.您会看到徽标和菜单位于页面中间,因为它们是您第一次到达网站时的位置.

我想要帮助两件事:

  1. 在页面刷新时将滚动位置重置为0,0或
  2. 如果scrollLeft值大于1,则将徽标和菜单移至顶部.

我试过用尽$(window).scrollLeft(0);无济于事

scrollLeft = $(window).scrollLeft();
console.log(scrollLeft)
if (scrollLeft>1) {
    $('#header').addClass('notLeft').css('top','0%');
} else {
    $('#header').addClass('left').css('top','25%');
}
Run Code Online (Sandbox Code Playgroud)

不起作用,有没有人请知道如何实现我想要的?

提前致谢

javascript jquery scroll

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

设置Jekyll集合的默认值

出于某种原因,我无法为我的Jekyll集合设置默认值.我我已经正确地遵循了文档,但即使设置默认值layout也是我的意思..

这是我得到的:

collections:
  work:
    output: true
    permalink: /work/:path/

defaults:
  -
    scope:
      path: ""
      type: "posts"
    values:
      layout: "post"
  -
    scope:
      path: "work"
      type: "pages"
    values:
      layout: "work"
Run Code Online (Sandbox Code Playgroud)

我的博客发布markdown文件/_posts,我的工作(集合)markdown文件在/_work.在上面的示例中,我希望所有工作项都使用该work集合.这怎么不行?

顺便说一句,我使用的是Jekyll 3.3.1.

jekyll

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