小编Ian*_*Ian的帖子

在所有浏览器中为我的网站启用平滑滚动

我正在使用StellarSkrollr库开发一个视差滚动网站.由于Firefox的平滑滚动功能,该网站在Firefox中表现完美,但在Chrome中,使用鼠标滚轮滚动是生涩的,并且视差效果几乎被破坏.在保持性能的同时,有没有办法在所有浏览器中使用鼠标滚轮进行平滑滚动?

javascript performance scroll smooth-scrolling parallax

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

在Python中使用class作为命名空间是一个好主意

我把一堆相关的东西放进了一堂课.主要目的是将它们组织到命名空间中.

class Direction:

  north = 0
  east = 1
  south = 2
  west = 3

  @staticmethod
  def turn_right(d):
    return turn_to_the_right

  @staticmethod
  def turn_left(d):
    return turn_to_the_left



# defined a short alias because direction will be used a lot
D = Direction

d0 = D.north
d1 = D.turn_right(d)
Run Code Online (Sandbox Code Playgroud)

涉及的对象概念不多.在C++中,我将使用实际的语言关键字namespace.Python中没有这样的东西.所以我试图class用于此目的.

这是一个好主意吗?这种方法有任何陷阱吗?

我昨天刚回答了一个相关的问题.这个问题以不同的方式提出.这是我需要为自己做出的实际决定.

python中的静态方法与模块函数 - Stack Overflow

python中的静态方法与模块函数

python oop namespaces class

25
推荐指数
3
解决办法
3876
查看次数

如何用javascript选择元素的所有子元素并更改CSS属性?

我正在开发一个有32个孩子的div的项目.我需要创建一个下拉菜单,它将改变每个div和父级的背景.对于没有孩子的项目的其他部分,我一直在使用以下代码:

function changediv(color) {
document.getElementById('div1').style.background = color;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<select>
<option onClick="changediv('#555');">Hex</option>
<option onClick="changediv('blue');">Colorname</option>
<option onClick="changediv('url(example.com/example.png)');">Image</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我可以为每个孩子添加一个不同的ID(id1,id2,id3,...),但是有32个孩子,我不仅需要添加32个ID,还需要32行Javascript.一定有更好的方法; 以某种方式选择孩子甚至改变选择孩子的实际CSS代码.

谢谢,伊恩

javascript

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

不等于这个或在Lua中

我试图验证变量不等于这个或那个.我尝试使用以下代码,但都不起作用:

if x ~=(0 or 1) then
    print( "X must be equal to 1 or 0" )
    return
end


if x ~= 0 or 1 then
    print( "X must be equal to 1 or 0" )
    return
end
Run Code Online (Sandbox Code Playgroud)

有没有办法做到这一点?

variables lua if-statement operators

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

使用Polymer.js的Colorthief.js - 查找导致onload事件的图像的主要颜色

我正在使用Polymer构建一个材料Web应用程序,我想在页面上获取图像的主要和次要颜色.我正在使用该on-click事件来触发一个函数,该函数从图像中检索数据并获取颜色.问题是该功能工作正常,除了实际参考图像 - ColorThief似乎无法"看到"图像.这是我的代码:

图片:

<img style="opacity: 0;position: absolute;top:-100px;left:-100px;" width="1" height="1" data-albumno="{{i}}" src="{{root}}{{a.image}}" on-load="{{colorthis}}">
Run Code Online (Sandbox Code Playgroud)

colorthis功能:

Polymer('paper-albums', {
    colorthis: function(event, detail, sender) {
        var i = sender.dataset.albumno,
                cT = new ColorThief(),
                pallete = cT.getPalette(event.target, 2);

        //code to handle the pallete//
    }
});    
Run Code Online (Sandbox Code Playgroud)

我相信这event.target就是问题所在; 我也尝试过使用sender,但这也没用.我会在这里提到图像?

我也尝试在Javascript中创建图像而不将其放入DOM中,但无济于事.这似乎是一项简单的任务,但事实证明它要复杂得多(至少对我而言).可能有一种更好的方式,我错过了.

javascript events image javascript-events polymer

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

使用<sup>指示权力(例如4 ^ 2)的可访问性?

是否<sup>正确使用标签来表明功率?在屏幕阅读器中,不会3<sup>2</sup>只读三到二或三十二?似乎必须有一种更容易实现的方法.

html accessibility superscript

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

?=&gt; 在 Scala 中是什么意思?

我已经看到这个?=>符号出现在 Scala 代码和一些关于 Scala 3 的讨论帖子中,所以我假设它是一个 Scala 3+ 符号。通过文档或 Google 搜索时什么也没有出现,但它看起来像是Function类型的语法糖,所以它可能与类型和函数有关。这是什么意思?

types symbols scala function scala-3

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

Div类型="隐藏"+不隐藏

在我的代码中.我有Div标签,类型="隐藏".我只是不想显示div.只有在需要时我才能通过JQuery来展示它div.

但是我的div仍然没有从视图中隐藏.

编辑现在我使用隐藏DIV

<div style="visibility:hidden">XYZ</div>
Run Code Online (Sandbox Code Playgroud)

如果我需要再次显示它,我该怎么做?

html javascript visibility

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

通过点击运行动画的纯CSS方法

我正在尝试在纯CSS中重新创建材质设计涟漪效果,并且我已准备好动画.问题是,单击元素时,我无法使动画一直运行.我尝试过转换(尝试1个演示,尝试2个演示),但这些都不会一直运行.

另一个更可能的方法是使用CSS3动画(我现在不担心浏览器支持).我已准备好动画关键帧,但我之前从未使用动画,我没有看到在点击时运行动画的方法.

@-webkit-keyframes ripple {
  0% {
    background-size: 1% 1%;
    opacity: 0.5;
  }
  70% {
    background-size: 1000% 1000%;
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    background-size: 1000% 1000%;
  }
}

@keyframes ripple {
  0% {
    background-size: 1% 1%;
    opacity: 0.5;
  }
  70% {
    background-size: 1000% 1000%;
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    background-size: 1000% 1000%;
  }
}

.button {
  background-color: blue;
  padding: 12px;
  display: inline-block;
  border-radius: 5px;
  color: white;
  font-family: sans-serif;
  text-transform: uppercase;
  position: relative; …
Run Code Online (Sandbox Code Playgroud)

html css animation css3 css-animations

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

详细信息:ReadonlySet?

属性ReadonlySet集是否ReadOnlyC# 中的 ReadOnlyCollection相同?我无法从任何地方找到它的任何文件。您能否让我知道它的用途ReadonlySet以及我们如何实施它?

let readonly: Readonly<number> = 1;
let readonlySet: ReadonlySet<number> = ???// 
Run Code Online (Sandbox Code Playgroud)

javascript readonly typescript ecmascript-6 angular

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