小编sty*_*ler的帖子

如何在Flexbox中垂直对齐文本?

我想使用弹性框垂直对齐一些内容,<li>但没有取得很大的成功.

我已经在网上查了一下,很多教程实际上都使用了一个包装div来获取align-items:center父对象的flex设置,但是我想知道是否可以删除这个额外的元素?

我选择在此实例中使用弹性框,因为列表项高度将是动态%.

* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

ul {
  height: 100%;
}

li {
  display: flex;
  justify-content: center;
  align-self: center;
  background: silver;
  width: 100%;
  height: 20%;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>This is the text</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

html css flexbox

364
推荐指数
10
解决办法
44万
查看次数

使用.join方法将数组转换为不带逗号的字符串

可能重复:
没有分隔符的数组join()方法

我正在使用.join()将我的数组转换为字符串,以便我可以在文本框中输出它,因为用户在计算器中选择数字,我不完全确定如何删除也在列表中输出的逗号但是.有人可以建议如何实现这一目标,或者我应该采用不同的方法吗?

JS

$(document).ready(function() {
    var total = 0;
    var arr = [];

    //Testing
    $('#calculator').children('.num').on('click', function(e) {
        var clickedNumber = $(this).data('id');
        arr.push(clickedNumber);
        console.log(arr.join());
        e.preventDefault();
    });
});?
Run Code Online (Sandbox Code Playgroud)

JS小提琴http://jsfiddle.net/CVr25/

javascript jquery

123
推荐指数
4
解决办法
15万
查看次数

删除youtube iframe api控制台错误的方法 - 在chrome控制台中"使用origin阻止了一个框架......"

我正在使用youtube iframe api并获得以下控制台错误,该错误与阻止来自http://www.youtube.com的框架有关.想知道是否有人能解释为什么这个错误只出现在chrome控制台中,是否有任何方法可以防止这种情况发生?

错误:

阻止具有原点" http://www.youtube.com "的框架访问具有原点" http://youtubetest.appspot.com " 的框架.协议,域和端口必须匹配.

javascript youtube youtube-api

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

如何在React中循环一个对象?

新的React并试图循环Object属性但React抱怨对象无效React儿童,有人可以给我一些关于如何解决这个问题的建议吗?我添加了createFragment,但不完全确定这需要去哪里或我应采取什么方法?

JS

var tifs = {1: 'Joe', 2: 'Jane'};
var tifOptions = Object.keys(tifs).forEach(function(key) {
    return <option value={key}>{tifs[key]}</option>
});
Run Code Online (Sandbox Code Playgroud)

渲染功能

render() {
        const model = this.props.model;

        let tifOptions = {};

        if(model.get('tifs')) {
            tifOptions = Object.keys(this.props.model.get('tifs')).forEach(function(key) {
                return <option value={key}>{this.props.model.get('tifs')[key]}</option>
            });
        }

        return (
            <div class={cellClasses}>

                    <div class="grid__col-5 text--center grid__col--bleed">
                        <h5 class="flush text--uppercase">TIF</h5>
                        <select id="tif" name="tif" onChange={this.handleChange}>
                            {tifOptions}
                        </select>
                    </div>

            </div>
        );
    }
Run Code Online (Sandbox Code Playgroud)

控制台出错

If you meant to render a collection of children, use an array instead or wrap the object using …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

46
推荐指数
5
解决办法
10万
查看次数

如何编辑我当前的sublime text 2主题?

我想更新我当前的SB2主题Sunburst,以便当前的行突出显示有点亮,但我不知道如何做到这一点.我知道必须添加以下代码,但我不知道如何访问主题文件:

<key>lineHighlight</key>
<string>#hexcolor</string>
Run Code Online (Sandbox Code Playgroud)

任何人都可以建议如何实现这一目标?

sublimetext

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

嵌套HTML5节标签

这是使用<section>标签的正确方法吗?

<section id="container">
   <section id="outer">
      <section id="inner">
      </section>
   </section>
</section>
Run Code Online (Sandbox Code Playgroud)

我想弄清楚我是否应该只使用一个节ID,并将其他两节保留为div?

html5

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

无法建立主机的真实性

我是第一次做git pull并且在git中提示无法建立主机的真实性,与我生成的私钥相比,RSA密钥指纹不正确.我只是想知道如何更新它,以便它读取正确的文件,为什么它首先读取错误的指纹?

git ssh

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

Traceur运行时:超级表达式必须为null或函数,而不是未定义

学习ES6并直接遇到以下错误Super expression must either be null or a function, not undefined.真的不确定我的问题在哪里,如果有人能提供帮助那就太棒了.

main.js

'use strict'

import Backbone from 'exoskeleton';
import App from './views/App';


var onDOMReady = () => {
    console.log('inside dom ready');
    window.app = new App();
}

if(document.readyState === 'complete' || document.readyState === 'interactive' || document.readyState === 'loaded' ) {
    onDOMReady();
} else {
    document.addEventListener('DOMContentLoaded', onDOMReady);
}
Run Code Online (Sandbox Code Playgroud)

App.js

'use strict'

import Backbone from 'exoskeleton';

class App extends Backbone.View {

    initialize () {
        console.log('App: Init');
    }

    render () {
        console.log('App: …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

将photoshop投影转换为CSS3框阴影

如果我有一个带有以下设置的photoshop投影

混合模式 - rgb(0,0,0)/不透明度 - 25%/角度 - 135度/距离4px/Spread - 0%/尺寸 - 4px

如何设置我的CSS3盒子阴影,以便它代表我的photoshop设计?

photoshop css3

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

Backbone:将整个集合保存到非RESTful服务器

我一直在查看有关如何使用非RESTful服务器保存Backbone集合的多篇帖子,我仍然有点困惑.我创建了一个集合,我已经覆盖了toJSON方法来自定义我的数据以发布到我的API("/api/entity/735/request/personDelete"目前换成了jsfiddles/echo/json).所以我创建了一个save使用的方法Backbone.sync,在success我注销任何类型的响应时,对象是空的,不确定丢失的地方或我做错了什么; 谁能给我一些指导?只是想让这个例子工作,所以我可以使用这样的东西.

JS

var PersonCollection = Backbone.Collection.extend({
    model: PersonModel,

    url: function() {
        // Dummy JSFiddle endpoint
        // Example non-RESTful url "/api/entity/735/request/personDelete"
        return '/echo/json/';
    },

    /**
     *  Override toJSON to loop through collection models making
     *  custom objects containing specific attributes to be posted.
     */
    toJSON: function() {
        console.log(this.models);

        var plucked = this.models.map(function(model) {
            return _.pick( model.toJSON(), ["id","name", "teams"] )
        });

        console.log(plucked);
        return plucked;
    },

    save: function(options) {
      Backbone.sync('create', this, { …
Run Code Online (Sandbox Code Playgroud)

javascript rest jquery json backbone.js

11
推荐指数
1
解决办法
474
查看次数