本文首发于CSDN网站，下面的版本又经过进一步的修订。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：匠心打造canvas签名组件 CSDN链接：匠心打造canvas签名组件 - 极客头条 全文共4k+字，阅读需5分钟。 导读 6月又是项目吃紧的时候…

命令模式的使用场景，一般是用在需要撤销功能的场景，开发中一般比较少，不过还是能找到一些例子，例如实现一个画板功能，切换画笔颜色、笔触、撤销、反撤销等。 DrawCanvas，继承于SufaceView的自定义控件，开启一个线程一直死循环，当添加绘制命令时，绘制笔触划过的路径。 …

这是一篇流水账，记录了用代码诞生太极的过程。 Parcel是一个Web应用程序打包程序，其开发人员经验与众不同。它利用多核处理提供了极快的性能，并且需要零配置。 innerHTML属性设置或获取HTML语法表示的元素的后代。 代码再这里就做了一个很大的突破了，我们可以让字动起来…

作为一个前端er，如果不会写一个小插件，都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库，否则装得不够高端。那么，如何才能装起来让自己看起来逼格更高呢？当然是利用js纯原生的写法啦。以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体…

轮播图的实现是面试中经常闻到的一个问题，我们今天就来实现一个简单的轮播图，并且看一下Angular和React版本的Ant Design中轮播图是怎么实现的。 网上有很多轮播图的实现方法，主要思路就像图中表示的一样，将所有的图片平铺，通过设置偏移量，将当前图片移动到可视区域。 …

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时,会多选择两张图片，图中数字

循环无缝自动轮播五张图，按左右箭头可以手动切换图片，鼠标点击轮播图下面按钮 1 2 3 4 5会跳转到对应的第1 2 3 4 5张图片。鼠标放到轮播图的图片上时不再自动轮播并且左右箭头显示出来，鼠标移开时左右箭头隐藏掉并且自动轮播。 布局：准备七张图片实现所谓的无缝轮播，固定七…