You might not need jquery (不用jquery话代码怎么写)

发表于 | 分类于 | | 阅读次数：

自从用了vuejs之后，对jquery越来越抵触了，项目里遇到什么好用的插件都想去掉jquery依赖重写一遍…

今天机缘巧合之下发现了http://youmightnotneedjquery.com这个网站，假如你也恰好想用原生javascript实现jquery某个函数的功能而又不知道怎么做的时候，或者只为了jquery某个函数而不想引入整个类库的时候，与其去翻jquery源码，不如来试试这个网站。

例如我要记得要获取某元素相对于文档根部(document)的位置信息，可以用jquery的offset()方法：

1
$('#id').offset() // {left: 66, top: 666}

我想要知道纯js如何实现这个方法，在http://youmightnotneedjquery.com里搜索一下，它就会告诉你可以这样实现offset：

1
2
3
4
5
var rect = el.getBoundingClientRect();
{
  top: rect.top + document.body.scrollTop,
  left: rect.left + document.body.scrollLeft
}

原来也没怎么复杂嘛，它还会显示支持浏览的最低版本是IE8+，是不是很方便？