欲速则不达

摘要： 关于Puppeteer的介绍，以及一个Puppeteer使用的简单例子，包括基本功能、模拟交互、页面截图等。 阅读全文

摘要： 这一年可以说是这么多年来，我第一次花时间去细细回顾过往，这是被裁员意外带来的机会，过去的我好像过得总是那么的漫不经心，偶尔去思考一些事，也是想想就过去了，没有去深究过什么。比如说，过去失败的面试经历，我总是死磕在技术方面，总觉得说自己要在技术方面多精进一点，当然这也没什么错，只是说我忽视了其他一些同 阅读全文

摘要： 说到颜色，前端的小伙伴们一定都不陌生，比如字体颜色、背景色等等，颜色是构建视觉效果的重要部分，所以也必然是可视化的关键部分，色彩对人的视觉感知以及情绪心理都存在不少的影响，所以了解颜色表示对可视化非常重要。那么图形系统中都有哪些颜色表示方式呢？ 阅读全文

摘要： 在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知识，既然这样，那看来还是逃不过去，那就再多了解一点吧。 阅读全文

摘要： 地图不同于一般图表库的使用，本文介绍了OpenLayers的简单使用，包括地图的展示、放大缩小等简单的功能，以及一些简单的交互处理。 阅读全文

摘要： WebGL和其他Web端的图形系统存在很大的不同，是OpenGL ES规范在浏览器的实现，它最大的不同就在于它更接近底层，可以由开发者直接操作GPU来实现绘图，性能很好，可以充分利用GPU并行计算的能力，并且WebGL还支持3D物体的渲染；WebGL最大的缺点应该就在于它的使用比较复杂，不易掌握，不同于一般的Web API使用，想要掌握好WebGL，还需要了解与WebGL相关的GLSL语言。 阅读全文

摘要： 向量运算是计算机图形学的基础，本例依旧是向量的一种应用，利用向量判断多边形边界，但是多边形的边界判断稍微有点复杂，所以除了应用向量之外，还需要借助三角剖分的相关工具。这个例子中可视化的展示采用Canvas2D来实现。 阅读全文

摘要： 向量运算是计算机图形学的基础，这个例子就是向量的一种应用，是利用向量来计算点到线段的距离，这个例子中可视化的展示采用Canvas2D来实现 阅读全文

摘要： 事件循环不是浏览器独有的，从字面上看，“循环”可以简单地认为就是重复，比如for循环，就是重复地执行for循环体中的语句，所以事件循环，可以理解为重复地处理事件，那么下一个问题是，处理的是什么事件，事件的相关信息从哪里获取。 阅读全文

摘要： 在前端面试中，一般比较侧重JavaScript方面的考察，CSS布局方面考察的内容会相对少一些，其中display: none与visibility: hidden的区别是较常见的考点，这两个css配置都可以从视觉上隐藏DOM元素，那这两者的使用上有什么区别呢？ 阅读全文