<dialog>元素的closedBy属性允许通过点击半透明蒙层关闭弹框，简化了之前需要JavaScript实现的功能。该属性有三个值：any、closerequest和none，分别对应不同的关闭方式。目前Safari不支持该属性，可通过Polyfill解决。

本文介绍了新的moveBefore方法，该方法用于移动DOM元素，避免了insertBefore方法导致的动画中断和状态丢失等问题。moveBefore允许元素在文档内移动而不触发生命周期函数，适用于Web Components。尽管moveBefore是新特性，但在生产环境中需考虑兼容性问题，可以通过Polyfill实现。

本文介绍了JavaScript中的深度克隆方法structuredClone()，其用法简单，支持循环引用，能更好地处理复杂对象（如Date、Set等），相比于JSON方法更具优势。但它无法复制DOM对象和getter/setter，建议在不支持的环境中使用Polyfill。

文章介绍了如何通过使用“anchor-positioning”和“popovers”功能解决按钮或选择框的下拉菜单被“overflow hidden”阻挡的问题。这些功能可以减少对JavaScript的依赖，并通过oddbird/css-anchor-positioning polyfill实现跨浏览器兼容性。支持的浏览器包括Chrome、Edge、Opera等，Safari和Firefox也经过测试。

本文介绍了JavaScript异步编程中的Promise工具，包括Promise.any、Promise.allSettled和Promise.race。Promise.any在任意一个Promise解决时解决，Promise.allSettled在所有Promise完成后解决，Promise.race在第一个Promise解决或拒绝时解决。通过实现polyfills，可以提高旧浏览器的兼容性，这些工具在处理多个异步操作时非常有用。

网络安全公司Censys发现超过38万台主机仍在引用polyfill.io恶意域，该域名被用于将嵌入polyfill.io代码的网站的访问者重定向到博彩和成人网站。专家估计，超过10万个网站受到影响。Censys还发现182台受影响的主机是政府网站。Cloudflare和Fastly为用户创建了替代的安全polyfill端点以减轻威胁。

Polyfill.io 是一个 JavaScript 库服务，被发现向用户的浏览器注入恶意代码。Cloudflare 发布了一个安全的替代方案 cdnjs，并建议替换 polyfill.io。问题的出现是因为 polyfill.io 被出售给 Funnull，增加了供应链风险。Cloudflare 的客户端安全系统 Page Shield 检测到了恶意活动。Cloudflare 的 HTML 重写服务 ROFL 允许快速安全地修改 polyfill.io 链接。Cloudflare 建议网站所有者移除 polyfill.io 并用他们的安全镜像 cdnjs 替换。

Polyfill.js被供应链攻击感染，已被修改以将用户重定向到恶意网站。开发者报告了问题，但反馈被删除。为避免进一步损害，建议开发者从网站中移除Polyfill.js。Google已采取行动，阻止使用Polyfill.js的所有网站使用其Google Ads广告系统。

无论是国内还是国外互联网公司前端面试流程中，都会有要求白板代码过程，面试官会根据岗位及候选人情况出相应难度的基础题或leetcode算法题。手写代码更多的是考察候选人的思路和现场解决问题的能力，也能从一些细节中看出候选人的代码风格。本文记录了2021-22前端面试碰到的手写代码题以及解题思路，包括基础题、Polyfill、业务相关题目和leetcode题目。

Polyfill.io是一个流行的JavaScript库，用于简化开发并消除旧浏览器版本之间的差异。现在推出了一个替代端点，可以使用cdnjs链接，以解决polyfill.io域名转移引发的担忧。Polyfill文件存储在由Cloudflare D1提供支持的键值存储中。

一、ponyfill是什么？ 偶然进入谷歌实验室的Browser-FS-Access项目，这个项目使用 File System Access API 实现文件上传现在，对于不支持文件系统访问API的浏览器使用 <input type="file"> 和 <a...