小编Mic*_*mza的帖子

Unfork Github fork而不删除

我想"unfork"一个GitHub fork而不删除+重新创建它.这可能吗？

我的理由是我的项目现在对fork的源有一个完全不同的用途,并且没有意义显示前面的提交数量,或拉取请求按钮(或至少,如此突出).事后来看,我认为我只git clone需要原件,而不是做一个叉子.

我想不要删除我的分叉,以保持问题+拉取请求的历史记录.

我很高兴保留提交的历史,它只是删除了我所追求的fork状态.

git github

Mic*_*mza

2017 02-11

64
推荐指数

5
解决办法

4万
查看次数

为什么弹性项的宽度和高度会影响弹性项的渲染方式？

具有max-height样式的flexbox中的图像根据其是否具有其属性集height而显示为不同呈现width.

所述一个与属性,设置为图像的真实宽度/高度,使得与保留了其纵横比,但没有属性的那些尊重max-height和出现压扁.

.flex-parent {
  display: flex;
  max-height: 10vh;
}

Run Code Online (Sandbox Code Playgroud)

<div class="flex-parent">
  <img                          src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Red_eyed_tree_frog_edit2.jpg/320px-Red_eyed_tree_frog_edit2.jpg">
  <img width="320" height="240" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Red_eyed_tree_frog_edit2.jpg/320px-Red_eyed_tree_frog_edit2.jpg">
</div>

Run Code Online (Sandbox Code Playgroud)

这就是Chrome 58中的显示方式(在Firefox 54中也是如此).

他们为什么渲染不同？管理这种行为的规则是什么？

我的(显然不正确)的理解是,高度和宽度属性会覆盖在图像加载时发现内在的高度和宽度,如果高度和宽度属性等于图像的尺寸,应该是在渲染一旦图像无差异装了.

上下文正在制作一个包含响应图像的页面,其中每个图像

可以有独特的原始尺寸
加载时不会导致重排,即在初始渲染时保留正确的空间(因此使用高度和宽度属性)
可以同时适应所有屏幕(因此我vh在CSS中搞乱)

青蛙图片来自https://en.wikipedia.org/wiki/File:Red_eyed_tree_frog_edit2.jpg

html css flexbox responsive-images

Mic*_*mza

2017 07-12

40
推荐指数

1
解决办法

4340
查看次数

Chrome上的文字输入:行高似乎最小

我正在尝试使用值设置文本输入的样式,使用占位符的文本输入和跨度,在Chrome中完全相同.具体来说,我想独立于字体大小控制行高.

但是,在输入值上似乎存在某种最小行高(或者导致类似影响的东西),这似乎会以某种方式向下推动文本以防止相同的样式.

示例HTML:

<div>
  <input type="text" value="Text">
  <input type="text" placeholder="Text">
  <span>Text</span>
</div>

Run Code Online (Sandbox Code Playgroud)

CSS:

div {
  line-height: 50px;
  font-family: Arial;
}

input,
span {
  font-size: 50px;
  line-height: 50px;
  height: 50px;
  width: 100px;
  padding: 0;
  min-height: 0;
  display: inline-block;
  font-family: inherit;
  border: 2px solid red;
  overflow: hidden;
  vertical-align: top;
}

Run Code Online (Sandbox Code Playgroud)

结果可以在以下看到

http://plnkr.co/edit/oHbhKDSPTha8ShWVOC7N?p=preview 以及Linux上Chrome 44.0.2403.155(64位)的以下屏幕截图:

奇怪的是,占位符似乎使用所需的行高设置样式,而输入的文本值定位不同.此时我并不关心占位符的颜色.

如何设置所有3个元素的样式,使文本处于相同位置,我使用自定义行高？

我明白我可以只设置行高度normal或1.2,或减小字体大小,使元素出现相同,但他们不会有视觉外观我要找的.

html css google-chrome

Mic*_*mza

2015 10-20

38
推荐指数

2
解决办法

6841
查看次数

灵活性基础列灵活箱100%:Firefox中的全高,而不是Chrome

我想要一个任意数字的div列,每个div的宽度为100%,高度为父div的100%,因此最初可以看到一个,而其他的则向下溢出父级.我设置的div有flex: 0 0 100%;,与父DIV中display: flex和flex-direction: column实现这一目标.

父div本身具有未知高度,因此它也是a的子项,display: flex并flex-direction: column设置为flex: 1 0 0在其容器中占用剩余空间.

在Firefox中输出是我想要的:

但是,不在Chrome中:

如何在没有Javascript的情况下在Chrome中实现Firefox风格？

您可以在http://plnkr.co/edit/WnAcmwAPnFaAhqqtwhLL?p=preview以及相应的版本中查看此操作,该版本flex-direction: row在Firefox和Chrome中均可使用.

供参考,完整的CSS

.wrapper {
  display: flex;
  flex-direction: column;
  height: 150px;
  width: 200px;
  border: 4px solid green;
  margin-bottom: 20px;
}

.column-parent {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  border: 2px solid blue;
}

.column-child {
  flex: 0 0 100%;
  border: 2px solid red;
}

Run Code Online (Sandbox Code Playgroud)

和HTML

<div class="wrapper"> …

