charles 的文章，这篇文章不会详细介绍 charles 的各个功能（例如 remote 和 rewrite），而是专注于分析一个问题：什么情况下 charles 会抓包失败？标签：http计算机网络网络安全工具阅读更多🗂 前端版本兼容问题的探索2022年8月8日 · 阅读需 17 分钟卤代烃微信公众号@卤代烃实验室更新提示文章已于 2022-10-10 更新对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 babel、corejs，autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break change 事件（例如 vue3 必须在支持 proxy 的现代浏览器下才能运行）下才会关注这件不起眼的事情。但当你稍微研究一下的时候，才会发现这块儿内容知识非常杂，因为版本兼容的相关知识没有那么多内在逻辑性，很多细碎的知识点散落在在各个商业公司的博弈和版本变更中。前段时间因工作需要对部分语言/浏览器特性重点关注了一下，以此**一下记录。本文主要记录了移动端的版本适配问题，未对桌面端做更多的研究，后面有可能补充相关内容。标签：性能优化阅读更多🗂 对 web.dev 所有 blog 的整理与归档2022年8月6日 · 阅读需 38 分钟卤代烃微信公众号@卤代烃实验室更新提示文章已于 2022-10-10 更新最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 https://web.dev/，一个 google 官方推出的一个面向 web 开发者的网站，里面有非常多的教程和最佳实践，非常适合有性能优化诉求的开发者去浏览和学习。网站的核心部分分为 4 类：learn：体系化的教程，例如性能优化和 pwameasure：就是一个在线版本的 lighthouse，和 chrome devtools 的 lighthouse 功能一致case study：优化案例（商业互吹），内容一般为采用 x 优化带来数据 y 的提升最终带来 z 的商业增长blog：内容较杂，优化教程/api 解读/优化案例等等都有涉及从上面的结构可以看出，lean/measure/casestudy 这三个章节内容都是比较体系化的，但是 blog 内容却没有一个很好的分类。以我的阅读经验，blog 里有一些非常好的文章，所以我很好奇 blog 章节里有多少好东西可供挖掘，于是花了几个月的时间，把所有的 blog 读了一遍，并以自己的认知对内容做了分析和总结，以便自己后续回顾与搜索。标签：性能优化阅读更多⚡️ 我是如何把个人网站的图片服务资费降低 90% 的2022年1月8日 · 阅读需 10 分钟卤代烃微信公众号@卤代烃实验室2021 年一直没有怎么更文，2022 准备开个好头，所以先挑些简单的内容写一写，记录一下我是如何把个人站点的文件存储资费降低 90% 的。标签：性能优化阅读更多较旧的博文🧭 项目导航博客 tagsreact native 升级指南web scraper 零行代码写爬虫🌐 社交账号掘金：卤代烃实验室公众号：卤代烃实验室segmentfault：卤代烃知乎👨‍💻 交流github微信晋icp备19004813号-2