代码川 - 代码川（www.codechuan.com）是一个深耕开发一线、记录技术足迹与职业成长的实战技术站，与开发者一路同行。

Java后端 01// 手写注册中心的服务注册、心跳剔除与消费者本地缓存容灾 02@Service class BlogService { 03 Post p = repo.findById(id); 04 return p; // 200 ❯_ Java · UTF-8 · LF Ln 4, Col 8

01 38 阅读

手写注册中心的服务注册、心跳剔除与消费者本地缓存容灾

一个能用的注册中心只需要三块：并发注册表、心跳剔除线程、消费者本地缓存，剩下的工程量基本都花在防误杀和注册中心宕机这两件事上。

Java后端 Java 面试高频手写与源码专题

阅读全文

…

Web前端 01// @scope、Container Queries 与 :has() 的 CSS 新特性落地 02bind(state, view); // 数据驱动 03on(event, update); // 组件交互 04requestAnimationFrame(paint); ❯_ JS · UTF-8 · LF Ln 4, Col 8

02 37 阅读

@scope、Container Queries 与 :has() 的 CSS 新特性落地

这几个特性的可用程度差得很远：@scope（Chrome 118+）、Container Queries、:has() 和 text-wrap 可以按渐进增强铺开，scroll-driven animations 只适合做装饰性动效，masonry 还在语法分歧里，先别写进组件库。

Web前端 前端工程化前沿与 Spec-Driven UI

阅读全文

…

Web前端 01// OPFS、多屏与设备接口的浏览器平台能力 API 02bind(state, view); // 数据驱动 03on(event, update); // 组件交互 04requestAnimationFrame(paint); ❯_ JS · UTF-8 · LF Ln 4, Col 8

03 32 阅读

OPFS、多屏与设备接口的浏览器平台能力 API

这七类能力应该按同一条路子接：当作渐进增强层，启动时探测、用户手势内授权、拿不到就走显式降级，主流程不依赖任何一条。

Web前端 前端工程化前沿与 Spec-Driven UI

阅读全文

…

Web前端 01// alien-signals、Vapor 与 Pinia 的 Vue 3.6 演进状态设计 02bind(state, view); // 数据驱动 03on(event, update); // 组件交互 04requestAnimationFrame(paint); ❯_ JS · UTF-8 · LF Ln 4, Col 8

04 32 阅读

alien-signals、Vapor 与 Pinia 的 Vue 3.6 演进状态设计

Vue 3.6 换掉的是响应式的追踪算法、Vapor 换掉的是渲染路径，这两件事都不要求你重写状态层，但会改变「什么该进 store、什么该留在组件里」的成本判断。

Web前端 Vue.js

阅读全文

…