JavaScript实现“双11”秒杀，你也可以，2024年最新字节跳动面试官级别

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

s = parseInt(remaining % 60); // 计算剩余秒（与60取模，获取剩余的秒数）

// 统一利用两位数表示剩余的天、小时、分钟、秒

d = d < 10 ? ‘0’ + d : d;

h = h < 10 ? ‘0’ + h : h;

m = m < 10 ? ‘0’ + m : m;

s = s < 10 ? ‘0’ + s : s;

} else {

clearInterval(id); // 秒杀过期，取消定时器

d = h = m = s = ‘00’;

}

// 将剩余的天、小时、分钟和秒显示到指定的网页中

document.getElementById(‘d’).innerHTML = d + ‘天’;

document.getElementById(‘h’).innerHTML = h + ‘时’;

document.getElementById(‘m’).innerHTML = m + ‘分’;

document.getElementById(‘s’).innerHTML = s + ‘秒’;

}

为了方便一部分同学想要快速学会用来_装逼 人前显圣，洋锅贴心的把最后的案例调到了最前面，不用感谢我，来个三连支持就拿去用吧。

看到这还没有离开的筒子们，想必是想理解其中原理吧，那就认真的往下看吧，看完后你绝对能够显圣的更加地道。

一、全局作用域

======================================================================

window对象：是BOM中所有对象的核心，同时也是BOM中所有对象的父对象。

定义在全局作用域中的变量、函数以及JavaScript中的内置函数都可以被window对象调用。

• 定义在全局作用域中的getArea()函数，函数体内的this关键字指向window对象。

• 对于window对象的属性和方法在调用时可以省略window，直接访问其属性和方法即可。

📌注意

在JavaScript中直接使用一个未声明的变量会报语法错误，但是使用“window.变量名”的方式则不会报错，而是获得一个undefined结果。除此之外，delete关键字仅能删除window对象自身的属性，对于定义在全局作用域下的变量不起作用。

二、弹出对话框和窗口

=========================================================================

window对象中除了前面提过的alert()和prompt()方法外，还提供了很多弹出对话框和窗口的方法，以及相关的操作属性。

所有的属性和方法在常见的浏览器（如IE、Chrome等）中全部支持。

🌴prompt()方法

---

作用：用于生成用户输入的对话框。

第1个参数：用于设置用户输入的提示信息。

第2个参数：用于设置输入框中的默认信息。

代码实现👇

🌴confirm()方法

---

作用：弹出一个确认对话框，该对话框中包含提示消息以及确认和取消按钮。

参数：用于设置确认的提示信息。

返回值：点击“确定”按钮，返回true。点击“取消”按钮，返回false。

🌴open()方法

---

作用：用于打开一个新的浏览器窗口，或查找一个已命名的窗口。

语法：open(URL, name, specs, replace)。

第1个参数：打开指定页面的URL地址，若没有指定，则打开一个新的空白窗口。

第2个参数：指定target属性或窗口的名称。

第3个参数：用于设置浏览器窗口的特征（如大小、位置、滚动条等），多个特征之间使用逗号分隔。

第4个参数：设置为true，表示替换浏览历史中的当前条目，设置false（默认值），表示在浏览历史中创建新的条目。

📌注意

与open()方法功能相反的是close()方法，用于关闭浏览器窗口，调用该方法的对象就是需要关闭的窗口对象。

🙋‍♂️举个例子

代码实现👇

三、窗口位置和大小

========================================================================

BOM中用来获取或更改window窗口位置，窗口高度与宽度，文档区域高度与宽度的相关属性和方法有很多。

目前只有window.open()方法打开的的窗口和选项卡（Tab），FireFox和Chrome浏览器才支持口位置和大小的调整。

🙋‍♂️举个例子

代码实现👇

四、框架操作

=====================================================================

window对象提供的frames属性可通过集合的方式，获取HTML页面中所有的框架，length属性就可以获取当前窗口中frames的数量。

除此之外，还可以利用parent获取当前window对象所在的父窗口。

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
口。

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

[外链图片转存中…(img-1jsMwdkA-1713312282575)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-IHy0rdMC-1713312282575)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！