自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

人生如代码,永远有bug

分享自己生活和工作中遇到的有趣的技术

  • 博客(7)
  • 收藏
  • 关注

原创 前端文字转语音:用 Web Speech API 之 SpeechSynthesisUtterance 实现

是一个既简单又强大的工具,可以为你的网页带来前所未有的语音交互体验。虽然目前它在兼容性和语音库上还有些限制,但通过合理的检查和降级处理,你完全可以用它做出一个“会说话的网页”。准备好让你的网页“开口”了吗?快试试吧!

2025-01-04 17:00:39 1763 3

原创 前端本地存储指南:从 localStorage 到 IndexedDB,技术优缺点与示例代码

本地存储技术就像超市货架上的零食,每种都有自己的独特味道和最佳食用方法。下次你在项目中遇到存储问题时,想想这些特点,选一个最适合的工具,让你的用户体验更加丝滑顺畅!最后,记住一点:不要在本地存储敏感数据,毕竟浏览器再牛也不是保险箱,真正安全的数据,还是交给后端去守护吧!

2024-12-21 09:28:51 2880 2

原创 前端如何在 Vite 项目中混淆你的代码,并让小偷怀疑人生?

是保护代码安全的利器。通过简单的安装和配置,你就能让自己的代码免受抄袭者的“毒手”。当然,代码混淆并不是万能的,但它可以显著增加抄袭的难度。所以,何不试试看,用混淆的艺术武装你的代码?让抄袭者绞尽脑汁却无从下手,让你的代码永远保持高贵的神秘感!

2024-12-20 09:15:01 2824

原创 WebUSB 初体验:让你的设备插上飞翔的翅膀

WebUSB 是一项让浏览器直接与 USB 设备通信的技术,旨在缩短开发者和设备间的距离。无需安装驱动,无需依赖复杂的桌面软件,直接通过 JavaScript 和 USB 设备交互。是不是听起来很酷?但别着急,这背后还有不少坑等着你跳。WebUSB 是一项令人兴奋的技术,但也是一把双刃剑。它可以极大简化设备与用户的交互流程,但也带来了诸如兼容性、权限和复杂性的问题。而 WebHID 作为更专注的技术,为某些特定场景提供了便捷方案。

2024-12-19 14:25:07 2595

原创 用 UniApp 开发蓝牙(Bluetooth)来谈一场“浪漫的跨屏恋爱”

蓝牙交互虽然听起来复杂,但掌握了“协议规则”后其实非常直观。无论是智能手环、蓝牙音箱还是其他硬件设备,UniApp 都可以轻松实现跨屏通信。

2024-12-18 17:08:08 1401 3

原创 合体推浪的Service Worker,带着vite-plugin-pwa上场!

Service Worker是什么?它是运行在浏览器后台的一个独立脚本,处于浏览器和服务器之间的中间角色,拦截网络请求缓存静态资源,同时还能让页面在无网络环境下正常工作。它不依赖于页面的生命周期,可以在后台默默“出工出力”,帮你干脏活累活。说白了,Service Worker 就是前端开发者的“外挂”,负责提升页面性能和用户体验,比如:离线访问:即使用户断网,之前访问过的页面依然可以加载。资源缓存:减少网络请求,加快页面加载速度。消息推送:即使页面关闭,依旧能向用户推送消息。

2024-12-18 16:50:47 672

原创 “手摸手”带你搞定 WebHID:前端如何与硬件握手言和?

WebHID 是不是很酷?现在你可以在网页上做一些真正能“摸得着”的东西了!

2024-12-18 16:27:31 1393

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除