小编Ole*_*ral的帖子

有$(document).find('selector')和$('selector')的区别

我已经开始研究一些项目,在代码中我找到了$(document).find('selector')和$('selector')的组合.我找不到为什么这样做的真正原因.我这两者之间是否存在显着差异,以便在项目中同时使用它们?在某些情况下我应该先选择一个吗?

jquery

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

计算字符串中重复的字母

我遇到了以下问题:我需要在字符串中找到重复的字符。基本上我想要的是像这样匹配的正则表达式

hello - ["ll"];
here  - ["ee"];
happiness   -  ["pp","ss"];
pupil  -  ["pp"];
Run Code Online (Sandbox Code Playgroud)

我有一个匹配连续重复字符的

  /([a-z])\1+/g
Run Code Online (Sandbox Code Playgroud)

也是将匹配重复字符以及它们之间的所有内容的那个

   /([a-z])(?:.*)\1+/g
Run Code Online (Sandbox Code Playgroud)

但想不出正确的。

javascript regex

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

伪元素样式优先

我正在玩伪元素风格,并且遇到了让我困惑的行为

考虑以下css和html

HTML:

 <p>
        Note: As a rule, double colons (::) should be used instead of a single colon (:). This distinguishes pseudo-classes from pseudo-elements. However, since this distinction was not present in older versions of the W3C spec, most browsers support both syntaxes for the sake of compatibility. Note that ::selection must always start with double colons ::.
    </p>
Run Code Online (Sandbox Code Playgroud)

和风格

p::first-letter {
    font-size: 20px;
    color: red;
}

p::first-line {
    font-variant: small-caps;
    color: green;
}

p::before {
    content: 'Start';
    color: …
Run Code Online (Sandbox Code Playgroud)

css css-selectors pseudo-element

5
推荐指数
1
解决办法
241
查看次数

目标元素已移动时,不会触发点击处理程序

考虑以下演示https://stackblitz.com/edit/angular-pur1dt

无效时,我具有反应式表单控件,其中包含同步验证器和错误消息,显示在字段下方。

当控制失去重点时,将触发验证。控件下方是带有点击处理程序的按钮。问题是,当我单击按钮时,控件失去了焦点,发生了验证,显示了错误消息,并将按钮向下移动。据说这会阻止单击处理程序执行。有什么建议为什么会发生以及如何解决该问题?

我已经用评论更新了演示。注意:仅输入下方的按钮会重现该问题。首次单击后,标题将不会更新。

angular angular-reactive-forms

5
推荐指数
1
解决办法
425
查看次数

通过坐标获取子元素

考虑以下标记

<div id = "parent">
 <a id = "child1" href = "#">1</a>
 <a id = "child2" href = "#">2</a>
 <a id = "child3" href = "#">3</a>
 <a id = "child4" href = "#">4</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我需要通过其位置(X 和 Y 坐标)在父级内部获取子级。当我使用var element = document.elementFromPoint(x, y);它时,它返回父元素。有没有办法获取子元素?

javascript jquery

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

form.valueChanges不会为禁用的控件发出值

我有一个Angular Reactive表单.我订阅了它的值更改,并将对父组件发出更改.某些控件可能会被用户禁用.问题是,在发出表单valueChanges时,缺少来自禁用控件的值.我已经设定了一个基本的例子.

选中该复选框并禁用电子邮件输入时,不会记录任何表单控件值.但是我希望获得所有表格值.

angular angular-reactive-forms

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

无法移动使用super的方法

我正在读这本书.检查"15.6.4.2陷阱:使用超级的方法无法移动 "部分

它陈述如下

你不能移动使用super的方法:这样的方法有内部插槽[[HomeObject]],它将它与创建它的对象联系起来.如果你通过赋值移动它,它将继续引用超级属性原始对象.

所以,我试图用不同的对象调用它,也将实例方法分配给不同的对象,但它似乎不起作用.它指的是新对象的属性.可能,我没有弄清楚作者的意思.那么,有人可以提供一个例子吗?

她是一个小型演示和下面的代码

class A {
  get a() {
    return 1;
  }

  sayHi() {
    console.log(this.a)
  }
}

class B extends A {
  sayHi() {
    super.sayHi();
  };
}
var obj = {
  a: 4
};
let b = new B();
b.sayHi();
// logs 1

b.sayHi.call(obj);
// logs 4

obj.sayHi = b.sayHi;
obj.sayHi();
// logs 4
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 es6-class

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

div中元素的边距与display:table-cell移动其他单元格中的内容

我有以下简单的布局:http://jsfiddle.net/656ckfyq/

  <div class="container">
        <div>
           Some jumping conten  here
        </div>
        <div>
            <a href="#" class="more">More</a>
        </div>          
   </div>
Run Code Online (Sandbox Code Playgroud)

这些都是它的风格

    .container {
        display: table;
        border: 1px silver solid;
     }

     .container div {
         display: table-cell;
         padding: 10px;
     }

    .more {
        display: block;
        border: 2px red solid;
        margin-top: 20px;
     }
Run Code Online (Sandbox Code Playgroud)

所以问题是我想只移动第二个单元格20px中的链接.但不知何故,它也会影响第一个细胞中的内容.

在此输入图像描述

那么这种行为的原因是什么?我该如何解决这个问题呢?

css

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