在 forEach 使用 async/await 的问题
在上一篇文章【for 语句详解】提到了在循环中应用 async/await 的例子。 于是，顺道提一下在 Array.prototype.forEach() 使用 async/await 的问题。…
关于 Await、Promise 执行顺序差异问题
一、背景 缘起自一篇文章：8 张图帮你一步步看清 async/await 和 promise 的执行顺序，文中所抛出的话题，本质上就是考察是否完全掌握了 JavaScript …
JavaScript 编程风格（书写习惯）
一门编程语言的 语法规则（grammar）应该是每一位开发者都必须遵循的；而 编程风格 则可自由选择。 假设团队中有 100 位成员，然后每位成员的 coding …
针对 Chrome 80 和 Chrome 91 对 Cookie SameSite 限制的解决方案
一、前因 由于近期 Chrome 更新，原来的配置失效了，又来更文了。 是这样的。由于此前我的 Chrome 浏览器一直都是安装最新 Beta 版本，但是有一天因为…
细读 JS |（隐式）数据类型转换详解
在 JavaScript 的世界里，数据类型之间的转换无处不在。即使你没有主动显式地去转换，但 JavaScript 在私底下&ldquo偷偷地&rdquo帮我们做了很多类型…
随机打乱数组及 Fisher–Yates shuffle 算法详解
介绍几种随机打乱数组的方法，及其利弊。 一、Array.prototype.sort 排序 注意一下，sort() 方法会改变原数组，看代码： // ES6 写法 function random…
Uncaught SyntaxError: Unexpected token
今天做一个 VUE 的项目，在引入 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token <。按照提示进入文件，再看如…
深究 Safari 下 border-radius 和 overflow 不生效的问题
背景 前两天在做需求的时候，发现了 Safari 浏览器（包括 iOS 平台各浏览器）下有一个渲染的 Bug，其他则没问题。 复现示例如下： <div class="box…
requestAnimationFrame 使用
一、requestAnimationFrame 从 MDN 介绍可知：调用 window.requestAnimationFrame() 方法告知浏览器，希望执行一个动画，并且要求浏览器在下次重绘之…
HTML 表单元素的自动填充与聚焦样式
今天来看一下与表单元素相关的两个东西： outline：绘制轮廓样式 autocomplete：表单自动填充功能 一、outline 在绝大多数浏览器中，如果一个元素是…
