如何调试 Ant Design 源码、Turbopack比Webpack快在哪|掘金一周 11.03

2,193 阅读9分钟

本文字数 3200+ ,阅读时间大约需要 8 分钟。

【掘金一周】本期亮点:

上榜规则:文章发布时间在本期「掘金一周」发布时间的前一个月内;且符合各个栏目的内容定位和要求。

一周“金”选

image.png

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

为什么说 90% 的前端不会调试 Ant Design 源码? @ zxg_神说要有光

写 react 项目的小伙伴应该都用过 antd 组件库,但绝大多数同学并没有看过它的源码。而想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面。所以本文就来分享下如何调试 antd 的源码。

我是怎么调试 Element UI 源码的 @ zxg_神说要有光

很多小伙伴是写 Vue 的,可能平时用的是 Element UI 的组件库,所以这篇文章就来讲下怎么调试 Element UI 的源码。

为什么说 bind 的实现非常考验对原型链的理解? @ 圆圆01

bind 的实现其实非常考验对原型链的理解。bind 和 apply,call 是 JS 修改 this 指向的三把利器 。但看似简单的内容,实则包含了 JS 的两大核心内容:原型链和构造函数。

国内第一篇讲如何减少卡顿的代码级别详细文章 @ Yestodorrow

本文国内第一篇讲如何减少网站卡顿的代码级别详细文章, 聊网站性能的文章有很多,通常为了提高js性能,避不开这两点: 不要阻塞主线程&减少长耗时,本文从这两个角度展开。

记一次pr经历,我成为了vite的contributor @ 猪猪爱前端

笔者的一个朋友问了一个关于vite的问题。通过解决这个问题笔者成为了vite的contributor。

给vue-element-admin接入qiankun的微前端开发实践总结🍀 @ 村上小树

这是一篇给vue-element-admin接入qiankun的微前端学习文章。在本文中,笔者通过一个项目给大家展示如何给以vue-element-admin项目接入微前端应用,且在此基础上实现关于通信、面包屑等高级特性。

后端

一次有趣的 DNS 导致 Node 服务故障问题分析实录 @ 挖坑的张师傅

本文主要分析三部分:

1、一起来卷一卷Node.js源码,分析 libuv 如何处理阻塞 DNS 调用

2、Node.js 内部线程池对快速 IO、慢速 IO、CPU 型任务是如何处理的

3、调试神器 gdb 使用

如何修改 Nginx 源码实现 worker 进程隔离 @ 挖坑的张师傅

本文主要通过修改Nginx源码实现基于端口号的 Nginx worker进程隔离方案。看看如何修改Nginx源码,Nginx事件循环,Nginx 进程模型,fork 资源共享相关的知识。

「Redis应用」Redis "高级"应用场景 -- 限流、延时队列、幂等处理 @ Melo_

本文主要为Redis实战篇环节,以问题展开,应对面试场景作答。

你知道 Java 中关键字 enum 是一个语法糖吗?反编译枚举类 @ 宁在春

你知道 Java 中关键字 enum 是一个语法糖吗?你会反编译枚举类吗?一起来看看如何对枚举类进行反编译吧?以前遇到那些枚举类问题,看到反编译出枚举类的代码后,一切都会变得显而易见。

一次 Redis 事务使用不当引发的生产事故 @ 悟空聊架构

最近项目的生产环境遇到一个奇怪的问题:每天早上客服人员在后台创建客服事件时,都会创建失败。当我们重启这个微服务后,后台就可以正常创建了客服事件了。到第二天早上又会创建失败,又得重启这个微服务才行。一起来看看是什么原因吧!

【JAVA】不会有人不知道 Java 类能够在运行时动态生成吧? @ 𝓼𝓲𝓭𝓲𝓸𝓽

本文探讨了更加深入的类加载和字节码操作方面技术。为了理解底层的原理,选取的例子是比较偏底层的、能力全面的类库,如果实际项目中需要进行基础的字节码操作,可以考虑使用更加高层次视角的类库。

Android

一文快速带你了解 KMM 、 Compose 和 Flutter 的现状 @ 恋猫de小郭

KMM 全称 Kotlin Multiplatform Mobile ,故名思义它是用 Kotlin 实现的跨平台框架。10 月初 Android 官方宣布 Jetpack 开始要支持 KMM 同时 KMM 进入 Beta 版本阶段 因而本篇将主要来科普一下 KMM 、 Compose 和 Flutter 的最新现状。

