React 源码文件结构
顶层目录 除去配置文件和隐藏文件夹，根目录的文件夹包括三个： ^5cfbe9 这里我们关注packages目录 packages目录 react (opens new window)文件夹 React的核心，包含所有全局 React API，如： React.createElement React.Compone…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
React 状态更新
React 状态更新 流程概览 类比分支管理的心智模型 在React中，通过ReactDOM.createBlockingRoot和ReactDOM.createRoot创建的应用会采用并发的方式更新状态。 高优更新（红色节点）中断正在进行中的低优更新（蓝色节点），先完成render - commit流程。 待高…
Read articlerender 阶段流程
总览 同异步更新调用不同的方法，performSyncWorkOnRoot或performConcurrentWorkOnRoot，他们唯一的区别是是否调用shouldYield shouldYield终止循环、取决于浏览器帧剩余时间 Fiber Reconciler是从Stack Reconciler重构而来，…
Read articleRPC 笔记
如今分布式系统大行其道的年代，RPC 有着举足轻重的地位。风靡的 Duboo、Thrift、gRpc 等框架各领风骚，深入了解RPC是新手也是老鸟的必修课。 RPC定义 远程服务调用（Remote procedure call）的概念历史已久，1981年就已经被提出，最初的目的就是为了调用远程方法像调用本地方法一…
Read articleServerless 笔记
什么是Serverless Serverless 能解决什么问题？ 理清 Serverless 要解决的问题其实很简单，我们可以从字面上把它拆开来看。Server 这里指服务端，它是 Serverless 解决问题的边界；而 less 我们可以理解为较少关心，它是 Serverless 解决问题的目的。组合在一起…
Read articleSet，Map 和 Array的区别
Set 集合 todo Map 字典 Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象或者原始值）都可以作为一个键或一个值。 特征 Map 对象这种数据结构和和对象类型，都已键值对的形式存储数据，即 key-vlue 形式。 Map 对象存储的数据是有序的，而我们平常使用的对象是无序的，所以通常…
Read articleTailwind CSS 核心概念：功能类优先
在一组受约束的原始功能类的基础上构建复杂的组件，Tailwind CSS内置了很多类名，直接放在class属性中，以代替CSS。。 方便起见，我们直接使用官网的讲解案例。 案例说明 传统情况下，当我们需要在网页上设置样式时，都需要编写专门的 CSS 代码，以结构+表现的形式，而且我们还通常会使用预处理语言，例如S…
Read articleTone.js —— Web Audio 框架中文使用指南
Tone.js 是一个Web Audio框架，用于在浏览器中创建交互式音乐。Tone.js旨在使音乐家和基于Web Audio 应用程序的音频程序员都能熟悉应用。在应用层，Tone.js 提供了常见的DAW(数字音频工作站)功能，如用于同步和调度事件的全局传输，以及预构建的合成器和音效。此外，Tone.js 提供…
Read articleTS中的内置条件类型：ReturnType
先说一下条件类型是什么 1. 条件类型是一种由条件表达式所决定的类型。 2. 条件类型使类型具有了不唯一性,同样增加了语言的灵活性。 总言之，条件类型就是在类型中添加条件分支，以支持更加灵活的泛型，满足更多的使用场景。 例如： 表示若类型T可被赋值给类型U,那么结果类型就是X类型,否则就是Y类型。 而内置条件类型…
Read articleUED、UCD、UE、UI、交互设计这 5 个名词的概念有哪些区别？职位分别有什么不同？
UI： User Interface 用户界面 / UID： User Interface Design 用户界面设计 用户界面其实是一个比较广泛的概念，指人和机器互动过程中的界面，以车为例子，方向盘、仪表盘、换档器等都属于用户界面。 现在一般把屏幕上显示的图形用户界面（GUI ：Graphic User Int…
Read articleVue 3 meta
javascript - How to use Vue 3 Meta with Vue.js 3? - Stack Overflow nuxt/vue-meta: Manage HTML metadata in Vue.js components with SSR support 十二、学习VUE前端-vue3使…
Read articleWeb 安全字体和网络字体 (Web Fonts)
什么是Web安全字体 网络安全字体是由许多操作系统预先安装的字体。虽然不是所有的系统都安装了相同的字体，但你可以使用网络安全字体堆栈来选择几种看起来类似的字体，并且安装在你想支持的各种系统上。如果你想使用预装字体以外的字体，从CSS3开始，你可以使用网络字体Web fonts - Learn web develo…
Read articleNo matching articles
Try another keyword or reset your filters.