小编Bry*_*yce的帖子

如何在保持纵横比的同时保持视口中包含的div

存在一个方形div,它是需要随窗口缩放的任意百分比宽度(和相同的高量).

它必须保持在视口的范围内(即:不在外面剪裁)并保持其方形 - 基本上复制了background-size: contain;CSS 的特征.

我需要支持iOS Safari v3.2,所以我不能使用vw/vh/vmin/vmax,并且非常喜欢只支持CSS的解决方案.

在此输入图像描述

css aspect-ratio responsive-design

4
推荐指数
1
解决办法
3153
查看次数

SASS:如何在@each或@for中打印出`&'n次

我的SCSS中有以下循环:

@for $i from 1 to 5 {
    .thing-#{$i} {
        @if $i == 1 {
            & + & { /* some styles */ }
        }

        @if $i == 2 {
            & + & + & { /* some styles */ }
        }

        @if $i == 3 {
            & + & + & + & { /* some styles */ }
        }

        @if $i == 4 {
            & + & + & + & + & { /* some styles */ …
Run Code Online (Sandbox Code Playgroud)

iterator sass css-preprocessor

4
推荐指数
1
解决办法
953
查看次数

<main> 元素是否需要 role="main" ?

如果定义内容主要部分的最语义和最易访问的方式是标准<main>元素,那么使用 ARIA 地标似乎是多余的。添加role="main"元素真的有必要吗?

html semantic-markup wai-aria

3
推荐指数
1
解决办法
2396
查看次数

HTML5日期输入是否接受无效日期?

为什么HTML5元素可以<input type="date">让用户将日期滚动到无效日期,例如31 September 2014

演示:http://jsfiddle.net/oztjryx4/1/

为什么Chrome允许这种情况发生?如何检查日期是无效还是不存在?

forms google-chrome date datepicker

3
推荐指数
1
解决办法
1358
查看次数

Angular $ http不会在OPTIONS飞行前发送标头

我正在尝试使用$ http服务连接到API,该服务需要为POST请求定义某个标头:

app.run(['$http', function($http) {
    $http.defaults.headers.post.hello = 'world';
}]);
Run Code Online (Sandbox Code Playgroud)

但是,我的Angular应用程序OPTIONS在之前发送请求POST,并且它似乎没有发送自定义标头.

退房的网络标签在此Plunker:http://plnkr.co/edit/tcqIb2q9zIQb3nf2SzyT

并且观察请求应该在哪里发送hello带有值的标头world,它实际上不是:

在此输入图像描述

我看到helloaccess-control-request-header,但不应该把它放在自己的路线?为什么不发送价值world呢?

http-headers cors angularjs

3
推荐指数
1
解决办法
2598
查看次数

如何确定Vue何时完成DOM更新?

我希望<input>在Vue创建内部元素后访问它:

<li v-repeat="subtask: subtasks">
    <input v-model="subtask.name" type="text">
</li>
Run Code Online (Sandbox Code Playgroud)

但是,此代码不起作用:

/* add a new item (that in turn will create a new DOM node) */
subtasks.push({
    name: 'wash the dishes',
    id: 'box-123'
});

/* ... Around now, Vue should get busy creating the new <li> ... */

/* Now the element should exist, but it doesn't */
console.log(document.getElementById('box-123'));
// --> null
Run Code Online (Sandbox Code Playgroud)

但是,getElementById呼叫空手而归 - 当时节点不存在.

我什么时候可以确定Vue已经创建/更新了DOM?

javascript dom vue.js

3
推荐指数
1
解决办法
4547
查看次数

PHP与JavaScript:改变传入的数组的值会产生不同的结果

很难为这篇文章提供明确的标题.

尽管PHP和JS是完全不同的语言,但我很惊讶地发现,将作为参数传递给函数的数组进行更改会产生不同的结果.

PHP

<?php 
function thing($arr) {
    $arr[2] = "WOOF";
}

$hello = array(1,2,3,4);
thing($hello);
print_r($hello);
// Array ( [0] => 1 [1] => 2 [2] => 3 [3] => 4 )
?>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

function thing($arr) {
    $arr[2] = "WOOF";
}

$hello = [1,2,3,4];
thing($hello);
console.log($hello);
// [1, 2, "WOOF", 4]
Run Code Online (Sandbox Code Playgroud)

哪个是对的"?

为什么这里的结果会有差异?为什么JS接受参数只是原始数组的别名,但PHP不是?

哪种方式最"正确" - 为什么?

javascript php arrays functional-programming

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

是否可以在现有JavaScript对象中添加许多键/值对?

如果我有一个现有的POJO并想要为它添加一些键/值对,我通常这样做:

var existingObject = {
    firstValue: 'hello'
};

/* some time later... */

existingObject.secondValue = 'world';
existingObject.thirdValue = 'new value';
existingObject.fourthValue = 'another value';
existingObject.fifthValue = 'another value';
existingObject.sixthValue = 'another value';
existingObject.seventhValue = 'another value';
existingObject.eighthValue = 'another value';
existingObject.adInfinitum = 'again and again...';
Run Code Online (Sandbox Code Playgroud)

但我想知道是否有一种比这种长期方法更有效的方法?但请注意,我正在寻找创建临时对象和调用的替代方法extend.

此外,简单地将对象存储在较小的变量(如var a = existingObject;和使用a.newValue = 'something')中并不是我正在寻找的解决方案.

有没有办法做到这一点?

javascript object-literal

0
推荐指数
1
解决办法
2286
查看次数