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

Posted jlfw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你可能不知道的前端知识点相关的知识,希望对你有一定的参考价值。

新建了一个 repo:justjavac/the-front-end-knowledge-you-may-dont-know

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

本 repo 的目的在于搜集、讨论,最终的内容会整理成文章、PPT、PDF 发布在 小密圈

  • 须知 #1

  • 索引 #2

缘起

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

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

于是我发给他一个 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,整理一些比较实用的但是却不经常见的前端技术。

建议

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

License

技术图片

本作品由justjavac创作,采用知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。凡是转载的文章,翻译的文章,或者由其他作者投稿的文章,版权归原作者所有。

以上是关于你可能不知道的前端知识点的主要内容,如果未能解决你的问题,请参考以下文章

你可能不知道的JavaScript代码片段和技巧(上)

收藏|分享前端开发常用代码片段

分享前端开发常用代码片段

关于js----------------分享前端开发常用代码片段

10 个你可能还不知道 VS Code 使用技巧

你可能不知道的viewport