YealZoy

本文是面试指南系列文章的第三篇。 1. 请简述浏览器的渲染过程？ 根据生成的渲染树，计算它们在设备视口(viewport)内的确切位置和大小。 通过构造Render Tree和layout，我们已经得知哪些是可见节点，以及可见节点的样式和具体的几何信息(位置、大小)，将渲染树的…

抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 抽象语法树在很多领域有广泛的应用，比如浏览器，智能编辑器，编译…

AST的具体应用，通过解读babel原理、vue模板编译过程，Prettier实现原理，来分析AST在开发中的具体使用。 AST（抽象语法树）在开发过程中扮演一个非常重要的角色，但是我们却很少去直接接触它。 无论是代码编译（babel），打包（webpack），代码压缩，css…

注意： 我们这里说的版本，不是 Vue 发布的版本，而是 Vue 的打包编译之后的版本。我们都知道 Vue 2+ 是使用 rollup 打包的，Vue 是分为： entry-runtime-with-compiler 内部重写挂载函数 $mount， 原因是 compiler …

Vue.js的核心思想是数据驱动，就是指视图是由数据驱动生成的，我们对视图的修改，并不会直接去操作DOM,而是通过修改数据。 下面从源码角度来分析Vue是如何实现的。 首先我们可以看到vue的源码在github上有，大家可以克隆下来。 我们主要看src下的内容。 可以看到vue…

武学之道，切勿贪多嚼不烂，博儿不精不如 一招鲜吃遍天，编程亦是如此，源码就是内力的修炼。这里我们根据对vue源码的分析和理解来实现一个自定义的mvvm框架：KVue。 1、数据劫持：defineProperty。 2、依赖收集：Dep && Watcher。…

Virtual DOM的好处是当状态改变时不需要立即更新dom,只需要创建一个虚拟树来描述dom，Virtual DOM内部将弄清楚如何有效(diff)的更新dom。 为什么选择snabbdom呢，因为Snabbdom对于vnode的实现的非常精简，源代码实现不到200行，比较…

在团队开发中，我们总是碰到这样或者那样的问题，加分号还是不加分号？tab还是空格？换行还是不换行？你是否还在为代码风格与同事争论不休？关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。 用工具统一风格。 以下几个工具可以帮助你在开发中来统一我们的…

路由分发式。 路由分发式微前端，即通过路由将不同的业务分发到不同的独立前端应用上。其通常可以通过HTTP服务器的反向代理来实现，或者通过应用框架自带的路由来解决。 前端微服务化。 前端微服务化，是微服务架构在前端的实施，每个前端应用都是完全独立（技术栈、开发、部署、构建独立）、…