为什么 Nuclear

这里列举 Nuclear 在竞品中的优势：

• 借助浏览器本身的机制，无任何代码约定和入侵
• 放心使用 HTML+CSS+JS
• observejs 替代 EventLoop、requestAnimationFrame、Ticker 等定时循环
• 解决 MV*无法构建复杂特效的难题，随意构建超复杂交互特效，自由地大展拳脚
• 支持 Dom 和 Canvas 组件，未来支持 SVG 和 WebGL.
• SVG 库 Sword 已经整装待发：https://github.com/AlloyTeam/Sword
• WebGL 库 pixeljs 正在全力推进 https://github.com/kmdjs/pixeljs

前言：

除了我们日常使用的调试方法，在 Chrome 中，其含有一些有意思的方法，有助于提高我们的开发调试效率。

作为一名前端开发人员，经常也是需要有一个静态服务器的。下面让我们来分分钟搭建自己的静态服务器吧

一：使用 http-server

http-server 基于 Node，所以得先确保有 Node 环境。

在 Angular, Vue.js 等 MVVM 框架中，都涉及到指令（directive）的概念，directive 实际上是一种针对 DOM 操作的抽象封装，并通过框架处理，将 DOM 操作逻辑与 DOM 元素进行自动化绑定，用一个简单的声明式语法简化了 DOM 操作逻辑中的 “给元素命名”，“查询目标元素”，“进行 DOM 操作”步骤。

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 下拉刷新时的水滴效果，实现效果如下。