平时在写界面获取屏幕、浏览器宽高时，经常会搞不清楚window、body、screen中的clientWidth、offsetWidth、width的区别，今天做一个总结帮助自己理解。 window是浏览器中JavaScript的顶层对象，所有全局变量与函数都是window对象…

前段时间，看到一个很不错的 GitHub 仓库 30-seconds-of-code，该仓库的核心理念是：“你只要花 30 秒，就可以掌握开发中需要的函数”。其中，30 秒意味着每个函数的实现会出乎你意料的精简，这个过程不可避免地会涉及一些 JavaScript 的小技巧（奇淫…

直到不久之前，对于JS的垃圾回收机制，还停留在‘所分配的内存不再需要’的阶段。问题来了，浏览器是怎么确定‘所分配的内存不再需要’了呢？ MDN：像C语言这样的高级语言一般都有底层的内存管理接口，比如 malloc()和free()。另一方面，JavaScript创建变量（对象，…

JavaScript不具有 sleep() 函数，该函数会导致代码在恢复执行之前等待指定的时间段。如果需要JavaScript等待，该怎么做呢？ 假设您想将三则消息记录到Javascript控制台，每条消息之间要延迟一秒钟。JavaScript中没有 sleep() 方法，所以…

最近与部门老大一起面试了许多前端求职者，其中想换个学习氛围较好的人占多数，但良好的学习氛围也是需要一点点营造出来的🌺。 为此我们组建了我们团队内部的“现代 JavaScript 突击队”，第一期学习内容为《现代 JavaScript 教程》系列，帮助小组成员系统地进行学习巩固…

本系列文章是我在我们团队内部的“现代 JavaScript 突击队”，第一期学习内容为《现代 JavaScript 教程》系列的第二部分输出内容，希望这份自测清单，能够帮助大家巩固知识，温故知新。 JavaScript 有八种数据额类型，有七种原始类型，它们值只包含一种类型（字…

基本上面试的时候，经常会遇到手撕XXX之类的问题，这次准备梳理总结一遍，巩固我们原生JS基础的同时，下次想复习面试手撕题的时候，找起来方便，也节省时间。 梳理的顺序是随机的，不按照难以程度。 「节流throttle」，规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

如今前端工程师的技术要求越来越高，会使用常见的API已经不能满足现如今前端日益快速发展的脚步。现在中大厂基本都会要求面试者手写前端常见API的原理，以此来证明你对该知识点的理解程度。接下来，我将列举我面试时以及自认为比较重要的CSS部分、JS部分常见手写原理题！ 如今Flex布…