小编cup*_*_of的帖子

使用CSS文本外部发光效果

我需要使用CSS为某些文本添加"外部发光"Photoshop效果.这是我试图实现的模型的屏幕截图:

在此输入图像描述

这是Photoshop图层设置:

在此输入图像描述

我很确定这是,text-shadow但我一直在搞乱它,我无法在各方面发光.

html css

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

使用循环在 HTML 中显示来自 jQuery.ajax 的 json 数据

您好,假设我有以下 ajax 调用:

jQuery.ajax({
    type: "GET",
    url: "https://myurl.com",
    success: function(data)
    {
        console.log(data);
    }
});
Run Code Online (Sandbox Code Playgroud)

这导致以下 json 数据(在我的控制台中)

{
  "meta": {
    "last_updated": "2017-07-06"
  },
  "results": [
    {
      "term": "DRUG INEFFECTIVE",
      "count": 1569
    },
    {
      "term": "NAUSEA",
      "count": 1374
    },
    {
      "term": "FATIGUE",
      "count": 1371
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

如何div在我的 HTML 页面中以如下格式使用此数据填充 a :

term: x
count: xx

term: x
count: xx

term: x
count: xx
Run Code Online (Sandbox Code Playgroud)

我对“元”的东西不感兴趣,只对“结果”感兴趣

有人知道如何使用简单的循环来显示这些数据吗?

谢谢!

html ajax jquery json

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

订阅 ngrx 商店多次触发

我有一个设置了 ngrx 商店的应用程序。我订阅它是为了在单击按钮时触发的函数中从商店获取数据,我正在获取我想要的数据,但每次触发该函数时,它似乎都会返回数据的多个副本,当我再次点燃它,它会呈指数级增长。

因此,在我的选择器中component.ts,我的选择器连接到商店以获取我的数据:

this.data$ = this.store.pipe(select(selectors.dataSelector));

然后我的函数在点击时触发(在我的html中)

  onClick() {
     this.data$.subscribe(x =>
       console.log(x)
     );
   }
Run Code Online (Sandbox Code Playgroud)

因此,经过一次迭代后:

在此输入图像描述

两点之后:

在此输入图像描述

三后:

在此输入图像描述

等等。为什么会发生这种情况,或者是否有不同的方式从存储中获取数据component.ts?我需要它只返回一次数据,否则性能会受到很大影响。

observable typescript ngrx angular ngrx-store

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

仅在参数列表后运行 npm start (ng serve) 'SyntaxError: missing ) 时出错

这样做时npm start我收到以下错误

C:\Users\Me\Desktop\myProject\node_modules\.bin\ng:2
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
          ^^^^^^^

SyntaxError: missing ) after argument list
    at Module._compile (internal/modules/cjs/loader.js:721:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
Run Code Online (Sandbox Code Playgroud)

这是我的 package.json 设置的

  "scripts": {
    "start": "node --max_old_space_size=8192 node_modules/.bin/ng serve --configuration=dev",
    }
Run Code Online (Sandbox Code Playgroud)

这很奇怪,因为当我在同一个项目上时,但在 Mac 上我可以npm start正常工作。它必须是一个窗口的东西。

有什么建议?

npm angular

4
推荐指数
2
解决办法
2493
查看次数

parent.appendChild 不是函数

我想用renderer2的追加子功能,但我有一些困难,移动整个组件。这是我的组件的缩短版本。

ts:

@ViewChild('test', { static: false }) test;
@ViewChild('test2', { static: false }) test2;

this.renderer.appendChild(this.test, this.test2);
Run Code Online (Sandbox Code Playgroud)

html:

<div #test></div>

<my-component #test2></my-component>
Run Code Online (Sandbox Code Playgroud)

所以基本上我只想</my-component>使用该appendChild函数移动到它上面的 div 中。但是当我执行它时,我收到错误:

parent.appendChild is not a function

任何想法为什么会出错?

angular

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

增加输入占位符中html特殊字符(&#183;)的大小

我有点奇怪的要求.我正在使用插件Gravity Forms在WordPress上创建一个表单.我想在占位符的末尾添加一个项目符号.我能够做到这一点的唯一方法是将特殊的HTML字符&#183;放在插件的占位符字段中,该插件是一个中间点.它有效,但点很小,我想增加它的大小.

以下是插件占位符字段的外观:

在此输入图像描述

我尝试<span>用一个类包装特殊字符,所以我可以在CSS中编辑它,但是当我点击保存时,插件会自动删除<span>标签.

以下是插件在网站上吐出的截图:

在此输入图像描述

我想让那个点更大.

这是插件吐出的HTML:

<input name="input_1" id="input_1_1" type="text" value="" class="medium" placeholder="Name ·">
Run Code Online (Sandbox Code Playgroud)

有没有人有什么建议?也许一些jQuery会起作用?

谢谢

html css wordpress input-field gravity-forms-plugin

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

如何“取消”绝对定位元素的左/右?

我有一个绝对定位的 div,我给了它一个left位置。

对于桌面,必须有left100px的位置。

但是对于平板电脑,我想一直向右推。

为了实现这一点,我尝试做right: 0,但由于left: 100px已经在 CSS 中定义,right: 0并没有按预期将它一直推到右边。

然后我尝试left: 0在平板电脑上做以抵消它的效果,但这也不起作用。

有没有办法取消left头寸?类似的东西left: none(我知道这行不通,但这是我能够解释这一点的唯一方法。)

桌面 CSS:

.mydiv {
    positon: absolute;
    left: 100px;
}
Run Code Online (Sandbox Code Playgroud)

平板电脑 CSS:

@media (max-width:768px){
    .mydiv {
        left: 0;
        right: 0;
    }
}
Run Code Online (Sandbox Code Playgroud)

我可以做一些事情,比如right: 400px把它放到我想要的位置,但我很好奇是否有一种方法可以使用,right: 0所以我确信它被完全推到了右边。

谢谢!

html css css-position

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

用两位数字的光滑滑块替换点

您好,我使用的是光滑的滑块,我已成功将点更改为数字,但我希望数字为两位数(01、02等)。现在,它们是一位数字(1、2等)。

这是我的光滑滑块代码:

        jQuery('.slider').slick({
            dots: true,
            customPaging : function(slider, i) {
                var thumb = jQuery(slider.$slides[i]).data();
                return '<a>'+(i+1)+'</a>';
            }

        });
Run Code Online (Sandbox Code Playgroud)

我在这里在jsfiddle上建立了一个演示

(我的js和css紧随其后的是光滑的资产)

谢谢

jquery slick.js

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

来自波浪线svg的连续波动画

你好我有一个svg是一个用adobe illustrator构建的波浪线,我正在尝试添加像动画一样的连续波.

我已经尝试过vivus.js并且能够使绘制动画工作但不能连续.

有没有人知道如何开始这样的事情?我不希望有人为我做这个问题,而是指向正确的方向,但如果有人快速回答,我不会反对.

任何答案都可以用于纯粹的css,js或两者兼而有之.

这是svg

<svg id="wave" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 456.7 39.9" style="enable-background:new 0 0 456.7 39.9;" xml:space="preserve">
<style type="text/css">
    .st69{fill:none;stroke:#000000;stroke-width:12;stroke-miterlimit:10;}
</style>
    <path class="st69" d="M4.2,33.2c0.1-0.1,7-6.9,15.9-13.8C27.7,13.7,38.7,6,47.5,6c7.5,0,14,6.6,20.3,12.9l0.4,0.4
    c6.8,6.9,14.6,14.6,24.6,14.6c9.9,0,17.7-7.8,24.5-14.6l0.5-0.5C124,12.5,130.5,6,137.9,6c7.5,0,13.9,6.5,20.2,12.9l0.4,0.4
    c6.8,6.9,14.6,14.6,24.5,14.6c10,0,17.8-7.8,24.6-14.6l0.5-0.5C214.4,12.5,220.9,6,228.4,6c7.5,0,14,6.5,20.2,12.9l0.4,0.4
    c6.8,6.9,14.5,14.6,24.5,14.6c9.9,0,17.7-7.8,24.5-14.6l0.3-0.3c6.3-6.4,12.9-13,20.5-13c7.5,0,14.1,6.6,20.4,13l0.3,0.3
    c6.8,6.9,14.6,14.6,24.5,14.6c9.9,0,17.6-7.8,24.5-14.6l0.2-0.2C395.1,12.6,401.6,6,409.2,6c8.7,0,19.8,7.7,27.3,13.4
    c8.9,6.8,15.9,13.7,16,13.8"/>
</svg>
Run Code Online (Sandbox Code Playgroud)

和jsfiddle链接

这里

谢谢!!

javascript css svg css-animations

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

获取 [object HTMLLIElement] 而不是文本。Javascript 函数

您好,我有一个简单的 javascript 函数,可以通过按下按钮在无序列表中选择一个随机列表项。它工作正常,当单击按钮时,控制台会吐出一个随机列表项,但是当我尝试在 HTML 页面上显示它时,我得到的只是这个奇怪的 [object HTMLLIElement] 而不是文本。

目标是在列表项之间显示文本。当我单击按钮时,它会选择一个随机列表项,例如:<li>5</li>但我希望只5显示 。

这是 HTML:

<ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

<button id="randomize">randomize</button>

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

和JS:

var randomize = document.getElementById("randomize");
var listItems = document.getElementById("list").getElementsByTagName("li");
var result = document.getElementById("result");

randomize.addEventListener("click", randomizeIt);

function randomizeIt () {
    var randomItem = listItems[Math.floor(Math.random() * listItems.length)];
    result.innerHTML = randomItem;
    console.log(randomItem);
}
Run Code Online (Sandbox Code Playgroud)

提前致谢

html javascript

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