怎样打造一个 DOM 元素位置引擎 (一)

我是来装逼的，其实这不是什么高大上的引擎，是是我自己写的一个 UI 基础类库，作用是让一个 DOM 元素放置在另一 DOM 元素的基础 UI 库，欢迎 Ver 吐槽建议。

这个类库我给它取名叫做 beside，意思是 [在旁边] 。

Gibhub: beside -- I need you beside me.

效果图：

使用场景

使用 Beside 可以更方便的实现一些前端组件, 典型的包括： Tooltip 、 Popover 、 Dropdown Menu 、垂直居中的 Modal 等。

比如下面的二次确认是典型的用法：

<script src="bower_components/beside/dist/js/beside.js"></script>

<div id="me">ME</div>
<div id="you">YOU</div>

beside.init({
  me: document.getElementById('me'),
  you: document.getElementById('you'),
  where: 'top center'
});

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。