小编con*_*exo的帖子

如何在我的`mailchimp`弹出窗体中添加CSS?

我正在使用mailchimps popup订阅表单.我尽可能地在mailchimp中设置了内容.我想在弹出窗口中添加一些CSS,我已经尝试将CS​​S添加到已经加载到我的网站的CSS工作表中,但是即使使用!important等,表单也不会在弹出窗口中提取它.

mailchimp的代码是:

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
<script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us8.list-manage.com","uuid":"731f7bb19522a201007a53699","lid":"138afe0d12"}) })</script>
Run Code Online (Sandbox Code Playgroud)

现在,我尝试在我的页面中添加内联样式以进行测试,例如:

<style>
    #mc-EMAIL {
        border:6px solid pink !important;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

我注意到我的mailchimp的样式来自于此,但是mailchimp说我无权更改此CSS文件.

我相信其他人必须在我面前面对的整体问题:

如何在mailchimp弹出窗体中添加CSS ?

javascript css mailchimp

9
推荐指数
1
解决办法
3850
查看次数

输入4位数的密码时,删除最后一个字母的字母间距?

运行代码段,然后在输入图钉字段中输入字母。

letter-spacing在输入字段中使用了css属性。它会在每个字符之后创建额外的空间。

但是,我不想在最后一个字符后添加空格。我该如何实现?

.spc {
  letter-spacing: 0.2em;
}

#ps:nth-letter(odd) {
  letter-spacing: 0em;
}
Run Code Online (Sandbox Code Playgroud)
PIN: <input id="ps" class="spc" type="text" name="pin" maxlength="4" size="4">
Run Code Online (Sandbox Code Playgroud)

样本网址

html javascript css

9
推荐指数
0
解决办法
261
查看次数

这行Javascript代码可能做什么?

我刚刚在我正在进行的项目中偶然发现了一行代码.我觉得我在Javascript方面很不错但说实话,我不知道以下代码行实际上做了什么:

var date = new (Function.prototype.bind.apply(Date, [null,].concat(buildDateParams(spec, base))));
Run Code Online (Sandbox Code Playgroud)

你们这些Javascript专家可能会对此有所了解吗?

buildDateParams似乎构建了一系列值.为了完整起见,这里的功能是:

function buildDateParams(spec, base) {
    if (!spec.match(specRegExp)) {
        throw new Error('Invalid spec string');
    }
    var specParts = spec.toLowerCase().split(':');
    let params = [];
    for (let fieldIndex in fields) {
        let field = fields[fieldIndex];
        let specPart = (fieldIndex < specParts.length)
            ? specParts[fieldIndex]
            : '0';
        if (!specPart.length) {
            specPart = 'b';
        }
        let param = 0;
        if (specPart.substr(0, 1) === 'b') {
            param = base[field.getter]();
            specPart = specPart.substr(1);
        }
        if (specPart.length) {
            param …
Run Code Online (Sandbox Code Playgroud)

javascript

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

反向代理背后的WebDAV

我有2台服务器.Web上的一个反向代理和一个服务于WebDAV的专用链接上的代理.

Booth服务器是apache httpd v2.

在代理我有:

    ProxyRequests Off

    <Proxy *>
        Order deny,allow
        Allow from all
    </Proxy>

    ProxyPass           /repo/ http : //share.local/repo/
    ProxyPassReverse    /repo/ http : //share.local/repo/

在dav服务器上我有:

<Location /repo/>
    DAV on
    Order allow,deny
    allow from all
</Location>

通过访问反向代理,通过访问https私有服务器http.而且存在问题!

只读命令工作正常.但是,当我想要移动的东西时,我得到了502 Bad gateway.这样做的原因是反向代理不会在扩展的dav请求中重写url.

源URL位于标题内,并正确转换为http://share.local/file1.目标网址在我不理解的一些xml片段内并保持https://example.com/file1:(

是否有一种标准方法让apache正确转换请求?

谢谢你的努力.

reverse-proxy webdav http apache2 mod-proxy

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

为什么保证金顶部不起作用?

html结构:

#main {
  margin: 0 auto;
  width: 960px;
}

#left {
  float: left;
  border: 1px solid red;
  width: 300px;
  margin-right: 10px;
  height: 500px;
}

#right {
  float: right;
  border: 1px solid green;
  width: 500px;
  height: 500px;
}

