小编raf*_*uto的帖子

我正在使用flexbox将DIV居中放置在另一个DIV中。想一想需要时会在屏幕中央弹出的对话窗口。

它可以正常工作，但是如果对话框上方和下方的空间不完全相等，则剩余空间的40％会位于对话框上方和下方，而剩下的60％会看起来更好。之所以变得棘手，是因为对话框的高度随内部文本的数量而变化。

因此，例如，如果浏览器高度为1000 px，对话框窗口高度为400 px，我希望剩余的垂直空间（600 px）在对话框上方240 px，在对话框下方360 px。我可以用Javascript来做，但是我很好奇CSS是否有一些巧妙的方法。我尝试在#dialogBox DIV中添加底部边距，但是当对话框高度接近浏览器高度时，此方法不起作用。

#dialogBoxPanel
  {
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
#dialogBox
  {
  width:350px;
}

<div id="dialogBoxPanel">
  <div id="dialogBox">Text</div>
</div>

(我需要在浏览器上使用process.nextTick等效项.)

我正在努力充分利用javascript的性能,所以我做了一个简单的计数器...在一秒钟内我连续调用一个函数,只是将一个函数添加到变量中.

代码:codepen.io/rafaelcastrocouto/pen/gDFxt

我使用setTimeout大约250,使用google chrome/win7中的requestAnimationFrame获得70.我知道requestAnimationFrame与屏幕刷新率一致,所以我们怎样才能让它更快？

PS:我知道asm.js

我一直在努力解决这个错误2天,并且无法理解为什么电子渲染器process.stdin在Windows操作系统中失败.

如何重现:

键入npm install devtool -g 然后键入devtool 控制台型内process.stdin会有错误消息将两个错误,一个是在线127和其它在线128在C:\ Users \用户拉斐尔\应用程序数据\漫游\ NPM \node_modules\devtool \node_modules \电子-prebuilt\dist\resources\atom.asar\renderer\lib\init.js(devtool update 2.x)

Error: Implement me. Unknown stdin file type!

C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\node_modules\electron-prebuilt\dist\resour…:127 Error: Implement me. Unknown stdin file type!(…)(anonymous function) @ C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\node_modules\electron-prebuilt\dist\resour…:127Module._compile @ module.js:425Module._extensions..js @ module.js:432Module.load @ module.js:356Module._load @ module.js:313Module.runMain @ module.js:457startup @ node.js:151(anonymous function) @ node.js:1007 C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\node_modules\electron-prebuilt\dist\resour…:128 Error: Implement me. Unknown stdin file type! at process.stdin (node.js:747) at hookProcess (C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\lib\preload.js:117) at C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\lib\preload.js:29 at Object.<anonymous> (C:\Users\rafael\AppData\Roaming\npm\node_modules\devtool\lib\preload.js:129) at Module._compile (module.js:425) at …

渐变的结果应该不一样？为什么他们如此不同......我错过了什么？

笔画演示

SVG

<radialGradient cx="50%" cy="50%" r="100%" spreadMethod="pad" id="radGrad">
  <stop offset="0" stop-color="#fff"/>
  <stop offset="0.5" stop-color="#00f"/>
</radialGradient>

CSS

background: radial-gradient(ellipse at center, #fff 0%,#00f 50%);

希望有人能帮忙。

我需要从托管在非标准端口 9091 上的 RESTful API 服务返回一些数据。我使用以下内容作为测试工具：

var options = {
    'method' : 'GET'
  };

  var result = UrlFetchApp.fetch('http://testfetch.cmi.org.uk:9091',options);

  Logger.log(result);

我收到一个错误Address unavailable: http://testfetch.cmi.<?>:9091

如果我改为：

var result = UrlFetchApp.fetch('http://testfetch.cmi.org.uk:80',options);

通话正常。我认为 google 会阻止非标准端口上的出站流量，有什么方法可以打开端口，因为不幸的是我无法控制 RESTful API 服务的托管方式。

非常感谢任何帮助。

谢谢

JSBIN演示

这是某种错误，还是他们做错了？

深灰色不应该是DARKER，然后是默认的灰色吗？

的HTML

<div class="lightgrey">Light Grey</div>
<div class="grey">Grey</div>
<div class="darkgrey">Dark Grey</div>

的CSS

.lightgrey {background: lightgrey}
.grey {background: grey}
.darkgrey {background: darkgrey}

有一次,我为此提出了一个CSS规范建议,但后来我认为可能已经有了一个我缺少的解决方案.我正在谈论的那种布局的一个例子看起来像这样:

+-----------+---+
|     1     | 6 |
+---+---+---+   |
| 2 | 3 | 4 +---+
+---+---+---+ 7 |
|     5     |   |
+-----------+---+

问题是左列中间的那三个框沿着十字轴堆叠,我在CSS中找不到一个机制来执行此操作.我知道这可以通过包裹这三个项目的div来完成,这三个项目是行方向flex布局,但是这种方法打破了flex布局的灵活性,因为这些项目不能再在外部布局和列/周围重新排序他们之间不再发生划线.那么,如何只使用CSS实现这一点,以便flex布局保持灵活性？

HTML:

<div id="flex-layout">
<div id="item1">1</div>
<div id="item2">2</div>
<div id="item3">3</div>
<div id="item4">4</div>
<div id="item5">5</div>
<div id="item6">6</div>
<div id="item7">7</div>
</div>

CSS:

#flex-layout {
    display: flex;
    flex-direction: column;
    height: 300px;
    width: 400px;
    flex-wrap: wrap;
    align-items: stretch;
}

#item1 {
    flex: 0 0 100px;
    width: 300px;
}

#item2 {
    flex: 0 0 100px;
    width: 100px;
}

#item3 {
    flex: …

一个9人小组可以以几种方式在2个，3个和4个不相交的亚组中工作？如何通过javascript回溯生成所有可能性。

例：

Gs = group([aldo,beat,carla,david,evi,flip,gary,hugo,ida],[2,2,5]);

console.log(Gs); // [[aldo,beat],[carla,david],[evi,flip,gary,hugo,ida]], ...

请注意，我不希望组成员进行排列。即[[aldo，beat]，...]与[[beat，aldo]，...]相同。但是，[[aldo，beat]，[carla，david]，...]和[[carla，david]，[aldo，beat]，...]之间存在差异。

*请没有图书馆。

我刚刚创建了一个新的 git 存储库，如果不再次输入我的登录信息，我就无法通过 SSH 进行第一次推送。

即使ssh -T git@github.com说我已通过身份验证，它也会要求我提供登录凭据。

我正在使用此函数生成随机int值:

var r = function(min, max){
  return Math.floor(Math.random() * (max - min + 1)) + min;
};

它工作得很完美,但让我想知道...为什么javascript中没有randomInt和randomFloat？

是否可以从外部api 访问命令行Api？

简单示例:

HTML

  <div id="myDiv"></div>
  <script src="myScript.js"></script>

myScript.js

$$('#myDiv').textContent = 'this will not work';

我不想加载像jQuery或Zepto这样的外部库,因为像这样的seens已经在本地加载了.

看完这个问题之后： .NET中是否存在僵尸？ 我开始怀疑在JavaScript代码中是否有可能发生僵尸进程？

有意的例子：

var f = function(){if(!window) alert('Wont ever happen')};
setInterval(f, 4);