视野修炼-技术周刊第93期 | polyfill.io 投毒

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

🔥强烈推荐

  1. JS 如何检测用户打开了大写锁定
  2. 改善 console 开发体验

🔧开源工具&技术资讯

  1. polyfill.io 投毒
  2. MathLive - 数学公式输入组件
  3. Shell360 - 全平台支持的SSH客户端
  4. node:sqlite 工作进展

📚 教程&文章

  1. 图片加载性能优化
  2. 前端开发一些流行术语

🤖AI工具&资讯

  1. WordSea - AI 生成单词图片

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

下面开始本期内容的介绍,预计阅读时间 7 分钟。

🔥强烈推荐

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

使用 KeyboardEventgetModifierState 方法。

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)移步博客

⭐️强力推荐关注


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

🔥强烈推荐

  1. JS 如何检测用户打开了大写锁定
  2. 改善 console 开发体验

🔧开源工具&技术资讯

  1. polyfill.io 投毒
  2. MathLive - 数学公式输入组件
  3. Shell360 - 全平台支持的SSH客户端
  4. node:sqlite 工作进展

📚 教程&文章

  1. 图片加载性能优化
  2. 前端开发一些流行术语

🤖AI工具&资讯

  1. WordSea - AI 生成单词图片

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

下面开始本期内容的介绍,预计阅读时间 7 分钟。

🔥强烈推荐

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

使用 KeyboardEventgetModifierState 方法。

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)移步博客

⭐️强力推荐关注

相关推荐
爱分享的程序员14 分钟前
前端面试专栏-算法篇:18. 查找算法(二分查找、哈希查找)
前端·javascript·node.js
翻滚吧键盘19 分钟前
vue 条件渲染(v-if v-else-if v-else v-show)
前端·javascript·vue.js
A5资源网19 分钟前
cloudflare配合github搭建免费开源影视LibreTV一个独享视频网站 详细教程
github
vim怎么退出21 分钟前
万字长文带你了解微前端架构
前端·微服务·前端框架
你这个年龄怎么睡得着的21 分钟前
为什么 JavaScript 中 'str' 不是对象,却能调用方法?
前端·javascript·面试
Java水解23 分钟前
前端常用单位em/px/rem/vh/vm到底有什么区别?
前端
CAD老兵26 分钟前
Vite 如何借助 esbuild 实现极速 Dev Server 体验,并支持无 source map 的源码调试
前端
南屿im27 分钟前
JavaScript 手写实现防抖与节流:优化高频事件处理的利器
前端·javascript
Spider_Man27 分钟前
从零开始构建React天气应用:API集成与UI设计全指南 🌤️
前端·react.js
mortimer31 分钟前
从零到一:构建一个 Chatterbox-TTS API 服务
开源·github·ai编程