一提到前端可视化这个词，可能给我们的印象就是使用 百度的echarts、阿里的g2、g6和一些charts、d3等js库画画图表，调用api之类的，直到最近工作需求简单的去了解了可视化之后才发现并不是我们想的这么简单，可视化是可以独立一个分支出来的，我们工作中也只是常常停留在工具的使用层面而已，真正的可视化在视觉方面分为工具、图形库、图形系统、理论基础。在数据方面也有 设计语言、数据建模、...

记录下最近工作上做的一些东西吧，我们有一个移动端页面大概有50个video视频列表，需要实现竖屏和横屏的情况下，一个正在播放的视频如果被滑动可视区域外则暂停播放。同时也列一下video标签的一些奇奇怪怪的属性，方便下次查询。...

我们有一个显示表格的 Index.vue 页面，并要为此编写一个弹窗组件(dialog)用于新增、预览或者编辑表格的一行数据，因为 vue 组件是单向数据流，我们常常会将一些数据传入组件，诸如 editDialogShow、editRowData、isPreView等等更多,这看起来没有什么问题，但是当 Index.vue 页面越来越复杂的时候，你的 data 里散落各种各样的数据，时间一长，维护起来特别麻烦，可能聪明的你会将数据分类好，将弹窗相关的数据全部放在 data 的 dialog对象里面，那有没有更好的方法，或者说希望组件做更多的事...

记得上一篇关于canvas的文章是介绍一些基础的canvas知识点和一些简单的Api,然后配合动画画出漂亮的半圆进度动画。这次，我想要在一张海报上添加一些元素，这些元素包含了多张小图和不同的文案，其实就是合成一张海报，里面包含了用户头像，二维码和不同的文案。然后涉及到了多张图片异步加载的等待，从而让我注意到了Promise链式调用的一些细节😄...