你可能不知道的前端知識點

justjavac發表於2017-07-04

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

發掘被我們忽略的前端知識點。所有的討論以 issues 的形式進行,任何人都可以在 issues 區圍觀討論。

本 repo 的目的在於蒐集、討論,最終的內容會整理成文章、PPT、PDF 釋出在 小密圈

  • 須知 #1
  • 索引 #2

緣起

前一陣有人在微信群裡面遇到了一個問題:

當輸入框在最底部的時候,彈起的虛擬鍵盤會把輸入框擋住。

於是我發給他一個 API:Element.scrollIntoViewIfNeeded(opt_center),故名思意,就是在需要的時候將元素滾動到可視區域。

對於前端 API 來說,我們最關心的是它的瀏覽器相容性:

scrollIntoViewIfNeeded justjavac
scrollIntoViewIfNeeded justjavac

隨後他又問我:

怎麼樣才能學到這些新的前端技術和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 個搜尋結果。

scrollIntoViewIfNeeded search on github
scrollIntoViewIfNeeded search on github

這已經是一個被廣泛使用的 API 了。

所以我建立了這個 repo,整理一些比較實用的但是卻不經常見的前端技術。

建議

關於碎片化閱讀其實我是持反對意見的,碎片化閱讀只能作為自己知識的補充,但是真正想學好前端,還是應該多看書,從頭構建自己的完整知識體系,然後把碎片化閱讀作為自己知識體系中知識點的補充。

License

知識共享許可協議
知識共享許可協議

本作品由justjavac創作,採用知識共享署名-非商業性使用-相同方式共享 3.0 中國大陸許可協議進行許可。凡是轉載的文章,翻譯的文章,或者由其他作者投稿的文章,版權歸原作者所有。

相關文章