Run Code Online (Sandbox Code Playgroud)

html css firefox google-chrome flexbox

Mic*_*mza

2015 08-12

36
推荐指数

4
解决办法

2万
查看次数

为什么$ element可用/注入控制器？

在AngularJS中,我注意到注入了一个控制器$element,它是控制器控制的元素的JQuery/JQLite包装器.例如:

<body ng-controller="MainCtrl">

Run Code Online (Sandbox Code Playgroud)

然后,您可以通过注入访问控制器中的body元素 $element

app.controller('MainCtrl', function($scope, $element) { ...

Run Code Online (Sandbox Code Playgroud)

这可以在Plunkr工作.

并且似乎被确认为$ compile的文档中的故意功能

我的问题是:

根据各种指南和教程,建议您不要在控制器中访问DOM,为什么这可能呢？
是否有任何非hacky用例？
在某处可用的代码中是否有任何这样的例子？

谢谢.

model-view-controller angularjs

Mic*_*mza

2017 04-03

32
推荐指数

3
解决办法

5万
查看次数

Google Adwords CSP(内容安全政策)img-src

img-src要使用Google AdWords转换跟踪,还需要Content-Security-Policy标头指令中的哪些域/协议？

从测试开始,当我们调用时google_trackConversion,看起来浏览器会创建一个带有src的图像,该图像遵循各个域之间的302重定向链...

www.googleadservices.com ->
googleads.g.doubleclick.net ->
www.google.com ->
www.google.co.uk

Run Code Online (Sandbox Code Playgroud)

决赛.co.uk看起来很可疑.当我们从英国进行测试时,我们担心从其他国家/地区调用的跟踪会重定向到其他域.

为了跟踪工作,我们需要打开的完整域名列表是什么？

根据注释中的请求,第一个请求的示例路径组件是:

pagead/conversion/979383382/?random=1452934690748&cv=8&fst=1452934690748&num=1&fmt=3&label=jvoMCNP4umIQ1uiA0wM&guid=ON&u_h=1080&u_w=1920&u_ah=1033&u_aw=1920&u_cd=24&u_his=18&u_tz=0&u_java=false&u_nplug=5&u_nmime=7&frm=0&url=https%3A//beta.captevate.com/payment%3Flevel%3Da00&async=1

Run Code Online (Sandbox Code Playgroud)

并且第二次重复转换,第一个请求的路径组件是

pagead/conversion/979383382/?random=1452934959209&cv=8&fst=1452934959209&num=1&fmt=3&label=jvoMCNP4umIQ1uiA0wM&guid=ON&u_h=1080&u_w=1920&u_ah=1033&u_aw=1920&u_cd=24&u_his=26&u_tz=0&u_java=false&u_nplug=5&u_nmime=7&frm=0&url=https%3A//beta.captevate.com/payment%3Flevel%3Da00&async=1

Run Code Online (Sandbox Code Playgroud)

我使用免费的VPN服务从几个国家(荷兰和新加坡)连接,最后一次重定向没有发生:最终请求www.google.com是200.但是,我显然没有尝试从每个国家连接,所以我的原始问题代表.

javascript http google-adwords content-security-policy

Mic*_*mza

2016 01-16

26
推荐指数

3
解决办法

4987
查看次数

管道命令链，每个输出状态到标准错误

我在 bash 脚本中有一系列管道命令，将标准输出管道到标准输入：

prog1 | prog2 | prog3

Run Code Online (Sandbox Code Playgroud)

他们每个人都输出一些标准错误。他们中的一些输出覆盖前一行，一些没有，有些两者都做：例如输出几行输出，然后在shell中有一个更新的“状态栏”。例如，curl 可以将下载进度输出为状态栏。

输出相当不清楚，因为状态栏可能会在一个进程的输出和另一个进程的输出之间闪烁。

有没有办法让各种输出更清晰，例如

明确哪个输出行来自链中的哪个程序？
让所有状态栏同时可见，不闪烁？

闪烁示例：

bash stdin stdout pipe stderr

Mic*_*mza

2020 05-02

20
推荐指数

2
解决办法

273
查看次数

将模拟DOM事件传递给没有jQuery的指令处理程序

我有一个非常简单的指令,其目的只是取消dragstart事件:

link: function(scope, element) {
  element.on('dragstart', function(e) {
    e.preventDefault();
  })
}

Run Code Online (Sandbox Code Playgroud)

如何在Jasmine测试中测试？我有以下测试试图窥探一个Event对象,并将其传递给处理程序:

var mockEvent; 

beforeEach(function() {
  mockEvent = new Event('dragstart');
  spyOn(mockEvent,'preventDefault');
});

it('should call preventDefault', function () {
  element.triggerHandler('dragstart', mockEvent);
  expect(mockEvent.preventDefault).toHaveBeenCalled();
});

Run Code Online (Sandbox Code Playgroud)

但测试失败了.你可以在这个Plunker看到这个..我如何测试这个(/重构指令使其可测试)？

编辑:理想情况下不包括jQuery.编辑:更改标签

unit-testing mocking jasmine angularjs karma-runner

Mic*_*mza

2015 03-08

14
推荐指数

2
解决办法

2万
查看次数