上午产品提了个“简单”的banner开发的需求，本来以为很简单，一不小心消耗了我一天的时间，一时间感慨万千，来掘金记录一下。写这篇文章，除了技术经验之外，还想给手机前的你一点提醒：程序从来都不是完美的

要理解DOM相关事件，我们先要理解“事件流”这个概念，事件流描述的是从页面中接收事件的顺序。 事件冒泡：事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点或文档。 事件捕获：事件开始由不太具体的节点接收，然后逐级向下传播到最具体的节点。它与事件冒泡是个相反的过程。 …

在阅读文章的时候，如果能一键生成一张该文章的海报图片，那分享效果会大大提高。 基于此，我写了一个基于canvas生成海报的js库。github地址 通过上面的例子可以看到，只要把需要的标题、内容、图片链接和logo文字说明写上，即可生成一张漂亮的海报。 之后，还会加上更多的样式…

因为在电商公司，经常做一些h5的活动，需要实现分享海报功能。海报上会有一些个人定制信息，比如得分、评语等，和背景图合成在一起，做成一张图用于分享或下载。因为每个人字数不一样，让内容绘制在合适的位置，就需要一些“手段”。 如上图中，用户名、已兑换金额是用户当前活动数据，每个人不一…

风和日丽: 我正笑嘻嘻地抓着我炫酷的ikbc键盘疯狂的敲着Bug. 晴天霹雳: 被拉进了一个群,产品说我做的网站很卡,需要做性能优化. 难以置信: 我可是用尊贵的Vue3+T

将HTML构建成一个DOM树（DOM = Document Object Model 文档对象模型），DOM 树的构建过程是一个深度遍历过程：当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。 根据DOM树和CSSOM来构造 Rendering Tree（渲染树…

经常会遇到一些需求是页面铺满整个屏幕，即：屏幕有多高页面就有多高不能出现滚动条。

2011年，Google 发布了 Android 4.0，在经历了 Cupcake，Donut，Froyo 等多个甜品名称版本的迭代后，安卓终结了 Symbian（塞班）的霸主地位，迅速占领了手机市场