Skip to main content

⚡️ [性能优化] 如何高效的获取 base64Image 的 meta 信息

· 11 min read
卤代烃
微信公众号@卤代烃实验室

get-base64-image-meta-info-hero-image.jpg

大家好啊,blog 一年多不更新了,估计权重都掉完了,也不知道最后有多少人能看到。

从去年五月份开始,工作上因组织架构变动,我从原来做的性能优化领域转向了 AI,具体内容因为保密协议的问题也不能多说,所以就长时间不更新了。今年的话工作方向又有了一些变动,主要是在做一些 GUI Agent 的事情。

时间过去了一年,但对于编程领域却是天翻地覆。随着 Cursor/Claude Code 等工具的推出,大家基本都脱离了古法编程的束缚(先别说生成的代码对不对,你就说快不快吧);不少的部门也不满足于外部编程工具的提效,也开始搞自己内部的 Agent,试图在业务和工程上双重提效。由于最近的工作会和大模型团队合作比较多,我对此的体感反而感受更深一些,这里面的感触以后有机会可以和大家慢慢说。


⚡️ [Performance] How the browser optimizes resource downloads with HTML Preload Scanner

· 8 min read
卤代烃
微信公众号@卤代烃实验室

html-preload-scanner-hero-image.jpg

Hello everyone, I am skychx, specializing in performance optimization.

When doing web-related performance optimization, it is necessary to have a certain understanding of the underlying principles of the browser, so that the page can better walk on the happy path. Today, let's understand a browser default performance optimization scheme that is rarely known by people - HTML Preload Scanner, and see how it optimizes the loading speed of network resources.

⚡️ [Performance] Three ways to observe network performance data in the browser.

· 7 min read
卤代烃
微信公众号@卤代烃实验室

observe-browser-network-hero-image.jpg

Introduction

There are various ways to observe network performance data with the browser's Devtools tool, but these data are presented in different ways. This article is to interpret these performance data presentation methods and make a longitudinal comparison to help more people optimize the performance problems brought by the network.

🛠️ [Hybrid App Dev] How to Locate the JS Code Injected into Hybrid Web Pages by Native

· 6 min read
卤代烃
微信公众号@卤代烃实验室

find_inject_js_hero_image.jpg

A webpage can not only run on public browsers, but also on the WebView component within the APP. Since these Hybrid Web pages run in a relatively closed environment, the APP itself can inject some JS code into WebView, making targeted enhancements to the Web page (the most typical application is JSBridge, which provides a bridge for Web <--> Native communication).

⚡️ The Cost Of JavaScript (2017 - 2023)

· 11 min read
卤代烃
微信公众号@卤代烃实验室

ybsbny.png

吐槽时间

不知道从什么时候开始,前端开始卷一些 “高端知识”,动不动就浏览器底层原理V8 是如何运行的,倒不是说这些没啥用,只是来势汹汹好像不懂这些就不能糊页面一样。

我工作中和内核团队与虚拟机团队也合作过并咨询过他们这些相关问题,大家的态度也很明确,面对这种千万行代码的大型工程项目,他们作为专业人士也不是啥都懂,万一遇到个真的啥都懂的,人家必然也不会去做前端,这就显得一些面试官和求职者的八股攻防战可笑了起来。

那么如果真的遇到一些场景需要学习相关知识,或者就是单纯的个人感兴趣想了解一下原理和细节,最好的办法是什么呢?很简单,直接看相关团队的 Blog 或核心开发人员的 Blog & 演讲,这都是除去源码的第一手消息,水平比那些二道贩子不知道高到哪里去了。

🔄 博客内容的调整

· 6 min read
卤代烃
微信公众号@卤代烃实验室

最近两年没怎么更新博客,算了一下从 2022 年开始,只更新了 5 篇(虽然之前也不多),这个还是远远低于自己的预期的。其实在公司内部也输出过一些技术文档和文章,但是限于篇幅和敏感性都没有放到公网上,其实还是有些可惜的。

🤖️ 如何逐步关闭 MIUI 无处不在的广告

· 21 min read
卤代烃
微信公众号@卤代烃实验室

MIUI_hero_image.jpg

最近给长辈置换一下手机,在有限的预算内,经过多次比较发现还是小米的硬件配置更好一些,最后也是下单了小米。

在 2022 年,Android 系统对手机权限的进一步限制,一些过往的卡顿问题都得到了一定的解决。但是在国内的定制版 Android 机上,和原生 Android 系统还是多了一些特色的东西:

  • 无处不在的系统级广告,诱导用户点击/误触,从而去跳转/下载 APP
  • “不小心下载” 的 APP,占用宝贵的内存/硬盘资源,拖慢手机速度
  • 国内特色的航母级 APP,一个 APP 占几个 G 的硬盘,有些小而美的应用甚至几十个 G

上面的三个问题中,前两个可以通过一定的努力解决大部分,第三个大家都没得选只能硬抗。本文就是聚焦于「关闭 MIUI 无处不在的广告」这个话题的。