睿智

①迭代器：1、定义：是用户可在容器对象（container，例如链表或数组）上遍访的对象，设计人员使用此接口无需关心容器对象的内存分配的实现细节；2、JS 中的迭代器：其本...

①可选链接运算符？.：可选链接运算符处于 ES2020 提案的第 4 阶段，因此应将其添加到规范中。它改变了访问对象内部属性的方式，尤其是深层嵌套的属性。1、对于静态属性用...

①代码主要是为了写给人看的，而不是写给机器看的，只是顺便也能用机器执行而已；②提炼函数：如果需要花时间浏览一段代码才能弄清楚它到底要干什么，那么这时候就应该将其提炼到一个函...

①web 缓存主要指的是两部分：浏览器缓存和 http 缓存。②浏览器缓存：比如 localStorage, sessionStorage, cookie 等等。这里需要注...

①代码准备：1、首先在 github 上新建仓库，新建仓库时 License 选择 MIT, 此步骤不选择也无妨，后续添加 license 也可以。但是一定要有 Licen...

①：状态模式是一个有趣的模式，它可能是解决一些需求场景的最佳方式。虽然状态模式不是一种易于学习的模式（它通常会导致代码量增加），但一旦您了解了状态模式的本质，您将在未来感谢...

①支持多个 v-model：在 Vue3 中，可以通过参数来达到一个组件支持多个 v-model 的能力；②废弃.sync；③不同数据类型的监听；④支持监听多个源：在 Vu...

①14KB 网页的加载速度比 15KB 要快得多 —— 可能快 612 毫秒 —— 而 15KB 和 16KB 网页之间的加载速度差异微乎其微，这是 TCP 慢启动算法导致...

①一键重新发送请求：选中 Network→点击 Fetch/XHR→选择要重新发送的请求→右键选择 Replay XHR；②在控制台快速发起请求：选中 Network→点击...

①推荐使用 flex 缩写语法，而不是完整的 3 个属性值，因为单值属性所对应的 flex 计算值根据开发者日常最常用的使用进行了优化；②flex 属性是 flex-gro...

①@container 规则，也称 @container 查询，可以实时匹配指定为容器元素的尺寸，开发者可以基于不同的尺寸范围，对内部的元素进行特定的样式设置与布局实现；②...

①现代浏览器目前已经全面支持了 #RRGGBBAA 颜色，其中 R，G，B 还是原来的十六进制表示的 RGB 色值，范围从 00-FF，至于这里新出现的 AA，则表示透明度...

①iOS 13.7+，以及 Chrome77 + 新支持了一个 HTML 属性 enterkeyhint，可以修改软键盘中的 enter 键，也就是回车键的文案或者 UI；...

①单词 turbulence 是 “湍流” 的意思，也就是混乱无章的气流。因此 feTurbulence 滤镜也叫作湍流滤镜，feTurbulence 湍流滤镜就有这样的能...

①浏览器不支持 style 的 scope 属性，实现 CSS 作用域的方法是设置了 scoped 属性的 style 元素内的 CSS 选择器添加随机的属性选择器，然后模...

①Chrome 浏览器在用户使用了自动填充功能的情况下，autocomplete="off" 无效；②Safari 浏览器在 username，email 和 passwo...

①img 元素如果因为网络或者跨域限制等原因无法正常加载，在默认情况下会显示浏览器默认的 “裂开” 的图片效果，如果设置了 alt 属性值，则 alt 属性对应的内容也会一...

①CSS :focus-within 伪类选择器和 IE8 就开始支持的:focus 可以说是近亲，区别在于:focus 表示当前元素处于 focus 状态时候干嘛干嘛，而...

①夜黑模式的检测：如果是在 APP 中，可以让 APP 传个标志量；如果是纯 Web，则在现代浏览器下，可以使用 prefers-color-scheme 查询语句，属性值...

①DOM 元素的属性设置 API 包括：setAttribute (name, value)、getAttribute (name)、hasAttribute (name)...