AEditor 是什么？

AEditor 是一个方便广大 web 开发者进行 H5 动画交互页开发的工具，开发者可以在 AEditor 上对交互动画以进行编辑，最终导出页面项目。与面向大众的 H5 交互页编辑平台（如玉兔，易企秀等）不同的是，AEditor 面向开发者，在提供预设动画模式的同时，支持对动画进行帧的编辑，事件通知模型，以及可二次开发的特性，从而让开发者能更灵活地实现各种自定义的动画交互需求。

访问地址：http://aeditor.alloyteam.com/

浏览器支持：只支持 chrome 浏览器

快速上手教程：http://www.alloyteam.com/2015/07/aeditor-kuai-su-shang-shou-jiao-cheng/

概览

AEditor 主要由五部分组成，分别是：基础操作栏、时间轴管理栏、元素属性编辑栏、精灵管理栏以及预览区域。

一、概念解析：

Mongoose:

Let's face it, writing MongoDB validation, casting and business logic boilerplate is a drag. That's why we wrote Mongoose.

Mongoose 简单来说就是数据库操作 ORM

createConnection 与 connect:

许多入门学徒在看到这两个函数的时候都会有一定疑惑，但是这两个函数其实并不是一个东西，

createConnection 创建的并非一个默认的数据库连接，它返回的是一个 Connection。我们需要通过这个 Connection 来创建 Model、Instance，然后进行数据表操作，这通常是在程序需要连接多个数据库的情况下使用，否则一般使用 connect 来打开默认的数据库连接，这时候我们就可以用 mongoose.model 来创建我们的 Model 了。

CSS 样式的 clip-path 来源于 SVG<clipPath> 元素，它们的本质都是剪切

每个人都知道剪切，那么 clip-path 实现的剪切有什么特别之处呢？

它的剪切元素可以是任意对象

你整个 HTML 页面也好，一个 form 表单也好，图片也好，一切都可以变成一块一块的

在看效果之前先检查一个这个属性的浏览器兼容情况，如下图：

语法

描述

这个操作符允许插入一个计算结果等效于 undefined 的表达式。
void 操作符经常仅仅是用来获得 undefined 值，比如经常使用到的 “void(0)”(这等效于 “void 0”)。

兴趣部落页面中，为了加强下拉刷新的体验效果，我们用 web 模拟了 ios 下手 Q 下拉刷新时的水滴效果，实现效果如下。

之前写过两篇文章，分别是 《前端抢后端饭碗 — Node.js + Socket.io 制作简易聊天室》 和 《koa + socket.io 制作简易聊天室》，实质上都是利用了浏览器的 websocket 属性进去前后端的消息交流。今天我们要介绍另外一种比较新但更为简洁的消息传输方式，eventsource。

下面是关于 eventsource 的浏览器支持情况。除了 IE 和 Opera Mini 之后，其它浏览器的支持情况良好。除了浏览器的兼容性问题之外，eventsource 其实 写起来更为简洁方便。

为什么要使用数据结构和算法（程序=数据结构+算法）

        算法是对这些结构中的数据进行各种处理。比如，查找一条特殊的数据项或对数据进行排序。

        举一个简单的索引卡的存储问题，每张卡片上写有某人的姓名、电话、住址等信息，可以想象成一本地址薄，那么当我们想要用计算机来处理的时候，问题来了：

• 如何在计算机内存中安放数据？
• 所用算法适用于 100 张卡片，很好，那 1000000 张呢？
• 所用算法能够快速插入和删除新的卡片吗？
• 能够快速查找某一张卡片吗？
• 如何将卡片按照字母进行排序呢？

手机上的环境传感器，一般包括气压传感器、温度传感器、湿度传感器、光传感器、声音传感器和距离传感器等。气压传感器能通过气压测量，判断手机当前位置的海拔高度，能提高 GPS 定位的精度，在三星 Galaxy Nexus 上有配备；温度传感器一方面用来测量气温，判断当前环境是否舒适，一方面也能监测手机内部温度是否异常；而比较普遍的是光传感器和距离传感器，对智能手机来说几乎是标配，并且一般设计位于手机正面上方听筒附近位置。