小编bsr*_*bsr的帖子

使用Twitter Bootstrap 3将列居中

如何在Twitter Bootstrap 3中将容器中的一个列大小的div(12列)居中.

请看起初小提琴.

.centered {
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)

所以,我想要一个div.centered,在容器中居中.如果有多个div,我可以使用一行,但是现在我只想要一个在容器中居中的一列大小的div(12列).

我也不确定上述方法是否足够好,因为意图不是要抵消div一半.我不需要外面的自由空间divdiv收缩比例的内容.我想将div外部空间均匀分布(缩小到容器宽度==一列).

css centering twitter-bootstrap twitter-bootstrap-3

1109
推荐指数
18
解决办法
208万
查看次数

Flexbox:水平和垂直居中

如何使用flexbox在容器中水平和垂直居中div.在下面的例子中,我希望每个数字彼此相同(在行中),它​​们是水平居中的.

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
row {
  width: 100%;
}
.flex-item {
  background: tomato;
  padding: 5px;
  width: 200px;
  height: 150px;
  margin: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="flex-container">
  <div class="row">
    <span class="flex-item">1</span>
  </div>
  <div class="row">
    <span class="flex-item">2</span>
  </div>
  <div class="row">
    <span class="flex-item">3</span>
  </div>
  <div class="row">
    <span class="flex-item">4</span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://codepen.io/anon/pen/zLxBo

html css html5 css3 flexbox

588
推荐指数
9
解决办法
90万
查看次数

使用css3的SVG投影

是否可以使用css3为svg元素设置投影,例如

box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
Run Code Online (Sandbox Code Playgroud)

我看到了一些关于使用滤镜效果创建阴影的评论.有一个单独使用css的例子.下面是一个工作代码,其中正确应用了cusor样式,但没有阴影效果.请帮我用最少的代码获得阴影效果.

svg .shadow { 
  cursor:crosshair; 
  -moz-box-shadow: -5px -5px 5px #888;
  -webkit-box-shadow: -5px -5px 5px #888;
  box-shadow: -5px -5px 5px #888; 
}	
Run Code Online (Sandbox Code Playgroud)

css html5 svg css3 svg-filters

327
推荐指数
4
解决办法
35万
查看次数

在服务中处理$ http响应

我最近公布的我面对这个问题的详细说明,这里的SO.由于我无法发送实际$http请求,因此我使用超时来模拟异步行为.在@Gloopy的帮助下,从我的模型到视图的数据绑定工作正确

现在,当我使用$http而不是$timeout(在本地测试)时,我可以看到异步请求成功并data在我的服务中填充了json响应.但是,我的观点不是更新.

在这里更新了Plunkr

javascript angularjs angular-http

233
推荐指数
6
解决办法
26万
查看次数

Access-Control-Allow-Origin不允许使用Origin <origin>

XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allowed by Access-Control-Allow-Origin. 
Run Code Online (Sandbox Code Playgroud)

我阅读了有关跨域ajax请求的信息,并了解了基础安全问题.就我而言,2台服务器在本地运行,并且喜欢在测试期间启用跨域请求.

localhost:8080 - Google Appengine dev server
localhost:3000 - Node.js server
Run Code Online (Sandbox Code Playgroud)

我正在localhost:8080 - GAE server从节点服务器加载我的页面时发出一个ajax请求.什么是最简单,最安全的(不想用disable-web-security选项启动chrome ).如果我必须改变'Content-Type',我应该在节点服务器上做吗?怎么样?

javascript ajax google-chrome node.js cors

151
推荐指数
7
解决办法
34万
查看次数

设置select2输入的宽度(通过Angular-ui指令)

我有问题使这个plunkr(select2 + angulat-ui)工作.

http://plnkr.co/edit/NkdWUO?p=preview

在本地设置中,我得到了select2工作,但是我无法按照文档中的描述设置宽度.它太窄而无法使用.

在此输入图像描述

谢谢.

编辑:没关系plnkr,我在这里发现了一个工作小提琴 http://jsfiddle.net/pEFy6/

看起来这是select2的行为折叠到第一个元素的宽度.我可以通过bootstrap设置宽度.class="input-medium"但是不确定为什么angular-ui不接受配置参数.

css twitter-bootstrap angularjs jquery-select2

141
推荐指数
7
解决办法
15万
查看次数

格式AngularJS中的日期时间

如何在AngularJS中正确显示日期和时间?

下面的输出显示输入和输出,有和没有AngularJS日期过滤器:

In: {{v.Dt}}  
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}
Run Code Online (Sandbox Code Playgroud)

这打印:

In: 2012-10-16T17:57:28.556094Z 
AngularJS: 2012-10-16T17:57:28.556094Z
Run Code Online (Sandbox Code Playgroud)

所需的显示格式是 2010-10-28 23:40:23 04002010-10-28 23:40:23 EST

javascript date angularjs datefilter

122
推荐指数
10
解决办法
41万
查看次数

迭代范围的功能方式(ES6/7)

以更多功能方式执行以下操作的最佳方法是什么(使用ES6/ES7)

let cols = [];
for (let i =0; i <= 7; i++) {
   cols.push(i * i);
}
return cols;
Run Code Online (Sandbox Code Playgroud)

我试过,

return [ ...7 ].map(i => {
  return i * i;
});
Run Code Online (Sandbox Code Playgroud)

但那转化为

[].concat(7).map(function (n) {
  return n * n;
});
Run Code Online (Sandbox Code Playgroud)

这不是我的预期.

编辑:

@pavlo.的确,这是一个错误.我正在使用JSX,例如,我想要7个div,(未经测试)

let cols = [];
    for (let i =0; i <= 7; i++) {
       cols.push(<div id={i}> ...  </div>)
    }
    return cols;
Run Code Online (Sandbox Code Playgroud)

所以这个想法确实是为了减少临时变量和程序感觉的数量.

javascript functional-programming ecmascript-harmony ecmascript-6

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

Python变量声明

学习python,并有一些基本的疑虑.

我看过变量声明(路径在这里)

class writer:
    path = ""
Run Code Online (Sandbox Code Playgroud)

有时,没有明确的声明,但初始化__init__.

def __init__(self, name):
    self.name = name
Run Code Online (Sandbox Code Playgroud)

我理解的目的__init__,但是建议在任何其他函数中声明变量.

2.如何创建变量来保存自定义类型?

class writer:
    path = "" # string value
    customObj = ??
Run Code Online (Sandbox Code Playgroud)

python variable-declaration python-2.7 python-3.x

77
推荐指数
4
解决办法
26万
查看次数

从参数对象构建查询字符串

如何在Angularjs中使用查询参数构建URL.

我看到API $ location.search()

问题是$ location(url)是重定向到url.在我的例子中,我想为查询参数传递url和key:value对并​​构建url.就像是

url:/a/b/c params:{field1: value1, field2: value2}

结果: /a/b/c?field1=value1&field2=value2

我喜欢用这个网址链接.我也见过角度编码?,&字符.我可以避免这个吗?

编辑:

我的目的是使用url作为锚元素的href.我确实使用$ http来发送请求,但有时我需要提供一个链接,带有查询参数(基于当前对象)

谢谢

javascript querystringparameter angularjs

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