#footer {
  clear: both;
  margin-top: 20px;
  border: 1px solid lime;
  height: 200px;
}
Run Code Online (Sandbox Code Playgroud)

风格:

<div id="main">
  <div id="left"></div>
  <div id="right"></div>
  <div id="footer"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

为什么 margin-top: 20px;页脚不起作用?原因可能是什么原因造成的?

html css

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

Function.prototype.call分配给变量时的意外行为

以下代码调用console.log打印"hello":

console.log.call(console, "hello")
Run Code Online (Sandbox Code Playgroud)

但是,下面的代码抛出TypeError:

x = console.log.call
x(console, "hello")
Run Code Online (Sandbox Code Playgroud)

抛出:

Uncaught TypeError: x is not a function
    at <anonymous>:1:1
Run Code Online (Sandbox Code Playgroud)

谁能解释这个奇怪的场景?

(当然,这是相同的两个callapply)

javascript

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

DOMContentLoaded如何与Web组件相关?

只有在准备好DOM之后才开始操作DOM是一个古老的常识,我们可以确定所有元素都可用,并且在jQuery之后的日子里我们都使用了这个DOMContentLoaded事件.

现在,Web组件(特别是以自治自定义元素的形式)倾向于创建自己的HTML,通常在connectedCallback()生命周期方法中.

第一个问题:

如何DOMContentLoaded与(自治)自定义元素相关?只有在所有组件connectedCallbacks完成后才会发生事件吗?如果没有,我如何确保某些代码仅在Web组件初始化后执行?

第二个问题,完全相关:

Web组件如何与元素的defer属性相关联script

javascript deferred-loading web-component domcontentloaded

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

calc()是否适用于CSS中图像的背景大小?

我的问题非常简单,calc()适用于纯CSS中背景图像的背景大小...

现在我正在为响应式移动视图修复背景图像...我希望图像保持固定的比例,但在任何移动屏幕上调整大小......

我实现了这段代码,它目前无法正常工作:

@media (max-width: 767px) { 
   body { 
      background-size: calc(100%-200px) auto; 
      background-repeat: repeat; 
   }    
}
Run Code Online (Sandbox Code Playgroud)

在纯CSS中有可能吗?

css background calc

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

div 右上角的定位图标

我创建了这段代码,但我无法将图标放在类 valori 的 div 的右上角。

这里想要的结果:

在此处输入图片说明

这里的代码:

HTML

<div class="circletop">
<div class="numberpr">3° anno</div>
<div class="lordo">Valore lordo stimato</div>
<!--I add div icon here-->
<div class="icon"></div>
<div class="valori"> <?=$min3_anno ." - " . $max3_anno?></div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我的小提琴:https : //jsfiddle.net/5g42Lx7n/ 我需要在右上角添加图标,如图像。

谢谢

html css

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

移除使用 bind(this) 添加的事件监听器

如何删除window constructor 下面绑定的点击侦听器?我需要它来监听window,我需要访问它里面的按钮实例。

class MyEl extends HTMLButtonElement {
  constructor() {
    super();
    this.clickCount = 0;
    window.addEventListener('click', this.clickHandler.bind(this));
  }
  
  clickHandler(e) {
    if (e.target === this) {
      this.textContent = `clicked ${++this.clickCount} times`;
      window.removeEventListener('click', this.clickHandler);
    }
  }
  
  disconnectedCallback() {
      window.removeEventListener('click', this.clickHandler);
  }
}

customElements.define('my-el', MyEl, { extends: 'button' });
Run Code Online (Sandbox Code Playgroud)
<button is="my-el" type="button">Click me</button>
Run Code Online (Sandbox Code Playgroud)

javascript addeventlistener ecmascript-6 custom-element removeeventlistener

6
推荐指数
2
解决办法
2353
查看次数