小编JLF*_*JLF的帖子

查找Javascript应用的内联样式来调试Javascript

情景:我正在接管一个网站的管理,不幸的是,前网页开发人员在许多长JS文件中散布了许多相关功能.我很难在JS中找到内联CSS样式的位置,或者将该样式直接应用于元素的函数是什么.

问题:是否有一种方法可以对元素的内联样式进行逆向工程,以查看它们的来源?

html javascript css debugging google-chrome-devtools

13
推荐指数
1
解决办法
6034
查看次数

@ font-face是否适用于电子邮件模板?

有没有办法可以使用CSS @font-face在电子邮件模板中嵌入自定义Web字体.这个问题与MailChimp中的电子邮件模板有关,但我也想知道是否有适用于所有或大多数电子邮件订阅服务的跨浏览器解决方案?

我已经考虑过以这种方式将它嵌入样式头中:

@font-face {
   src: url("http://www.remoteserver.com/fonts/font.otf");
   font-family: Font;
}
Run Code Online (Sandbox Code Playgroud)

但我担心这会严重影响页面加载.有没有更好的办法?

更新:为了找到通用解决方案,这些不是谷歌字体,或存在于任何类型的在线源库中的字体.

css email html-email font-face mailchimp

12
推荐指数
1
解决办法
8440
查看次数

CSS 3D Carousel项目轮换

以下CodePen演示了我想做的一半:http://codepen.io/nopr/pen/rfBJx

当这个旋转木马旋转时,个别的非活动物品朝向背面旋转,面向远离观察者.我似乎无法弄清楚如何在旋转时保持每个框架面向观察者,执行do-si-do动作而不是转动动作(见图像).

前向转盘

注意这些字母总是面向你吗?这与上面的CodePen不同.

我尝试在下面添加一个带有这些变换的附加旋转木马来取代每个平面,但我无法达到我的目标.有什么想法吗?

carousel.css({
   "-webkit-transform": "rotateY("+currdeg+"deg)",
   "-moz-transform": "rotateY("+currdeg+"deg)",
   "-o-transform": "rotateY("+currdeg+"deg)",
   "transform": "rotateY("+currdeg+"deg)"
});
Run Code Online (Sandbox Code Playgroud)

html css jquery carousel

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

git commit并推送到分支但不是拉取请求

我正在为应用程序制作幻灯片功能,我创建了一个master被调用的分支slideshow.我知道我必须提交拉动请求以master指示它从中拉出来slideshow.在pull请求中,关于slideshow延迟拉入的某些方面的谈话master,但我仍然需要在其他方面工作,slideshow最终将是一个单独的pull请求.所以:

  • 我希望能够提交并推送到slideshow没有它包含在我提交的拉取请求中
  • 但我也希望能够回过头来改进拉取请求,以便slideshow代码审查者需要改进

有没有办法在没有推送拉取请求的情况下推送到拉取请求中的分支?或者这个场景的答案只是创建另一个分支slideshow

git github pull-request

7
推荐指数
1
解决办法
2671
查看次数

如果元素在Jquery .hasClass()函数中具有"class1"和/或"class2"

我想检查一个元素是否具有此类或其他类,如下所示:

if ( $elem.hasClass("foo") || $elem.hasClass("bar") ) {
  // do something
}
Run Code Online (Sandbox Code Playgroud)

我还想检查一个元素是否有两个类:

if ( $elem.hasClass("foo") && $elem.hasClass("bar") ) {
  // do something else
}
Run Code Online (Sandbox Code Playgroud)

有没有办法在hasClass()函数内完成所有这些操作?就像是:

if ( $elem.hasClass("foo bar") ) {
  // do something when element has both classes
}
else if ( $elem.hasClass("foo","bar") ) {
  // do something when element has either class
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

在Javascript ES6中扩展子类中的父类方法

我想扩展子类在父类中的特定方法的功能.我仍然习惯于ES6中的OOP,所以我不确定这是否可行或违反规则.

我正在寻找这样的东西:

class Parent {
  constructor(elem) {
    this.elem = elem;

    elem.addEventListener((e) => {
      this.doSomething(e);
    });
  }

  doSomething(e) {
    console.log('doing something', e);
  }
}

class Child extends Parent {
  constructor(elem) {
    // sets up this.elem, event listener, and initial definition of doSomething
    super(elem)
  }

  doSomething(e) {
    // first does console.log('doing something', e);
    console.log('doing another something', e);
  }
}
Run Code Online (Sandbox Code Playgroud)

本质上,我想在父方法上附加一个特定于子的回调.有没有一种创造性的方法来创建一个具有相同功能的全新类?

javascript oop inheritance ecmascript-6

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