欲速则不达

摘要： 最近我在可视化课程中学习了如何在Canvas中利用像素处理来实现滤镜效果，在这节课程的结尾留了一道局部放大镜的题目，提示我们用像素处理的方式去实现这个效果，最终实现随着鼠标移动将图片局部放大，以下是我对这个效果的简单实现。 阅读全文

摘要： 在上篇文章中，我们使用WebGL实现了网格背景，当时有提到说使用WebGL来实现的好处之一，是网格背景可以与画布上的其他元素更好地融合，比如一起缩放平移，那么在WebGL中怎么实现缩放和平移呢？现在我们已经实现了网格背景，接下来我们就用网格背景作为例子来了解一下WebGL中的缩放和平移。 阅读全文

摘要： 作为前端开发人员，我们最关注的就是应用的交互体验，而元素背景是最基础的交互体验之一。一般而言，能够使用代码实现的界面，我们都会尽可能减少图片的使用。除了使用CSS，我们还可以通过WebGL实现某些效果。 阅读全文

摘要： 提到浮动，前端的小伙伴肯定都不陌生，但是随着弹性布局等等一些更好用的标准出来后，用在布局方面少了很多，当初我刚开始接触前端的时候，很习惯用浮动来给元素改变定位，当时还并不是很流行flexbox布局，很多布局会通过浮动来实现，但是使用浮动来布局会产生一些副作用，比如虽然使用浮动可以使元素向左或向右靠齐，但会造成高度坍塌，当时的我并不太了解其中的缘由，只是机械地从网上搜索到一些解决高度坍塌的代码，到现在也不能算是了解的很透彻，只能算是比刚开始做前端的时候多了解了一点。 阅读全文

摘要： 适配器模式通常用于在不修改源代码的情况下使现有类与其他类协同工作。很多开发小伙伴在现实工作中对这点应该都有所体会，在程序员的工作中很多时候都需要去维护已有项目，迭代新的需求，然后就可能碰到这类场景。 阅读全文

摘要： 策略模式和状态这两者模式存在一定的相似性。状态模式中通常会存在一个内部状态，状态改变时行为也会发生改变，而策略模式是针对不同条件下的行为进行封装。总的来说，两者都是在不同条件下有不同的行为。 阅读全文

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

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

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

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