小编Vam*_*ati的帖子

我可以使用 bootstrap 来设计 HTML 电子邮件模板吗

我需要设计一个HTML 电子邮件模板,通过电子邮件发送给我的客户。

我知道设计“html 电子邮件模板”:

  • 不应链接css 文件,所有样式应内联到 html。
  • 所有图像应通过在线服务器 url引用,不应存储在本地。

我的问题是:我可以使用html 中的bootstrap来设计HTML 电子邮件,而无需下载它并在本地链接为 css 文件吗?

html css twitter-bootstrap

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

自定义字体真棒CSS

我正在尝试使用Font Awesome来创建我的表单.但是FA图标已经填充了颜色.当我尝试添加颜色时,它会被赋予整个图标.有可能这样做吗?或者我应该使用任何其他unicode?

注意:我必须通过CSS实现这一点.不应该配置父组件.所以我必须只传递一个CSS类来实现这一点.请建议我,如果有任何其他unicode我可以使用,因为我使用的那个unontode看起来不像风格指南中的那个

-非常感谢你!!

是)我有的: 是)我有的

应该是什么

第一张图片是我的.第二张图片是它应该是怎样的

.exclamation-red .validation-tooltip-text:before { border: none; content: "\f06a"; font-family: fontAwesome; left: 10px; position: absolute; font-size: 20px; top: 12px; color: white; }

请帮帮我.谢谢

html css twitter-bootstrap font-awesome

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

国家代码的正则表达式

我正在尝试为国家/地区代码编写一个正则表达式,该代码最多应限制为四个字符,只允许符号为+符号.当使用+时,+必须在开头,并且它应该至少有一个数字.

有效案例

+1
1
+12
12
+123
1234
Run Code Online (Sandbox Code Playgroud)

无效的案例

+
+1234
12345
1+
12+
<empty>
etc.
Run Code Online (Sandbox Code Playgroud)

我现在的表达方式.

/(\+\d{1,3})/
Run Code Online (Sandbox Code Playgroud)

可以更优雅吗?

-先感谢您!!

javascript regex

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

将HTML范围输入轨道划分为多个部分

我有一个简单的HTML范围输入组件,我想将轨道分为三个不同的部分.我的组件范围为0到75.我想将0到25的样式设置为绿色,将26到50设置为黄色,将51到75设置为红色,而不管输入值如何,即颜色是恒定的.有可能吗?这是工作的jsfiddle

var p = document.getElementById("price"),
    res = document.getElementById("result");

p.addEventListener("input", function() {
    res.innerHTML =  p.value;
}, false); 
Run Code Online (Sandbox Code Playgroud)
<div style="margin-top: 1em">
    <h2>Price</h2>
    0<input id="price" type="range" min="0" max="75" value="" />75
</div>

<p id="result"></p>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html javascript css

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

以递归方式在深层嵌套对象数组中查找对象

我有一个数组,每个项目都是一个具有唯一ID的对象.有些项目也可能有子项,并且它可以在子数组中包含子数组.我正在尝试使用Id选择一个项目.

           const array = [
                {
                    uuid: '40E75F3DE56B4B11B3AFBDE46785737B'
                }, {
                    uuid: '9CEF74766BBB4B9682B7817B43CEAE48'
                }, {
                    uuid: '34F209A883D3406FBA6BACD9E07DB1D9',
                    children: [{
                        uuid: 'F429C51BF01C405DA517616E0E16DE4E',
                        children: [{
                            uuid: '8823CFCE7D4645C68991332091C1A05C'
                        }, {
                            uuid: '58A9345E881F48C980498C7FFB68667D'
                        }]
                    }]
                }, {
                    uuid: '152488CC33434A8C9CACBC2E06A7E535'
                }, {
                    uuid: '9152B3DEF40F414BBBC68CACE2F5F6E4'
                }, {
                    uuid: 'B9A39766B17E4406864D785DB6893C3D'
                },
                {
                    uuid: '3J4H4J5HN6K4344D785DBJ345HSSODF',
                    children: [
                        {
                            uuid: 'EAB14DD72DA24BB88B4837C9D5276859'
                        },
                        {
                            uuid: 'FFA80D043380481F8835859A0839512B'
                        },
                        {
                            uuid: '9679687190354FA79EB9D1CA7B4962B1'
                        }
                    ]
                }
            ]
Run Code Online (Sandbox Code Playgroud)

下面的代码适用于没有子代的简单数组.我需要一个函数,或者一个lodash模块,它可以递归搜索整个数组并返回对象(数组中的项)

findContainingObject(array, uuid) {
    let result = [];
    result = array.filter( item => {
        return item.uuid === …
Run Code Online (Sandbox Code Playgroud)

javascript arrays recursion lodash

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