小编tom*_*oms的帖子

Sass @import使用前导下划线

我知道最好在不使用前导下划线的情况下导入SASS/SCSS部分; 例如

__CODE__

我对书呆子完整性的问题是,如果文件是使用下划线导入的,是否存在问题?

__CODE__

sass partials

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

IE CSS bug:影响父高的IMG原始高度

我有一个PARENT flexbox div(它也是列flexbox的一部分):

div.flex_block {
        width:100%;
        flex: 1 1 auto;
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;  
        padding-bottom:30px; 
}
Run Code Online (Sandbox Code Playgroud)

它包含2个孩子:

.flex_block  .content{
    max-width:none; /* override other code */
    flex: 0 1 50%;
}

.flex_block  .image{
    max-width:none; /* override other code */
    flex: 0 1 35%;
}
Run Code Online (Sandbox Code Playgroud)

第一个孩子里面有一些文字.第二个是超大图像,设置为100%宽度,因此它缩小到其容器.

.flex_block  .image img{
    display:block;
    width:100%;
    height: auto;
}
Run Code Online (Sandbox Code Playgroud)

它在Chrome中按预期工作,但在IE中,原始img的高度似乎扩展了PARENT容器(即使它缩小以适应其容器).如果我设置img高度,问题就解决了.AUTO无法修复它.显然,我需要这个作为响应式设计,所以我不希望以像素为单位设置高度.

以下是对所发生情况的可视化: 在此输入图像描述

我也尝试使用百分比宽度的内联元素而不是flexbox,但问题占了上风.

css size internet-explorer image flexbox

6
推荐指数
1
解决办法
1639
查看次数

Angular Forms 反应式 - 交叉控制验证

我正在为 Angular 5 中的反应形式开发一个验证器,并且在设置基于另一个输入的值的验证器时遇到困难。

表格看起来像这样:

let myRules = new FormArray([]);
myRules.push(this.newRuleFormGroup(1, 'period', 1));

this.myForm = new FormGroup({
      'name': new FormControl(name, [Validators.required, this.validate_usedName.bind(this)]), // V: must not exist already
      'icon': new FormControl(icon, [Validators.required]), // has default
      'rules': myRules
    })
Run Code Online (Sandbox Code Playgroud)

'rules' 是 a FormArray,我FormGroup使用以下命令从模板中推送 new :

newRuleFormGroup = (amount: number, period: string, repAmount: number = 1) => {
    return new FormGroup({
      'amount': new FormControl(amount, [Validators.required]),
      'type': new FormControl(period, [Validators.required]),
      'repAmount': new FormControl(repAmount, [this.validate_repAmount.bind(this)])
    })
  }
Run Code Online (Sandbox Code Playgroud)

repAmount仅当 时才需要type …

custom-validators angular angular-forms

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

正则表达式 - javascript替换所有非数字

我已经看过几次问这个问题(例如这里),尽管我最好的尝试复制,并阅读正则表达式,但这似乎不起作用:

$("#button").click(function () {
    new_number = $("#the_input").val();
    new_number = new_number.replace(/[^0-9]+/g, '')
             // also doesn't work: (/\D/g, '')
    $("#result").html(new_number);
});
Run Code Online (Sandbox Code Playgroud)

jsfiddle在这里

目标:单击按钮,从输入中收集值,删除非数字并在div内输出字符串.

结果:当我输入一个数字时,它很好.当我输入一个非数字和一个数字,或者除了一个数字之外,它都是空白的.它似乎取代了整个字符串,而不仅仅是匹配的字符.

救命?

javascript regex jquery replace

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