摘要:
策略模式和状态这两者模式存在一定的相似性。状态模式中通常会存在一个内部状态,状态改变时行为也会发生改变,而策略模式是针对不同条件下的行为进行封装。总的来说,两者都是在不同条件下有不同的行为。 阅读全文
摘要:
关于Puppeteer的介绍,以及一个Puppeteer使用的简单例子,包括基本功能、模拟交互、页面截图等。 阅读全文
摘要:
这一年可以说是这么多年来,我第一次花时间去细细回顾过往,这是被裁员意外带来的机会,过去的我好像过得总是那么的漫不经心,偶尔去思考一些事,也是想想就过去了,没有去深究过什么。比如说,过去失败的面试经历,我总是死磕在技术方面,总觉得说自己要在技术方面多精进一点,当然这也没什么错,只是说我忽视了其他一些同 阅读全文
摘要:
说到颜色,前端的小伙伴们一定都不陌生,比如字体颜色、背景色等等,颜色是构建视觉效果的重要部分,所以也必然是可视化的关键部分,色彩对人的视觉感知以及情绪心理都存在不少的影响,所以了解颜色表示对可视化非常重要。那么图形系统中都有哪些颜色表示方式呢? 阅读全文
摘要:
在几年前,我就在一些博客中看到关于CSS中transform的分析,讲到它与线性代数中矩阵的关系,但当时由于使用transform比较少,再加上我毕竟是个数学学渣,对数学有点畏难心理,就有点看不下去,所以只是随便扫了两眼,就没有再继续了解了。现在在学习可视化,又遇到了这个点,又说到这是可视化的基础知识,既然这样,那看来还是逃不过去,那就再多了解一点吧。 阅读全文
摘要:
地图不同于一般图表库的使用,本文介绍了OpenLayers的简单使用,包括地图的展示、放大缩小等简单的功能,以及一些简单的交互处理。 阅读全文
摘要:
WebGL和其他Web端的图形系统存在很大的不同,是OpenGL ES规范在浏览器的实现,它最大的不同就在于它更接近底层,可以由开发者直接操作GPU来实现绘图,性能很好,可以充分利用GPU并行计算的能力,并且WebGL还支持3D物体的渲染;WebGL最大的缺点应该就在于它的使用比较复杂,不易掌握,不同于一般的Web API使用,想要掌握好WebGL,还需要了解与WebGL相关的GLSL语言。 阅读全文
摘要:
向量运算是计算机图形学的基础,本例依旧是向量的一种应用,利用向量判断多边形边界,但是多边形的边界判断稍微有点复杂,所以除了应用向量之外,还需要借助三角剖分的相关工具。这个例子中可视化的展示采用Canvas2D来实现。 阅读全文
摘要:
向量运算是计算机图形学的基础,这个例子就是向量的一种应用,是利用向量来计算点到线段的距离,这个例子中可视化的展示采用Canvas2D来实现 阅读全文
摘要:
事件循环不是浏览器独有的,从字面上看,“循环”可以简单地认为就是重复,比如for循环,就是重复地执行for循环体中的语句,所以事件循环,可以理解为重复地处理事件,那么下一个问题是,处理的是什么事件,事件的相关信息从哪里获取。 阅读全文