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

分享自 GitHub

相信很多人和我一样，在开发项目的时候，因为项目赶，或者一时没想到等原因。频繁使用 ctrl+c 和 ctrl+v ，导致代码很多都是重复的。这几天，也看了自己以前写的代码，简单的探索了一下，挑选几个实例，分享下如何在特定场景下，保证代码质量前提下，提高代码复用性。 在做项目的时…

商品的设计是电商系统中占据重要地位，如何设计出高扩展，高性能的商品系统并非一件简单的事情，我的设计是观摩互联网各大佬的设计后自行研究的，并非完全正确，但也不完全错误，现在我设计的这套电商系统已经在使用，如果在逻辑上遇到什么问题，会及时修改我关于电商系统相关文章的设计思想部分。 …

大家好，我是神三元。 今天我们来做一个小玩意，用原生JS封装一个动画插件。效果如下： 这个飞驰的小球看起来是不是特有灵性呢？没错，它就是用原生JS实现的。 接下来，就让我们深入细节，体会其中的奥秘。相信这个实现的过程，会比动画本身更加精彩! 封装一个插件，将小球的DOM对象作为…

有很多文章讲过react的diff算法，但要么是晦涩难懂的源码分析，让人很难读进去，要么就是流于表面的简单讲解，实际上大家看完后还是一头雾水，因此我将react-lite（基于react v15）中的diff算法实现稍微整理了一下，希望能够帮助大家解惑。 对于react dif…

Promise，js异步编程的流行解决方案，相比于古老的回调函数等方式，它更科学，更优雅。它来自民间，后被官方招安。 本文将从介绍用法开始，一步步了解Promise，探究源码，最终根据官方规范手写一个Promise。 1. How Promise? 报错信息告诉我们，Promi…

前几天，偶然看到了 《扛住100亿次请求——如何做一个“有把握”的春晚红包系统”》（[url](http://www.infoq.com/cn/presentations/how-to-build-a-spring-festival-bonus-system)）一文，看完以后，感慨良多，收益很多。正所谓他山之石，可以攻玉，虽然此文发表于2015年,我看到时已经是2016年末，但是其中的思想仍然是可以为很多后端设计借鉴。

它们都是 URL 路径。但是他们名字不同。 全限定 URL 的功能再明显不过 —— 它会指向一个确切的页面。所以，让我们再来看看前两个例子。 如果你在 cats.html 上放置了一个链接到 /dogs.html（一个“绝对”路径）的超链接，那么它将指向 404 页面 —— 这…