wei_coding

如果有同样的困惑，本文将介绍一种画图的方法论，来让架构图更清晰。 1. 什么是架构 架构就是对系统中的实体以及实体之间的关系所进行的抽象描述，是一系列的决策。 架构是结构和愿景。 系统架构是概念的体现，是对物/信息的功能与形式元素之间的对应情况所做的分配，是对元素之间的关系以及…

前言 对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个

本文梳理了 TS 基础知识，知识图谱如下： 比官方文档更精简，更容易理解，但基本能覆盖全日常开发需要的 TS 基础知识。 你掌握了吗？还没掌握就一起来查漏补缺吧！

什么是 TypeScript？ 一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。 TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 这篇梳理的话，更多的是对浏览器工作原理篇的查缺补漏，对于一些没有涉及到的知识点，准备梳理梳理，也正好回顾之前梳理的内容。 …

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

为什么需要构建⼯具？ 转换 ES6 语法 转换 JSX 压缩混淆 图⽚压缩 为什么选择学习webpack？ 社区⽣态丰富 配置灵活和插件化扩展 官⽅更新迭代速度快

Virtual DOM 虚拟dom 是对DOM 的抽象，本质上是javascript对象，这个对象就是更加轻量的描述DOM。简写vdom； 前端性能优化（减少操作DOM）， 因为频繁操作DOM会造成浏览器的回流或者重绘，因此需要这一层抽象，在patch更新过程中尽可能地一次性将…

系统架构（System Architecture），软件架构（Soft Architecture）是 IT 领域常见的名词，架构设计是软件系统构建过程中极其关键的一部分。 系统架构为什么重要？常见的架构模式都有哪些？跟着 【码哥字节】了解不同的架构设计所运用的不同设计哲学。 一…