你可能不知道的前端知识点

缘起

前一阵有人在微信群里面遇到了一个问题：

当输入框在最底部的时候，弹起的虚拟键盘会把输入框挡住。

于是我发给他一个 API： Element.scrollIntoViewIfNeeded(opt_center)，故名思意，就是在需要的时候将元素滚动到可视区域。

对于前端 API 来说，我们最关心的是它的浏览器兼容性：

随后他又问我：

怎么样才能学到这些新的前端技术和API？

首先要知道，这并不是一个新的 API，我们看看它的支持情况:

• 2010-12-06 发布的 Android 2.3（6年前）

• 2011-06-20 发布的 Safari 5.1

• 2011-09-16 发布的 Chrome 15

• 2012-03-07 发布的 iOS 5.1

• ...

这已经是一个有着 6 年历史的 API 了。如果在 GitHub 搜索一下，可以搜索到 38,305 个搜索结果。

这已经是一个被广泛使用的 API 了。

所以我创建了这个 repo，整理一些比较实用的但是却不经常见的前端技术。

发掘被我们忽略的前端知识点。所有的讨论以 issues 的形式进行，任何人都可以在 issues 区围观讨论。

本 repo 的目的在于搜集、讨论，最终的内容会整理成文章、PPT、PDF 发布在 小密圈（点击可直接进入）。

建议

关于碎片化阅读其实我是持反对意见的，碎片化阅读只能作为自己知识的补充，但是真正想学好前端，还是应该多看书，从头构建自己的完整知识体系，然后把碎片化阅读作为自己知识体系中知识点的补充。

License

本作品由 justjavac 创作，采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。

相关文章推荐

• 用 Chrome 开发者工具分析 javascript 的内存回收（GC）

• [Web性能优化]Chrome 51 引入新特性：Passive event listeners