小编Jes*_*ica的帖子

我有一个array的NSDate,我试图将转换为一个对象string.我改变他们的方式是NSDateFormat,但是,如果有另一种更好的方式,我会很高兴听到.

最多的东西date是:

Days-Hours-Minutes-Seconds-Milliseconds

但有些人会少一些,比如:

Minutes-Seconds-Milliseconds

甚至更少.现在我将把它们转换成一个string.我是否必须创建if statements以确定它是否有天,小时等,或者是否有更简单的方法来执行此操作？

我试图div垂直居中,使用flexbox.我有li's一个高度height:100px.然后我尝试垂直居中,如下所示:align-items: center顶部被切断.

如何在Flexbox没有顶部被切断的情况下垂直居中使用？

这是JSFiddle,这里是代码片段:

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
#flexWrapper {
  display: flex;
  justify-content: center;
  background-color: aqua;
  height: 100%;
  align-items: center;
  /* This statement makes the problem */
  overflow: auto;
}
#flexContainer {
  width: 70%;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}
li {
  background-color: tomato;
  border: 1px solid …

我正在使用这个色轮选择器,我正在尝试添加一个div作为拖动器,而不是将其嵌入画布中.

我创建了一个外部div(a wrapper),并插入了一个div(dragger),然后是画布.我做了牵引div's position到absolute.然后在redraw(e) function,我设置left和top以下:

dragger.style.left = currentX + 'px';
dragger.style.top = currentY + 'px';

这有效,即拖拉机应该移动,但它处于错误的位置.

如何让拖动器与光标位于同一位置？

的jsfiddle

var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');


var wrapper = document.getElementById('wrapper');
var dragger = document.createElement('div');
dragger.id = 'dragger';
wrapper.appendChild(dragger);
wrapper.insertBefore(dragger, c);


document.body.clientWidth; // fix bug in webkit: http://qfox.nl/weblog/218

(function() {

  // Declare constants and variables to help with minification
  // …

我有一个outerWrapper,innerWrapper和儿童.outerWrapper有一个高度300px,是display: flex.innerWrapper也是display: flex,而且是flex-direction: column.

当我添加align-items除了stretchto之外的任何值时outerWrapper,子项将显示一个长列.他们忽略了300px身高.这是一个如何显示的图像:

它应该显示如下:

只是align-items: flex-end.

为什么会发生这种情况,我如何使用align-items: flex-end并让孩子像第二张图像一样显示？

的jsfiddle

#outerWrapper {
  height: 300px;
  background-color: lightgreen;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
li {
  list-style-type: none;
  width: 100px;
  height: 100px;
  background-color: lightblue;
  border: …

我正在尝试创建一个自定义滚动条,我正在使用translate3d滚动.唯一的问题是,当你一直滚动到底部时,拇指(卷轴)走得太远了.我正在使用公认的公式,但由于某种原因,它超过了它的父包装器.这是公式:

scrollPosition * scrollBarThumb_height / content_height

我做错了什么,如何让拇指完全留在父母视野中？

的jsfiddle

console.clear();

var innerWrapper = document.getElementById('innerWrapper');
var scrollBar = document.getElementById('scrollbar');
var scrollBarThumb = scrollBar.firstElementChild

scrollBarThumb.style.height = (innerWrapper.offsetHeight * innerWrapper.offsetHeight / innerWrapper.scrollHeight) + 'px';

innerWrapper.addEventListener('mousewheel', handleScroll);
innerWrapper.addEventListener('DOMMouseScroll', handleScroll);

innerWrapper.style.transform = 'translate3d(0px, 0px, 0px)';

function handleScroll(e) {
  // Prevent parents from scrolling
  e.preventDefault();
  var direction = (e.detail < 0 || e.wheelDelta > 0) ? 1 : -1; // 1 = scroll down, -1 = scroll

  var start = parseInt(innerWrapper.style.transform.split(',')[1], 10);
  var scrollPosition = …

我有一个UIBarButtonItem带有我在storyboard. 稍后在程序中，我想将 更改barButtonItem为包含文本，而不是图像。这是代码：

self.menuBarButton.setBackgroundImage(nil, forState: .Normal, barMetrics: .Default)
self.menuBarButton.title = "Some Text"

当我运行应用程序时，会barButton显示图像和 3 个点。“……”。我该怎么做才能删除图像并改为文本？

我有一个在 aws ec2 上托管的反应和节点应用程序。我也运行了 cloudwatch，它从节点应用程序获取所有日志。我还尝试从 React 应用程序获取日志以在 cloudwatch 中显示。

经过研究，我发现了两种可能性。

1. 在节点应用程序中创建一条路由，无论它在其主体中接收到什么，都会输出日志
2. 使用aws cloudwatch 库。

我相信第二种选择是更好的方法。我只是在实现它时遇到了麻烦......我浏览了整个互联网，但找不到任何教程或明确的文档，并且不知道从哪里开始。

我有一个UIButton. 我试图让buttons title2 行，第二行应该比第一行小。这是我的代码：

var myMutable = NSMutableAttributedString(string: "someText\n\(someString)", attributes: [NSFontAttributeName:UIFont.systemFontOfSize(17)])
myMutable.addAttribute(NSFontAttributeName, value: UIFont.systemFontOfSize(14), range: NSRange(location: count("someText\n") - 1, length: count(someString) - 1))

self.myButton.setAttributedTitle(myMutable, forState: .Normal)

出于某种原因，当这段代码被执行时，什么也没有发生。我做错了什么，我该如何解决？

更新

我只是尝试为它添加颜色，这部分起作用了。所以唯一的事情是，它没有 2 行。

我div's用 HTML 创建了5 个，我想将它们全部添加到div我用 JavaScript 创建的包装器中。我想从5循环div's通过一个for-in循环，然后追加div为一体的一个孩子wrapper。

出于某种原因，for循环更改了 5 个div's顺序，并且不会将所有顺序都附加到wrapper. 如何使用 JavaScript将所有内容添加div's到wrapper，保持（HTML）顺序？

（请不要发布 JQuery 答案，因为这不是问题。我只想要 JavaScript 答案。）

JSFiddle

var wrapper = document.createElement('div'),
  myClass = document.getElementsByClassName('myClass');

myClass[0].parentElement.appendChild(wrapper);
wrapper.id = 'wrapper';

for (var key in myClass) {
  if (!myClass.hasOwnProperty(key)) continue;

  wrapper.appendChild(myClass[key]);
}

#wrapper {
  border: 2px solid green;
  color: brown;
}

<div class="myClass">First</div>
<div class="myClass">Second</div>
<div class="myClass">Third</div>
<div class="myClass">Fourth</div> …

我有一行有 2 个子项，1 个子项是包含另外 2 个项目的列，第二行项目有一个扩展的小部件，其中有一个按钮。我正在尝试使两个行项目均为全宽。

我expanded给两个孩子都添加了一个小部件。只有 1 个项目的行子项的结果工作得很好，但是那里有嵌套列的行项目的结果是，小部件expanded使其高度全屏，同时保持较小的宽度。

我怎样才能让子行的宽度为 50%，高度为 100px？

以下是我想要的结果：

这就是我得到的：