G2源码解析之代码组织结构

版本：V5.0.0-beta.10

背景

G2源码阅读系列文章的前置任务，学习优秀开源框架、熟悉代码组织结构，了解核心模块。

版本：V5.3.3

背景

本文浅析ECharts的事件系统是如何工作的，点击一个series之后，ECharts是如何执行的回调方法，非series元素是否可以设置事件，事件回调又是如何做性能优化的。

版本：V5.3.3

背景

ECharts作为一个配置的图表引擎，同时默认的渲染器又是Canvas。如果想要对ECharts的某个图元做一些自定义的编辑，如果ECharts并有没开发配置项、或者配置项的粒度不够，这时候就会变的比较困难。本文尝试探寻有没有方式可以拾取ECharts的图元，拾取之后是否有一定的方式可以针对图元做特定的编辑。

简介

Vue Playground支持选择不同的Vue版本，实时编码并实时预览。本文主要介绍其如何实现选择不同的Vue版本。

简介

Vue Playground支持选择不同的Vue版本，实时编码并实时预览。本文主要介绍其如何实现实时编码和预览。

局域网自定义域名

背景

由于家庭网络环境日渐复杂，服务器上跑的工程项目越来越多。人工强行基于IP+端口的方式来记忆各个服务着实有些费劲。本文简单介绍一下折腾自定义域名的过程。

拓扑

一个并不完整的家庭网路拓扑

正向代理与反向代理

背景

很自然的知道访问Google需要的代理是正向代理，通常情况下Nginx做的Web服务代理是反向代理。但到底什么是正向代理，什么是反向代理一直没有一个特别明确的感知。这里做个简单的整理。

图文解释

SVG后处理

背景

SVG规范中有关于style的定义，支持方式为HTML的Style。但在一些非浏览器环境下，对于Style的支持性并不好普遍常见于PPT,Sketch等场景。本文介绍了一种简单的方式来对SVG进行后处理以对PPT,Sketch等场景进行适配。同时介绍几种简单具体场景。

NPM Package

svg-visitor:基于访问者模式来遍历SVG元素。

原理

受 AST Visitor的启发这里设计了一个svg-visitor，来根据标签类型访问标签，并对标签元素进行处理。

SVG 动画参数提取

设计工具

svgator

版本：V5.3.2

背景

由于SVG Text标签并无background-*属性所以要实现文字背景，尤其是圆角矩形的背景相对比较困难，虽然有一定的方案但仍存在各种各样的局限性，最终表现效果并不理想。反观ECharts则实现的非常完美。通过本文我们简单探究下echarts是如何实现SVG圆角矩形背景的。