首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端王壮壮
掘友等级
大!前端开发
工作日、健身日、无情干饭机器人
获得徽章 7
动态
文章
专栏
沸点
收藏集
关注
作品
赞
310
文章 304
沸点 6
赞
310
返回
|
搜索文章
前端王壮壮
大!前端开发
·
47分钟前
关注
前端向架构突围系列 - 状态数据设计 [8 - 3]:服务端状态与客户端状态的架构分离
一、 为什么要把 API 赶出 Redux? 1.1 消失的“样板代码” 在传统的 Redux 处理 API 流程中,你需要写: 一个 Constant 定义 FETCH_...
0
评论
分享
前端王壮壮
大!前端开发
·
3天前
关注
前端向架构突围系列 - 状态数据设计 [8 - 2]:前端框架的“细粒度响应式”原理
Vue 3 推出了 Ref,SolidJS 带火了 Signals,Preact 随后跟进,就连 Angular 和 Svelte 5 也全面拥抱了 Signals。 仿佛...
0
评论
分享
前端王壮壮
大!前端开发
·
4天前
关注
前端向架构突围系列 - 状态数据设计 [8 - 1]:从 MVC 到 Flux 再到 Atomic
我们不能迷失在库的海洋里。我们需要透过 API 的表象,看到数据流转的本质。因为库会过时,但数据流的模式(Pattern)是永恒的...
0
评论
分享
前端王壮壮
大!前端开发
·
4天前
关注
前端向架构突围系列 - 性能观测 [7 - 4]:如何设立 Performance Budget 并融入 CI/CD
一、 什么是 Performance Budget(性能预算)? 在金融领域,预算意味着“你有多少钱可以花”。 在前端领域,性能预算意味着“为了达到预期的加载速度,你最多能...
0
评论
分享
前端王壮壮
大!前端开发
·
5天前
关注
前端向架构突围系列 - 性能观测 [7 - 3]:分层级的系统化性能优化方案
监控系统报警了,LCP 飙红了,老板发火了。 这时候,试着加上 lazy-load,或者把图片压缩一下。这种**“打地鼠”式的优化**,往往按下葫芦浮起瓢,效果不可持续。...
2
评论
分享
前端王壮壮
大!前端开发
·
5天前
关注
前端向架构突围系列 - 性能观测 [7 - 2]:前端全链路性能监控系统 (APM)
架构师的职责,就是给这个黑盒装上“飞行记录仪”。我们要搭建一套 前端全链路性能监控系统 ,把用户的每一次卡顿、每一次报错、每一次资源加载失败,都实时传回我们的大屏。...
0
评论
分享
前端王壮壮
大!前端开发
·
6天前
关注
前端向架构突围系列 - 性能观测 [7 - 1]:以用户为中心的核心性能指标体系
一、 为什么传统的指标失效了? 在 jQuery 时代,window.onload 是神。因为那时的网页大多是服务端渲染(SSR),HTML 下载完,页面基本就出来了。 但...
0
评论
分享
前端王壮壮
大!前端开发
·
6天前
关注
保姆级Clawdbot教程来了,但我还是想劝大家悠着点。
这几天,相信大家肯定都被一个产品名给刷屏了。 Clawdbot。 就是这个胖逼小龙虾🦞。 只不过现在改名叫Moltbot了,原因很简单,被Anthropic告了。。。 因...
3
评论
分享
前端王壮壮
大!前端开发
·
6天前
关注
前端向架构突围系列 - 编译原理 [6 - 4]:模板编译与JSX 转换的编译艺术
一、 Vue 的编译哲学:静态分析的艺术 Vue 的核心设计哲学是 “显式优于隐式” 的模板语法。 正因为模板的结构是固定的(不像 JSX 那样可以是任意 JS 逻辑),V...
1
评论
分享
前端王壮壮
大!前端开发
·
7天前
关注
前端向架构突围系列 - 编译原理 [6 - 3]:ESLint 原理、自定义规则与 Codemod
很多团队面临这样的困境: 架构师制定了规范:“所有业务组件禁止直接引用 `lodash`,必须引用 `src/utils`。” 结果呢?文档写在 Wiki 里吃灰...
0
评论
分享
前端王壮壮
大!前端开发
·
10天前
关注
前端向架构突围系列 - 编译原理 [6 - 2]:Babel 插件开发与访问者模式
一、 核心设计模式:访问者模式 (Visitor Pattern) AST 是一棵深度极深、结构复杂的树。如果让你手动写递归函数去遍历每一个节点,还得判断“这是不是函数”、...
0
评论
分享
前端王壮壮
大!前端开发
·
11天前
关注
前端向架构突围系列 - 编译原理 [6 - 1]:AST 抽象语法树与编译器的“三板斧”
一、 什么是 AST?(代码的 X 光片) 在编译器眼中,你写的代码(源码)并不是一段有意义的逻辑,而是一堆单纯的文本字符串。 为了让计算机理解这段文本,我们需要把它转换成...
0
评论
分享
前端王壮壮
大!前端开发
·
11天前
关注
前端向架构突围系列 - 浏览器网络 [5 - 5]:Web Vitals 性能指标体系与全链路
一、 核心指标三巨头:LCP、INP 与 CLS Google 在几十个性能指标中,钦点了三个作为 Core Web Vitals (CWV) 。这不仅关乎用户体验,还直接...
0
评论
分享
前端王壮壮
大!前端开发
·
11天前
关注
前端向架构突围系列 - 浏览器网络 [5 - 4]:浏览器事件循环 (Event Loop) 与异步编程模型
一、 单线程的谎言:浏览器其实是多线程的 虽然我们常说 JS 是单线程的,但这并不代表浏览器是傻瓜。 JS 引擎(如 V8)确实只有一个主线程(Main Thread),既...
1
评论
分享
前端王壮壮
大!前端开发
·
13天前
关注
前端向架构突围系列 - 浏览器网络 [5 - 3]:关键渲染路径 (CRP) 与分层合成机制
一、 传统的流水线:主线程的“苦力活” 在浏览器把像素推送到屏幕之前,必须先经过一条被称为 关键渲染路径 (Critical Rendering Path, CRP) 的流...
0
评论
分享
前端王壮壮
大!前端开发
·
13天前
关注
前端向架构突围系列 - 浏览器网络 [5 - 2]:缓存策略、DNS 与请求优先级
第二篇:守门——浏览器的资源模型:缓存策略、DNS 与请求优先级 一、 纵深防御:四级缓存体系的决策顺序 当浏览器发起一个请求时(比如 GET /style.css),它绝...
0
评论
分享
前端王壮壮
大!前端开发
·
14天前
关注
前端向架构突围系列 - 浏览器网络 [5 - 1]:理解现代网络协议的进化与瓶颈
一、 TCP 时代:可靠传输的代价 在很长一段时间里,Web 建立在 TCP/IP 协议栈之上。TCP(传输控制协议)的设计初衷是可靠性,而不是速度。这为现代 Web 埋下...
1
评论
分享
前端王壮壮
大!前端开发
·
16天前
关注
前端向架构突围系列 - 模块化 [4 - 5]:策略、适配器与代理模式
AI快速的发展中,可能在未来前后端岗位会发生,但试问一下,如果真到了那个时候,波及到的不会只有互联网行业,而是我们的生活方式同样会发生变化,我们唯有随需而变。...
0
评论
分享
前端王壮壮
大!前端开发
·
17天前
关注
前端向架构突围系列 - 模块化 [4 - 4]:前端核心设计模式之观察者与发布订阅
一、 观察者 vs 发布订阅,别再傻傻分不清 虽然这两个模式长得很像,但在架构设计中,它们的应用场景截然不同。 1.1 观察者模式 (Observer Pattern) 角...
0
评论
分享
前端王壮壮
大!前端开发
·
17天前
关注
前端向架构突围系列 - 模块化 [4 - 3]:复杂组件的通信与组合模式
在封装复杂组件时,习惯使用**“配置对象驱动”**的模式。 > 比如写一个 Tabs 组件,他们会定义一个 `items` 属性,让用户传入一个数组:`[{ title: ...
1
评论
分享
下一页
个人成就
文章被点赞
369
文章被阅读
50,458
掘力值
2,815
关注了
11
关注者
74
收藏集
0
关注标签
10
加入于
2022-06-19