欢迎来到第 93 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. JS 如何检测用户打开了大写锁定 ​

使用 KeyboardEvent 的 getModifierState 方法。

html

<input type="password">
<script>
document.querySelector('input[type=password]').addEventListener('keyup', (keyboardEvent) => {
    const capsLockOn = keyboardEvent.getModifierState('CapsLock')
    if (capsLockOn) {
        alert('打开了大写锁定!')
    }
})
</script>

配合密码框输入使用，给予用户更友好的提示。

2. 改善 console 开发体验 ​

使用 unplugin-turbo-console 插件。

🔧开源工具&技术资讯 ​

3. polyfill.io 异常 ​

Polyfill.io 是一项服务，可以根据 UA 信息自动返回该浏览器需要的 polyfill 脚本。

Polyfill.io 最初由英国《金融时报》网站开发团队创建。2024 年 2 月，该服务以及关联的域和 GitHub 帐户被出售给 CDN 提供商 Funnull。

可以在仓库的 issues 看到很多负反馈。

CloudFlare 提供了安全的 polyfill.io 镜像服务，并在此前有提前的预警。

https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0

4. MathLive - 数学公式输入组件 ​

提供编辑与预览数学公式的支持。

先收藏，未来说不定能用上。

5. Shell360 - 全平台支持的SSH客户端 ​

支持 Windows、Linux、MacOS、iOS 以及Android。

体验了一下，能用但多少有点小 bug，移动设备用还行，PC 上可替代的很多。

6. node:sqlite 工作进展 ​

SQLite是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。

该功能准备加入即将发布的 Node v22.5 中。

📚 教程&文章 ​

7. 图片加载性能优化 ​

对电商网页的性能而言，图片优化是至关重要的事情，本文就此探讨了一些简单、可靠的图片优化手段。

  • 提前首屏图片的加载时机
  • 降低加载图片的体积
  • 减少加载图片的数量

8. 前端开发一些流行术语 ​

🤖AI工具&资讯 ​

9. WordSea - AI 生成单词图片 ​

在线英文词典，主要特色是会给单词附上一张 AI 生成的图片。

rocketbeautiful

😛趣图 ​

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）移步博客

⭐️强力推荐关注 ​