小编aug*_*aug的帖子

什么是扁平捆绑,为什么Rollup比Webpack更好?

我最近一直在研究汇总,看看它与Webpack和其他捆绑商的区别.我遇到的一件事是,由于"扁平捆绑",它对图书馆更好.这是基于一条推文最近的React PR来使用Rollup.

根据我的经验,由于围绕扁平捆绑(例如吊装)的更好优化,Rollup更擅长构建库.1/2

如果您使用代码分割等捆绑应用程序,Webpack 2可能更适合您.2/2

我不完全确定我明白这意味着什么.扁平捆绑是指什么?我知道Rollup的文档提到了树形图,以帮助减少包大小,但Webpack也有办法做到这一点.也许我完全不理解这个概念.

请注意,这不是关于Rollup vs Webpack的比较问题.对于那些对此感兴趣的人,Webpack有一个比较图表.这主要是问平板捆绑是什么?Rollup可能会在内部做些什么来实现这一目标?

bundler reactjs webpack rollupjs

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

使用NodeSize在节点之间进行D3树布局分离

现在我正在尝试分离我的矩形节点,因为它们重叠,如下图所示:

在此输入图像描述

我看了一眼,发现D3提供了nodeSize分离方法,但由于某种原因它没有用.

我发现这篇博客文章谈到了这个问题,但他说

size属性在节点中不存在,因此它将是您想要控制它们大小的任何属性.

但显然有一个nodeSize方法,所以我觉得我只是错误地使用该方法和/或博客文章已过时.我想将我的节点整形为矩形的大小并将它们均匀分开,这样它们就不会相互重叠.有谁知道如何正确使用这些方法?关于这些方法的文档没有得到很好的解释,并没有产生任何差别.我也找不到很多人们改变树的nodeSize或需要分离矩形对象的例子(有一些关于圆形对象的例子,但我觉得这太不一样了......)

这是相关的代码.我会尝试准备一个JSFiddle.

var margin = {top: 20, right: 120, bottom: 20, left: 120},
    height = 960 - margin.right - margin.left,
    width = 800 - margin.top - margin.bottom,
    rectW = 70;
    rectH = 30;
    //bbox = NaN,
    maxTextLength = 0;

var i = 0,
    duration = 750,
    root;


