前端使用开发技巧

在日常前端开发中，我们常常通过 import 来引入第三方库或模块。像这样： 但你可能遇到过这样一种情况：有些依赖如果直接写成 会报错，或者运行时报 echarts is unde

前段时间在做项目国际化时，遇到一个比较隐蔽的问题： 我们在定义枚举常量时，直接调用了 i18n 的翻译方法： 结果发现翻译始终不生效。排查后才发现原因很简单 —

作为一个效率至上的开发者，我一直习惯用油猴脚本来扩展网页功能，提升日常开发效率。这也是我写下《油猴脚本实战指南》这本小册的初衷。 直到有一天，我突然想到：能不能把油猴脚本直接“打包”成原生谷歌插件？这

做开发已经7年多了，我越来越有一个体会：对程序员而言，效率其实是一种「稀缺资源」。 很多时候，我们并不是输在技术上，而是浪费在一些低效的机械劳作中。

如果你经常使用浏览器的控制台查看接口请求，一定对下面的OPTIONS 请求不陌生。 你可能会有疑问，我的代码里明明没有写 OPTIONS 请求，浏览器为什么会有这样一个请求记录。其

大家好，我是石小石！小册《油猴脚本实战指南》作者！ 在 Vue3 的开发中，我们经常需要根据组件的 props 或状态动态控制样式，如封装如下所示的Tag组件： 常见的方式无非两种：动态类名 和 动态

引言 作为一名掘金的忠实用户，我每天打开网站的第一件事就是签到。最近在写小册《油猴脚本实战指南》的收尾章节———如何将油猴脚本打包成原生谷歌插件时，想着既然都提到提到谷歌插件开发了，于是顺手把 Chr

相信不少前端同学对 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 完美的解决了这个问题。