本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…

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

最近实现了一个vue-awesome-form组件，主要功能是根据json来生成一个表单，支持同时渲染多个表单，表单嵌套，表单验证，对于一个简单的项目，生成表单只需要一个json就可以完成。而且有时候表单项不是前端写死的，而是由后端控制的，这个时候我们这个组件就派上用场了。 项…

软件生命周期中80%的成本都消耗在了维护上；而且几乎所有的维护者都不是代码的直接开发人。如何让自己写的代码让别人阅读起来更高效？当然是写代码的时候注入一些规范。那么在Javascript中有哪些编程风格值得我们去注重呢？这篇文章将总结《编写可维护的JavaScript》里面的观…

智能行为和现象，有不同的来源。有的来自生物，有的来自机器。 我们可以把那些来生物的智能，称之为自然智能。它们是通过自然选择逐步演化而来的智能。 而另外一些由人类设计的机器所表现的智能，就是人工智能，简称 AI。 人工智能的两大分类 按照解决问题的能力，我们可以把人工智能，分成两…

在开发现代 Web 应用的过程中，Webpack 和我们的开发过程和发布过程都息息相关，如何改善 Webpack 构建打包的性能也关系到我们开发和发布部署…

1. 加载引用 2. 暴露一个公共变量 最简单的做法是在 index.js 里加一句 window.SDK = ... 3. 提供两个版本 4. 提供定制版本 5. 内部实现通过模块引用

一、CSS写自适应大小的正方形代码：效果图：原理：元素的padding的百分比值四个值均根据当前元素的宽度来计算的padding只能取top或者bottom，自适应正方形其值要和宽一致，当然其他不同比

关于人工智能的项目，相信大家都看过或者用过不少了，但它们的大多数看上去都十分“高大上”，让人感觉要掌握他们犹如习屠龙之术一样。事实上，有很多关于人工智能的项目还是十分实用的，而且用途还十分有趣，下面就简单为大家盘点 10 个功能独特的开源人工智能项目。