//paths from each node drawn initially here
//changed to d.x, d.y
var diagonal = d3.svg.diagonal()
    .projection(function(d) { return [d.x+rectW/2, d.y+rectH/2];
    //.projection(function(d) { return …
Run Code Online (Sandbox Code Playgroud)

javascript tree d3.js

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

为什么将`this`分配给`self`并运行`self.method()`?

我正在读猫鼬的来源

Collection.prototype.onOpen = function () {
  var self = this;
  this.buffer = false;
  self.doQueue();
};
Run Code Online (Sandbox Code Playgroud)

我不明白为什么笔者分配thisself和运行self.doQueue().为什么不运行:

this.buffer = false;
this.doQueue();
Run Code Online (Sandbox Code Playgroud)

我是javascript的新手,感谢您的帮助.

javascript

14
推荐指数
1
解决办法
1677
查看次数

如何撤消npm update?

有没有办法撤消命令npm update?我运行命令,现在我有一堆未满足的依赖项和一些错误.

我正在尝试手动重新安装并修复所有错误但是有谁知道如何基本上恢复npm update

node.js npm

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

Chrome开发工具中的"清除网站数据"等效于什么?

我正在寻找一种方法来触发与Chrome Dev工具中的"清除网站数据"相同的行为,或者尽可能接近相同的行为.我知道有些事情是不可能的,即清除浏览器缓存,这不需要在这个问题的范围内.我不确定Clear Site Data是否除了清除cookie,Web SQL/IndexedDB和取消注册服务工作者之外还做了一些特殊的事情.

我在我工作的一些项目中使用localForage,因此清理IndexedDB/localStorage非常简单并确保调用,clear但我不熟悉其他部分幕后发生的事情,或者我可能会遗漏某些内容.对于上下文,在我的应用程序中有时候我会看到尴尬的回归(我做了一些更新但他们没有更新).我有一个清除localStorage和cookies的编程触发器,但它不能解决问题,但点击"清除站点数据"并检查所有内容.

另外注意我还发现了关于清晰网站数据头的W3C规范草案?我不确定这是否是我们可能采取的方向,以触发明确的网站数据?任何信息都将非常受欢迎.

javascript cookies caching google-chrome browser-cache

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

链式方法能力无需使用php的新关键字

我正在编写一个必须像这样调用的脚本:

$father = Father::firstName('Esaaro')->lastName('Ozaaraa')->age(42);

Person::firstName("Soobaasaa")->lastName( "Ozaaraa")->age(17)
  ->setFather( $father )-> toArray();
Run Code Online (Sandbox Code Playgroud)

所以我们有两个名为Person和的类Father.

firstName两个类的static方法是方法和其他方法public.

这是我的文件结构

<?php

class Person
{
    protected static $name;
    protected $lastName, $age, $father, $result;

    public static function firstName($name = null)
    {
        self::$name = $name;
    }

    public function lastName($lastName = null)
    {
        $this->lastName = $lastName;
    }

    public function age($age = null)
    {
        $this->age = $age;
    }

    public function toArray()
    {

    }

    public function setFather(Father $father)
    {

    }
}


    /* …
Run Code Online (Sandbox Code Playgroud)

php method-chaining

10
推荐指数
2
解决办法
208
查看次数

在悬停时点亮图像

看看http://www.kickstarter.com.

当您将鼠标悬停在徽标上时,图像会亮起.如果不在悬停时使用不同的图像,这种效果是否可行?

我的第一个想法是使用::after:hover并添加一个高透明度的白色正方形覆盖徽标,但由于我的徽标放在蓝色背景上,这是行不通的.另一个想法是将不透明度设置为0.9,并在悬停时将其设置为1.但这会使图像默认显得太暗.

html css opacity

7
推荐指数
2
解决办法
6万
查看次数

React Portal 如何在不同的子树中保留 Provider 的上下文?

因此,门户解决的一个有趣且令人惊奇的属性是保留来自提供者的上下文,即使您的组件需要在其他地方呈现也是如此。如果您使用 ContextProvider 包装组件子树,则在该子树中呈现的任何组件都将有权访问上下文值。

反过来,如果您在子树之外渲染某些内容,它就无法访问该上下文。React Portals 解决了这个问题,所以如果你想渲染子树之外的东西,你可以在同一个子树内完成它。我认为React 文档对此有所涉及

无论子级是否是门户,诸如上下文之类的功能都完全相同,因为无论 DOM 树中的位置如何,门户仍然存在于 React 树中。

我想我并没有概念化它实际上是如何工作的。React Portal 如何能够访问 Context 而无需在同一子树中渲染?听起来在幕后,Portal 是“React Tree”的一部分?那么一定有一些奇特的“传递信息然后渲染门户逻辑”?明确我的问题

门户究竟如何工作来保留对上下文值的访问?

javascript reactjs react-context react-portal

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

在SVG元素中添加斜角和浮雕?

所以我想知道是否可以在SVG元素中添加斜角和浮雕?

我的矩形元素的CSS是这样的:

rect {
  fill: #e8e9eb;
  stroke: black;
  stroke-width: 1px;
  width: 70;
  height: 30;
}
Run Code Online (Sandbox Code Playgroud)

我试图从这里添加这个CSS :

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.25), inset 0 -3px 0 rgba(255,255,255,.2), 0 1px 0 rgba(0,0,0,.1);
Run Code Online (Sandbox Code Playgroud)

我相信它不起作用的原因是因为它使用 …

css svg css3 emboss svg-filters

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

使用--grep-reflog 有什么好处?

我在文档中注意到您可以指定参数 --grep-reflog

--grep-reflog=<模式>

将提交输出限制为具有与指定模式(正则表达式)匹配的 reflog 条目的提交输出。使用多个 --grep-reflog,选择其引用日志消息与任何给定模式匹配的提交。除非 --walk-reflogs 正在使用,否则使用此选项是错误的。

我有点想澄清这与--grep. 查看通过git reflogs执行的操作有什么好处?是否只是为了让您知道可用的内容,git reflog所以如果您想访问它,您可以吗?

git git-reflog

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