作者开发肺炎疫情专题页，大量的使用到了 ECharts 地图和图表相关的功能。之前也没有使用过 ECharts，所以把一些稍微复杂的需求实现总结一下。

首发 枫上雾棋的日志 前端动态 1、2019 年 JavaScript 明星项目 本文通过图表对比了各个项目在 Github 过去 12 个月新增的 star 数量，数据来源于 Best of JavaScript ，一个 WEB 领域优秀项目精选的网站。 2、TypeScript 3.8 Beta TypeScript 宣布推出 3.8 Beta，该版本包含 3.8 最终版本获得的所有新功能。 3、手撕 Gi...

Node.js v12 一个非常重磅的功能就是，内核的 HTTP Parser 默认使用 llhttp，取代了老旧的 http-parser，性能提升了 156%。但知其然也要知其所以然，llhttp 是如何做到这一点的呢？

当我们讨论到前端应用的权限控制时，不是在讨论如何去控制权限，而是在讨论如何将用户权限反映到页面元素的显隐上。如果用户没有权限访问请求，不仅会造成请求资源的浪费，还会降低用户体验。前端的权限控制就是为了解决这类问题。RBAC 是目前普遍使用的一种权限模型。本文会讨论如何基于 RBAC 权限模型去实现前端应用的...

手机 App 的技术栈可以分成 原生 App 技术栈，混合 App 技术栈，跨平台 App 技术栈 三类，本文通过各种技术栈加载网页的不同做法，帮助大家理解它们的特点，对 App 的技术实现有一个总体的认识。

通过本文，我们可以一起和作者从 VSCode 身上学习大型复杂 GUI 软件如何组织功能模块代码，如何使用 Electron 技术将 Web 软件桌面化，如何在打造插件化开放生态的同时保证软件整体质量与性能，如何打造一款好用的、流行的工具软件。

本文来自对阿里云微前端线下沙龙的整理，观点是 微前端的核心价值在于 "技术栈无关"，这才是它诞生的理由，或者说这才是能说服大家采用微前端方案的理由。

流行的 JavaScript 状态调查 又开始了，今年是该项调查的第四年，将一如既往地通过整理收集反馈的方式来帮助开发者决策接下来的 JavaScript 学习方向和技术选型。

第二天的内容非常全面，涉及了 React API、开发者周边、codemod 工具、代码维护、写作/音乐与代码、动画、函数式编程、看似简单的 React 组件、使用 React 制作的各种脑洞大开的项目，等等。React Conf 要展示的是一个完整的 React 世界，第一天提到了 React 是一个桥梁，正因为这个桥梁，连接了各行各业不同的人群以及...

在 CSS 工具方面，Sass 仍然是最受欢迎的 CSS 处理器；大多数开发人员现在选择不在其项目中使用任何 CSS 框架；减少使用 CSS 并使用 CSS 命名方案 的开发人员的数量超过了未使用 CSS 的开发人员；CSS-in-JS 继续以稳定的速度增长。在 JavaScript 框架和库方面，React 依旧保持领先地位，Vue 紧随其后。结果中令人意外的...

首发 枫上雾棋的日志 前端动态 1、TypeScript 发布 3.7 #33294 可选链； #32883 空值合并； #32695 断言函数； #32372 --declaration 和 --allowJs 允许一起使用； #33473 扁平错误信息 点击 post 查看更多。 2、玉伯 - 我的前端成长之路 本文是玉伯分享的个人成长和带团队的一些感悟，总结了三个关键词：全情投入、守正...

原文地址：React's ⚛️ new Context API 作者：kentcdodds 这不再是一个 实验性的 API，并且它更符合 工程化 的理念，目前它已成为 React 一级棒的 API。 ⚠️ ：大家可以通过 newsletter 获取我最新的资讯，我一般每两周通过邮件发送一次，大家可以通过自己的收件箱获取更多的内容。 React 中的 context API 相信大家都知...

除了使用 JS 追踪用户，现在有人提出了还可以使用 CSS 进行网页追踪和分析，译者认为，这种方式更为 优雅，更为 简洁，且 不好屏蔽，值得尝试一波，了解更多，可查看 仓库地址 和 demo

不到一个月前，HTML 5.2 正式成为 W3C 的推荐标准（REC）,其中，推出了一个新的原生模态对话框元素 <dialog>，乍一看，可能感觉它就是一个新增的元素，然而，作者最近在玩的时候，发现它确实是一个值得期待和很有意思的元素，在这里分享给大家

在书写文章之前，我假设大家已经有了 JavaScript，Node 包管理工具，Linux 终端操作 这些基本技能，接下来，我将一步一步指引大家从头搭建一个 React 项目

