欢迎来到第 93 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介
🔥强烈推荐
- JS 如何检测用户打开了大写锁定
- 改善 console 开发体验
🔧开源工具&技术资讯
- polyfill.io 投毒
- MathLive - 数学公式输入组件
- Shell360 - 全平台支持的SSH客户端
- node:sqlite 工作进展
📚 教程&文章
- 图片加载性能优化
- 前端开发一些流行术语
🤖AI工具&资讯
- WordSea - AI 生成单词图片
也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)
下面开始本期内容的介绍,预计阅读时间 7 分钟。
🔥强烈推荐
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(不知名的公司)。
6月份开始投毒,使用此服务的网站,会被重定向到菠菜网站。
可以在仓库的 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 生成的图片。
rocket | beautiful |
---|---|
😛趣图
篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客
⭐️强力推荐关注
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
- 云谦:MDH 前端周刊 - 前端资讯和分享
- 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
- 前端RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
- FRE123 技术周刊精选 - 前后端技术周刊精选推荐信息流--- theme: smartblue
欢迎来到第 93 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介
🔥强烈推荐
- JS 如何检测用户打开了大写锁定
- 改善 console 开发体验
🔧开源工具&技术资讯
- polyfill.io 投毒
- MathLive - 数学公式输入组件
- Shell360 - 全平台支持的SSH客户端
- node:sqlite 工作进展
📚 教程&文章
- 图片加载性能优化
- 前端开发一些流行术语
🤖AI工具&资讯
- WordSea - AI 生成单词图片
也推荐大家关注一下最后的推荐内容(周刊的主要内容来源渠道)
下面开始本期内容的介绍,预计阅读时间 7 分钟。
🔥强烈推荐
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(不知名的公司)。
6月份开始投毒,使用此服务的网站,会被重定向到菠菜网站。
可以在仓库的 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 生成的图片。
rocket | beautiful |
---|---|
😛趣图
篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客
⭐️强力推荐关注
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
- 云谦:MDH 前端周刊 - 前端资讯和分享
- 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
- 前端RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
- FRE123 技术周刊精选 - 前后端技术周刊精选推荐信息流