我对解释器的理解是它逐行执行程序,我们可以看到即时结果,不像转换代码的编译语言,然后执行它.
我的问题是,在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)
这是如何运作的?
我通过使用 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)
关于这个的任何想法?
当我在本地硬盘驱动器上存储的文件上运行我的网站时,它运行良好。
我需要在它触发后立即删除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)
有什么建议?
我正在尝试将动态值传递给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)