如琢

当我们想用几张图来介绍下业务系统，是不是对着画布不知从何下手？本文从常见的架构视图进行分析，介绍了常见的架构视图分类和画好架构视图的要注意的问题。...

大仓也被称为 monorepo，已经是很成熟的基础建设。怎么能够做到保留 git 提交记录的同时，我们把已有仓库转化为大仓？...

任何软件项目一旦叠加“**规模**”与“**时间**”两个变量之后，依赖网络就很容易变得复杂混乱，如果不及时施加恰当的管理手段则迟早会引发诸多晦涩难懂的稳定性、性能、安全等...

当谈到设计模式时，代理模式是一个非常重要且常用的模式之一。代理模式是一种结构性设计模式，它允许你提供一个代理或者占位符以控制对其他对象的访问。代理模式通常用于实现懒加载、远...

本文整理了一些TypeScript 的高频面试题，并附带详细答案及解析代码，涉及包括`基本语法`、`类型系统`、`函数`、`类`、`模块化`、`泛型`、`装饰器`等，一起来...

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比web...

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new ...

介绍web安全攻击的基本原理以及常用的解决方案,基本实现是node和react，做简单的攻击演示和防御效果，帮助前端理解web安全...

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。...

项目痛点 在管理大型前端项目时，我们面临以下挑战： 多个相关项目分散在不同仓库，依赖管理混乱 公共组件/工具重复开发，代码一致性难以保证 跨项目变更需要同时修改多个仓库...

解读 HTTP1/HTTP2/HTTP3，HTTP/2 相比于 HTTP/1.1，大幅提高了网页性能，升级该协议就可以减少之前需要做的性能优化工作，虽然如此但还是存在一定问...

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的...