建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

事情是这样的，前两天有学员问我轮播图无缝滚动的原理，说平时用框架习惯了，到自己手撸的时候不会了。 如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。 想看代码的，继续往后看，代码量其实很少，连着css一起也才一百多行而已，所以其实一点都不复杂，重点还是…

最近家里添了小孩，在家带娃陪产了一些天,深刻体会到老婆带孩子的辛苦。 工作的时候不能在家陪她，就想着写个程序，每天固定在固定时间给她发一些情话，好让她在带娃的时候也能感受到老公的爱心，帮她缓解一下带娃的烦躁心情。 Stack Overflow 联合创始人杰夫·阿特伍德曾经说过，…

进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。 作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器，以 ::before…