Vim 是一个上古神器，刚刚接触的同学可能很难驾驭，本篇文章主要带领大家 快速入门，并 持续分享 当前流行的一些 vim-plugin 安装 {代码...} 新手指南 {代码...} 移动光标 {代码...} 退出 {代码...} 删除 {代码...} 修改 {代码...} 撤销 {代码...} 复制粘贴剪切 {代码...} 文件 {代码...} 查找 {代码...} 替换 {代码...}...

当我们想起箭头函数时，脑海里可能会浮现 棒，酷，简洁，有趣 等形容词，其实，我们存在一些 更充分的理由 使我们在联想起 箭头函数 时不得不想到的

几个月前，React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策略，因为 V4 的变化确实有点大，V3 的功能它都有，除此之外，还增加了一些特性，我不能直...

以前一直投入在 React Native 中，写动画的时候不是用 CSS 中的 transitions / animations，就是依赖像 GreenSock 这样的库，最近转向 Web，在 Tweet 得到很多大佬关于 React Web 动画 的回应，于是决定分享给大家，如有其他见解，非常欢迎在下面评论中交流

只想说, 本文最重要的是对 CSS, 伪元素, keyframe的分享, 以及读者对这些东西的真正掌握, 我并不是怂恿大家在每一个页面的前面都去加一个酷炫的加载

你曾想过在页面加载过后去修改 Sass 或 Less 的变量值么? 我曾经尝试过, 但并没有成功, 因为当预处理的代码编译成了 CSS, 它的变量就不再是变量了, 然而, 自定义属性就没有这样的限制. 在该系列的文章中, 我曾提及过自定义属性它最牛扳的特性就是它的动态性. 它的强大我们一眼就能对比出来, 预处理变量在编译后就成了固...

可能你已经知道, 在 React 16 中, 将会引进一个全新的架构 - React Fiber, 它彻底重写了 React 的协调算法, 并引入了一些新的特性. 这篇文章就是跟大家分享 React 16 中新的生命周期方法 - componentDidCatch, 它能捕获在子组件树中任何地方的 JavaScript 异常，并打印这些错误和展示备用UI, 就像将 children 包裹在一个...

在 Stack Overflow Trends 中快速搜索 React 的技术趋势, 可以清楚地发现 2014 到 2017 年 React 呈现稳步增长的趋势, 而且在各大社区不难发现, 世界各地的开发人员在最近几年都在积极寻求并获得有关 React 问题的答案. React 真的是非常的美妙, 我们将会用接下来十年的时间来继续探索.-- Guillermo Rauch

React 的组件非常的灵活可扩展，不过随着业务复杂度的增加和许多外部工具库的引入，组件往往也会显得浮肿，接下来我们就一起来看看常见的几种，遵循单一职责原则的，组件分割与解耦的方法

微信小程序自1 月发布以来有段时间了，之前给我的印象就是背影很美，估计是个美女，因为听到小程序不需要下载，安装，信息触手可及，用完即走，无需卸载，感觉那可谓是前途无量，然而当时正使用Ubuntu开发的正欢，外加个人也不是很喜欢在刚刚出来时去凑热闹，所以最近才来体验了一波。但就开发体验而言，表示实在有点不爽

这对于任何基于 JavaScript 的开发人员来说都是必须的。 我已经把这篇文章作为学习我多年来收录的简写 JavaScript 编码技术的重要参考依据。 当然，注意原文中的标注，部分简写转换是不完全等价的

本文主要对比了 Flow 与 TypeScript 这两个常用的 JavaScript 静态类型检测工具，首先介绍了在简单项目中如何使用 TypeScript 与 Flow。然后对比了二者在类型覆盖率上的渐进对比，会发现使用 Flow 之后因为其较为严格的类型要求会相对较快地实现高覆盖，而 TypeScript 则相对较为松弛

用户期望上升，我们构建不再是页面，而是系统，本机和 Web 之间的界限模糊不清，URL仍然是一个杀手锏，CSS 将更加模块化，CSS 预处理将逐渐消失，精通 HTML 和 CSS 仍然至关重要，构建流程将获得竞争等

React 学习与实践资料索引从属于笔者的 Web 开发基础与工程实践中的阅读学习资料工具集锦系列，本文内容是笔者在学习与实践 React 以及准备每周的前端清单系列时候阅读的文章或者接触到的工具积累，目录结构遵循泛前端知识图谱（Web/iOS/Android/RN）

本片文章从 Shorter Syntax 和 No binding of this 两个方面带你认识 arrow functions, 便于今后更深入的学习