前言 今天给大家介绍一款可以在浏览器写代码的 vite 插件：vite-plugin-devtools-json 往期精彩推荐 ⚡⚡⚡Rstack 家族即将迎来新成员 Rstest🚀🚀🚀 ⚡️Vite

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

配置反编译环境 首先需要配置好你的 node 环境：官网下载或者 brew 安装都行。这是我的 node 和 npm 的版本： 然后下载 wxappUnpacker 工具：https://github

💻💻💻要写最能唬人的前端工种是啥？最能出活的前端模块是啥？跟大家讲，真的是搞动画那一块，出活，真的出活。 吭哧吭哧一些高深的框架或者死磕一个难啃的技术硬骨头老半

Monaco与VSCode 微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个we

基于monaco-editor、mdx和tailwindcss实现一个博客编辑器,看了vue3的playground站点，就很好奇他的原理是什么，发现它使用了`monaco-editor-core`这

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

webp 是由谷歌（google）开发的一种旨在加快图片加载速度的图片格式。与JPEG相同，WebP是一种有损压缩利用预测编码技术。但谷歌表示，这种格式的主要优势在于高效率。在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%，webp 在各大BAT公司得到广…

一、背景移动端网页的加载速度对用户体验极为重要，是影响页面转化率的关键因素，H5活动页往往使用大量的图片素材来丰富活动效果，素材加载的快慢会对用户感知造成重要的影响。在《悟空活动中台-H5活动加载优化