我需要使用CSS为某些文本添加"外部发光"Photoshop效果.这是我试图实现的模型的屏幕截图:
这是Photoshop图层设置:
我很确定这是,text-shadow但我一直在搞乱它,我无法在各方面发光.
您好,假设我有以下 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)
我对“元”的东西不感兴趣,只对“结果”感兴趣
有人知道如何使用简单的循环来显示这些数据吗?
谢谢!
我有一个设置了 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?我需要它只返回一次数据,否则性能会受到很大影响。
这样做时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正常工作。它必须是一个窗口的东西。
有什么建议?
我想用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
任何想法为什么会出错?
我有点奇怪的要求.我正在使用插件Gravity Forms在WordPress上创建一个表单.我想在占位符的末尾添加一个项目符号.我能够做到这一点的唯一方法是将特殊的HTML字符·放在插件的占位符字段中,该插件是一个中间点.它有效,但点很小,我想增加它的大小.
以下是插件占位符字段的外观:
我尝试<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会起作用?
谢谢
我有一个绝对定位的 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所以我确信它被完全推到了右边。
谢谢!
您好,我使用的是光滑的滑块,我已成功将点更改为数字,但我希望数字为两位数(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紧随其后的是光滑的资产)
谢谢
你好我有一个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 函数,可以通过按下按钮在无序列表中选择一个随机列表项。它工作正常,当单击按钮时,控制台会吐出一个随机列表项,但是当我尝试在 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 ×5
css ×4
angular ×3
javascript ×2
jquery ×2
ajax ×1
css-position ×1
input-field ×1
json ×1
ngrx ×1
ngrx-store ×1
npm ×1
observable ×1
slick.js ×1
svg ×1
typescript ×1
wordpress ×1