需求背景 基于公司的要求，需要对地图组件做出选型，以支持在地图上展示线路轨迹 技术选型 选型 优点 缺点 百度地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 高德地图 大厂支持、UI 比较美观、API 文档较为清楚 内网搭建访问较为困难 echarts 地图 UI 美观、API 文档较为清楚 内网搭建访问较为困难、功能较弱 天地图 支持离线访问、是专用地图 UI 不够美观、文档不够清楚 arcgis 支持离线访问、UI… »

JS 基础问题 简述 与前端 Js 不同, 后端方面除了 SSR/爬虫之外很少会接触 DOM, 所以关于 DOM 方面的各种知识基本不会讨论.浏览器端除了图形业务外很少碰到内存问题, 但是后端几乎是直面服务器内存的, 更加偏向内存方面, 对于一些更基础的问题也会更加关注. 类型判断 看 lodash 作用域 看《你不知道的 js》 引用传递 js… »

Diff 算法 概览 在 beginWork 一节我们提到 对于 update 的组件，他会将当前组件与该组件在上次更新时对应的 Fiber 节点比较（也就是俗称的 Diff 算法），将比较的结果生成新 Fiber 节点。 这一章我们讲解 Diff 算法的实现。 你可以从 这里 看到 Diff 算法的介绍。 为了防止概念混淆，这里再强调下 一个 DOM 节点在某一时刻最多会有 4 个节点和他相关。 current Fiber。如果该 DOM 节点已在页面中，current Fiber… »

render 阶段 流程概览 本章我们会讲解 Fiber 节点是如何被创建并构建 Fiber 树的。 render 阶段开始于 performSyncWorkOnRoot 或 performConcurrentWorkOnRoot 方法的调用。这取决于本次更新是同步更新还是异步更新。 我们现在还不需要学习这两个方法，只需要知道在这两个方法中会调用如下两个方法： 可以看到，他们唯一的区别是是否调用 shouldYield。如果当前浏览器帧没有剩余时间，shouldYield… »

React 理念 React 理念 我们可以从官网看到 React 的理念： 我们认为，React 是用 JavaScript 构建快速响应的大型 Web 应用程序的首选方式。它在 Facebook 和 Instagram 上表现优秀。 可见，关键是实现快速响应。那么制约快速响应的因素是什么呢？ 我们日常使用 App… »