小编Kar*_*yak的帖子

如果JavaScript是一种解释型语言,如何提升工作?

我对解释器的理解是它逐行执行程序,我们可以看到即时结果,不像转换代码的编译语言,然后执行它.

我的问题是,在Javascript中,解释器如何知道变量是在程序中的某个地方声明并将其记录为undefined

考虑下面的程序:

function do_something() {
  console.log(bar); // undefined (but in my understanding about an interpreter, it should be throwing error like variable not declared)
  var bar = 111;
  console.log(bar); // 111
}
Run Code Online (Sandbox Code Playgroud)

被隐含地理解为:

function do_something() {
  var bar;
  console.log(bar); // undefined
  bar = 111;
  console.log(bar); // 111
}
Run Code Online (Sandbox Code Playgroud)

这是如何运作的?

javascript variables hoisting

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

使用 HTML 背景视频创建视差效果

我通过使用 HTML5 视频元素创建了一个具有视差效果的网页,并且它在我的本地机器上按预期工作。但是当我将文件上传到我的网络托管服务器并访问网站时,背景视频没有播放,它在屏幕上的任何地方都完全不可见,除了当我从底部向上滚动足够快时,它的一小部分出现在导航栏下方网页。

HTML 元素:

<video loop autoplay>
 <source src="https://s3.ap-south-1.amazonaws.com/howthatworks/video.mp4" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

我的背景视频元素的 CSS:

video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
margin-top: 98px;
transform: translateX(-50%) translateY(-50%);
}
Run Code Online (Sandbox Code Playgroud)

关于这个的任何想法?

当我在本地硬盘驱动器上存储的文件上运行我的网站时,它运行良好。

html javascript css jquery

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

如何删除角度4中的EventListeners

我需要在它触发后立即删除wheel事件.我尝试了以下但不删除eventlistener.

export class HomeComponent implements OnInit {

    constructor() {}

    ngOnInit() {
       document.querySelector("#section-one").addEventListener("wheel", () => this.myFunction1(), true);
    }

    myFunction1() {
      alert();
      document.querySelector("#section-one").removeEventListener("wheel", this.myFunction1, true);
      console.log("Done!");
    }
}
Run Code Online (Sandbox Code Playgroud)

有什么建议?

javascript angular

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

在jquery函数中将动态值作为id传递

我正在尝试将动态值传递给jquery函数.

这段代码完全可以正常工作:(当我传递特定的id本身时)

$('#slidedown').click(function () {

    $('#page1').slideDown();
});
Run Code Online (Sandbox Code Playgroud)

但以下代码似乎不起作用:(尝试动态传递)

$('#slidedown').click(function () {
    var name = $(this).attr("name");
    $('#' + name).slideDown();
});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

<div  id="page1" style="display: none;">
<p>Lorem ipsum dolor sit amet1.</p>
</div><!--end div 1-->
<div  id="page2" style="display: none;">
<p>Lorem ipsum dolor sit amet2.</p>
</div><!--end div 2-->
<div  id="page3" style="display: none;">
<p>Lorem ipsum dolor sit amet3.</p>
</div><!--end div 3-->
<div id="page4" style="display: none;">
<p>Lorem ipsum dolor sit amet4.</p>
</div><!--end div 4-->

<ul class="pagination pagination-lg" id="slidedown">

         <li><a href="#" name="page1">1</a></li>
         <li><a href="#" name="page2">2</a></li>
         <li><a href="#" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

0
推荐指数
1
解决办法
4092
查看次数

标签 统计

javascript ×4

html ×2

jquery ×2

angular ×1

css ×1

hoisting ×1

variables ×1