我是来装逼的，其实这不是什么高大上的引擎，是是我自己写的一个 UI 基础类库，作用是让一个 DOM 元素放置在另一 DOM 元素的基础 UI 库，欢迎 Ver 吐槽建议。
这个类库我给它取名叫做 beside，意思是 [在旁边] 。
Gibhub: beside -- I need you beside me.
Demo: 去体验
效果图：
使用场景
使用 Beside 可以更方便的实现一些前端组件, 典型的包括： Tooltip 、 Popover 、 Dropdown Menu 、垂直居中的 Modal 等。
比如下面的二次确认是典型的用法：
Beside 的用法
<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'
});
基于 Beside 的 UI component
- fo-popover A nice popover for Angular.
- fo-tooltop A nice tooltip for Angular.
浏览器兼容性
- IE7 && IE7+
- Firefox
- Chrome
- Safari
- Opera
详细介绍可以看我博客原文： http://forsigner.com/2016/03/06/beside-1/
Select Language