Flutter 之快速理解混合开发里的手势事件传递 @ 恋猫de小郭

本篇主要聊聊 PlatformView 里的手势事件传递,帮助你理清 PlatformView 里手势事件传递和处理的相关逻辑,理清这部分逻辑将对你使用 add-to-app 时针对一些手势冲突会更有帮助。

什么,Jetpack 也要支持多平台了! @ RethinkAndroid

Jetpack 也要支持多平台了,本文将带你快速了解 Android 官方项目是如何在 KMM 中使用 Jetpack 的。

Flutter 绘制探索 | 扇形区域与点击校验 @ 张风捷特烈

本系列为Flutter绘制探索系列之一,本文主要探索一个问题:如何绘制一块扇形区域路径,并且校验触点是否落在 扇形区域 之中。这个问题对于绘制 饼图 及处理手势事件校验非常重要。

Kotlin | 这些隐藏的内存陷阱,你应该熟记于心 @ Petterp

本文将结合个人开发经验,通过示例与字节码对比方式,聊一聊Kotlin中那些隐藏的 “内存陷阱” ,从而方便我们在性能与优雅之间找到合适的平衡。

IOS

「Apple Watch 应用开发系列」Apple Watch App Lifecycle @ Layer

watchOS App 的生命周期比 iOS App 的生命周期要更复杂一些。包括 Not running、Inactive、Active、Background、Suspended。一起来学习下吧~

热点观察

image.png 搜集行业热点,洞察技术趋势。

比Webpack快700倍的Turbopack,到底快在哪? @ CUGGZ

10月25日,Next.js 13 正式发布。同时,Vercel 还推出并开源了下一代打包工具:Turbopack。Turbopack 是针对 JavaScript 和 TypeScript 优化的增量打包工具,由 Webpack 的创建者 Tobias Koppers 和 Next.js 团队使用 Rust 编写!下面就来看看 Turbopack 都有哪些优势!

程序人生

image.png

渐入佳境的算法开发,分享五千字的学习心得 @ 叶一一

代码之外:写作是倒逼成长的最佳方式 @ 宇宙之一粟

签约作者专栏

插图.png

本专栏为签约作者专栏,将持续关注其更新动态,统计时间为本期「掘金一周」发布时间的前一个周内。

由于签约作者文章会单独进行稿费结算,因此不会记入掘金一周的奖品发放

分类作者专栏
前端dragonirThree.js 进阶之旅
前端狂奔滴小马Next.js 全栈开发实战
前端我不是外星人React跨端领域的新视界
前端_小九探索前端工程化,快速实现组件库开发
前端CobyteElement Plus 组件库相关技术揭秘
前端liangyueJavaScript常用设计模式开发与应用
前端粥里有勺糖Node CLI开发实践
前端0o华仔o0常用构建工具的实践总结及原理分析
前端羽月零基础玩转 WebGL
前端chokcoco现代 CSS 与 Web 动画解决方案
前端拜小白Web Components 从入门到 「放弃」
前端若川组件库源码分析
前端井柏然实战前端发布平台,打开CICD黑盒
前端小杜杜React 深入进阶
前端coder_pig杰哥带你玩转Android自动化
前端掘金安东尼JavaScript 函数式编程精要 —— 签约作者安东尼
前端闲D阿强为开源社区贡献力量
后端江南一点雨flowable实战
后端竹子爱熊猫全解MySQL数据库
后端小白debug图解网络基础
后端kevinyanJava 核心通关指南
后端大摩羯先生数据密集型系统搭建
后端架构悟道深入理解缓存原理与实战设计
后端柏炎从0到1搭建基础架构框架
Android半岛铁盒里的猫一看就懂的OpenGL es教程
Android岛上码农面向用户体验开发
Android编程的平行世界Flutter从0到1实现高性能、多功能的富文本编辑器
AndroidPikaAndroid性能优化
AndroidKarl_weiFlutter桌面应用实践
人工智能秃头小苏深度学习网络原理与实战

社区活动日历

image.png

活动日历

活动名称活动时间活动主理人
✍🏻 技术专题征文19期 漫谈数据库技术11月1日 - 11月25日@小斗金

社区官方公告

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内;可以推荐自己的文章、也可以推荐他人的文章。

🏆 掘金一周上榜激励

我们会对上榜作者进行一定的流量扶持和奖励,按双月统计发放 1 次,除此之外,多次上榜的作者还有机会获得官方颁布的 《掘金一周 ·金选作者》实体证书哦!请大家注意“掘金一周”的更新。