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

在最近的项目中，遇到了比较多处理数组的场景，比如要对数组里面某个元素的某一个字段进行抽取归类，或者判断数组当中的某个元素是否符满足判断条件等。 网上关于使用ES5新的的API来代替for循环的文章已经非常多，它们有的详细讨论了API的用法，有的详细分析各自的性能，还有的整理了使用中的注意事项。因此，本文不再对这些API的详细使用方式进行赘述，仅仅从个人角度出发，整理归纳一些在项目实践中遇到的能够更加优雅处理数组遍历的例子。

写在前面 JavaScript 深入系列共计 15 篇已经正式完结，这是一个旨在帮助大家，其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、t

相信大家看到这张图片就知道我们这篇文章要讲什么了，没错就是-商品多规格选择的解法。 近来在掘金上面看见大家都在研究“商品多规格选择”的问题，例如晨曦大佬的前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合。 在这篇文章里面，大佬写明了如何实现sku的全排列，思…

冒泡排序其实就是遍历一个数组，比较当前元素和下一个元素，如果当前元素比下一个大，向上冒泡。下次循环继续上面的操作，不循环已经排好序的数。其实你可以理解成每次比较两个数，把大的放后面，这样一趟就可以把最大的数放在最后面了。 首先第一步，你要思考清楚冒泡原理；第二步在大脑里面构建思…