「活在这珍贵的人间，太阳强烈，水波温柔」

导读

本周前端主要是WebAssembly和JS编译原理相关的文章，两篇文章都从比较底层的角度详细解释了相关内容。另外还有一篇关于利用CSS实现场景形状的技巧。可视化方面主要分享的是一个复杂概念图的实现以及大屏数据可视化技术选项。

前端

1、一个白学家眼里的 WebAssembly
本文对知乎「如何看待 WebAssembly 技术」的问题里关于WASM性能以及WASM与前端等做了详细的解释。
2、从敲下一行JS代码到这行代码被执行，中间发生了什么？
本文详细介绍了JS从代码到计算机理解并执行所经历的词法分析、语法分析、生成机器码、执行机器码等过程。并介绍V8从脚本流、字节码缓存、内联、隐藏类、热点函数直接编译成机器码等方面所进行的优化。
3、CSS实现一些常见形状
本文利用CSS实现了一些常见的形状，如矩形、正方形、三角形、圆、椭圆等等。

可视化

1、概念图
概念图（concept map）是一种用节点代表概念，连线表示概念间关系的图示法。下面是一个复杂的概念图实现，节点表示相应的概念，边表示它们之间的关系。
image.png
2、大屏数据可视化实践
本文从技术选型等方面介绍大屏可视化项目实践，具有一定的参考价值。