前端使用开发技巧

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，甚至还

引言 早在大学的时候，我就期望做一款属于自己的 APP，可惜那时不懂技术。现在有了技术，但却没有时间。好在 AI 的快速发展终于让我完成了这个愿望。于是，我用半天的时间，用 AI 生成了一个纯前端的

引言 最近在折腾油猴脚本开发，顺手搞了一个可以拦截任意网页接口的小工具，并修改了CSDN的博客数据接口，成功的将文章总数和展现量进行了修改。 然后我突然灵光一闪： 毕竟我们平时开发的时候，测试同学各种

引言 最近对象天天晚上加班看网页，眼睛一直不舒服，然后她就想下一个护眼包，让网页不那么亮。然后，她的电脑就就自动安装了很多软件，什么小鸟壁纸、360浏览器、金山毒霸、2345、鲁大师...... 嗐，

大家好，我是石小石！一个热爱技术分享的开源社区贡献者，小册《油猴脚本实战指南》作者。 初识谷歌扩展插件 很早以前，我就被谷歌扩展商店里的各种插件所吸引，比如能屏蔽广告的 Adblock 能定义标签页界

大家好，我是石小石！一个热爱技术分享的开源社区贡献者，小册《油猴脚本实战指南》作者。 最近在开发油猴脚本中遇到一个场景：用户在多个标签页中打开了同一个 Web 应用时，A页面发送消息，其余所有页面能监

前几天项目完成路由迁移后，原有页面突然出现了样式错乱的问题。如下图，侧弹窗原本应包含“保存”和“取消”两个按钮，但迁移后，“取消”按钮异常消失，布局错乱。 通过浏览器样式的调试定位问题，我最

什么是浏览器指纹？ 浏览器指纹，是用来唯一标识你浏览器的一组“特征值”。它不是我们理解中的那种真实指纹，而是通过收集浏览器、操作系统、设备分辨率、字体、插件等信息，组合成的一个独特 ID。 和传统的

什么是模块联邦 在前端项目中，不同团队之间的业务模块可能有耦合，比如A团队的页面里有一个富文本模块（组件），而B团队 的页面恰好也需要使用这个富文本模块。 传统模式下，B团队只能去抄A团队的代码，把这

Claude 号称全球最智能的模型，在 AI 编程能力、UI 还原和设计理解方面遥遥领先，可以说是前端编程中最强的 AI 模型。 5 月 28 日，字节旗下的 AI 编程工

昨天开发，老本提了一个有趣（zhi zhang）的需求，希望一个背景图能根据标题内容的高度，智能调整展示位置： 当标题内容较少时，背景图要靠右居中展示，并根据区域上下裁剪，从中间部分开始显示：

背景简介 大家好，我是石小石！ 在前端项目开发中，我们常常会遇到这样一种情况：项目中引入了某个第三方库，但它没有提供内置的 TypeScript 类型声明。此时，如果你在 TypeScript 项目中

大家好，我是石小石！ 在前端开发的数据请求与处理中，我们可能经常会写出这样的请求处理代码： 代码并没有问题，只是这种固定模式的代码在很多场景下写起来过于繁琐，vue-query 完美的解决了这个问题。

大家好，我是石小石！ 在我们日常工作中，可能会遇到截图页面的场景，有时页面有些内容不符合要求，我们可能需要进行一些数值或内容的修改。如果你会PS，修改内容难度不高，如果你是前端，打开控制台也能通过修改

在AI技术飞速发展的今天，DeepSeek作为国内领先的智能对话模型，凭借媲美GPT-4的多轮对话能力和强大的行业知识处理优势，迅速引发了各行各业的热烈关注。

在现代前端开发中，我们常常需要获取当前线上环境的代码构建信息，如项目打包人、打包时间、Git版本信息等。在持续集成/持续交付（CI/CD）流水线中，这类信息尤其重要。

需求简介 大家好，我是石小石！ 在前端开发中，localStorage 和 sessionStorage 是非常常见的数据存储解决方案。但在某些特殊场景下，原生的 localStorage 和 ses

大家好，我是石小石！ 在前端开发中，通过某个接口下载文件是一种非常常见的需求。如果后端返回的是一个文件地址，那我们使用a标签就能很轻松实现文件的下载。 但是，如果后端返回的是一个数据流

显式转换与隐式转换 为了加深对本文涉及的Boolean的语法理解，我们先回忆一下JavaScript中的显示与隐式转换。 显式转换 显式转换是指通过明确的代码，主动将一种数据类型转换为另一种类型。这种

需求简介 大家好，我是石小石！前几天实现了这样一个需求： 由于后端返回的是用逗号分隔的字符，所以获取图片的key使用split方法非常方便。 乍一看，代码并没有问题，qa同学在测试环境也验证了没有问题