小小小十七

这篇文章不讲技术，主要讲一下我在这最近一年多时间的生活、工作上的一些经历和感受。总结和吐槽一下，大家能避则避。...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

完成项目之后，一直没时间整理和反思在推进过程中，遇到的问题以及解决方案，由于前端团队人员较少，更多的是多人协作以及大家共同攻克一些问题。 工具 前端的编辑器，包括subli...

地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。大部分是自己写的，如有不正确的地方，欢迎多多指正。...

在实际的项目中有很多需要截图的场景，例如动态数据生成图片、打卡、保存 HTML 页面等。还可实现生成PDF、抓取SPA、自动提交表单、UI、键盘输入、页面点击、最新的JS和...

给前端的docker 10分钟真 · 快速入门指南 还没有了解过docker吗，没关系，咱模拟几个场景，两分钟就给你搞明白它是什么，我们什么时候需要它...

接下来展示一如何一步一步的来绘制出如图的一个柱状图。 坐标轴的绘制主要包括了轴的绘制和标刻两个工作，x轴的绘制类似y轴绘制。但再y轴的绘制中，加入了横向的一个辅助线的绘制，...

其大致思路如上一篇文章一样。需要的步骤主要也是分为 在上一篇的文章基础上，为了更加优雅的代码复用，所以采用对象的方式来管理相关配置和方法。 同上一篇文章一样，为了方便后续的...

要达到如同上图所示的效果，首先需要解决的问题便是节点选取，我们要如何判断当前鼠标点种了节点，此次采用的办法为读取鼠标相对于当前位置相对于canvas的位置，再扫描绘制的点的...

在该系列的前几篇文章绘制了折线图和柱状图，其实很容易能够总结出，在canvas的绘制过程中，一个重点就是位置坐标的计算。此次我们绘制图形的数据为： 为了方便后续绘制，所以我...

分析整个水球图，波形的绘制就是整个绘制过程的最大的难点。绘制波形，第一个难点就是波纹的形状，其实可以选择两种方案绘制，第一种，采取圆弧拼接的形式；第二种就是采用三次贝塞尔曲...

工作摸鱼之际，闲来无事之时，写了点canvas的滤镜来玩，话不多说，上效果图和源码 效果图 原图 黑白 马赛克 高斯模糊 叠加颜色蒙版 html js...

最近接到一个产品需求，需要在一个分享端外的 H5 页面中增加一个弹窗，弹窗的内容是根据接口获取的一些消息，这些消息需要一条一条的轮播出来，并且每一条消息出来是都要有一个消息...