從事web前端開發(fā)都知道，這幾年前端技術(shù)不斷更新迭代，各種框架層出不窮，讓人應(yīng)接不暇，疲于應(yīng)付。
為了應(yīng)對(duì)這種情況，我們只能提高自己的學(xué)習(xí)效率，從而提高工作效率。今天我分享我學(xué)習(xí)three.js這個(gè)框架的心得，希望對(duì)從事前端開發(fā)和對(duì)前端有興趣的能提供一些幫助。
Three.js是當(dāng)下最流行的網(wǎng)頁(yè)3D渲染JS引擎，其主要是對(duì)WebGL編程以面向?qū)ο蠓绞竭M(jìn)行的封裝。那它能做什么呢？我們看一下下圖即可知道：
那么該如何學(xué)習(xí)這個(gè)框架呢？
第一步，就是看這個(gè)框架的文檔，如果你的英文不錯(cuò)，你可以直接訪問官網(wǎng)：https://threejs.org/；也可以訪問中文版的（不過這個(gè)會(huì)老點(diǎn)）：http://techbrood.com/threejs/docs/；你也可以下載PDF來閱讀：http://www.jb51.net/books/499529.html。
第二步，比較枯燥，你需要通篇大概瀏覽一下文檔具體的結(jié)構(gòu)，然后依次看文檔中各個(gè)API，參數(shù)所代表的意思，下載demo 下來，對(duì)著文檔參考。
第三步，擼起袖子敲代碼，看了demo你不一定會(huì)，最實(shí)在的還是要自己實(shí)踐一下，才知道奧妙在哪里！
第四步，如何在實(shí)戰(zhàn)中遇到解決不了的問題，文檔也提供不了幫助，可以去一些社區(qū)請(qǐng)教大神（如Stack Overflow，知乎等），或者可以加一些qq學(xué)習(xí)交流群（如173306525，189282088），這兩個(gè)都是有關(guān)three框架學(xué)習(xí)的交流群，里面有很多大神，對(duì)于我們初學(xué)者很有幫助。
如果你已經(jīng)用了一段時(shí)間的threejs，也做了一些項(xiàng)目，還想繼續(xù)了解three的底層機(jī)制，想要深入學(xué)習(xí)webgl知識(shí)，建議您要有一些圖形學(xué)和一些高等的數(shù)學(xué)知識(shí)作為基礎(chǔ)，這樣學(xué)起來會(huì)沒有那么的費(fèi)勁。國(guó)內(nèi)相關(guān)的資料也不是很全，這個(gè)是本人學(xué)習(xí)的網(wǎng)站：http://www.yiibai.com/webgl/webgl_graphics_basics.html；國(guó)外網(wǎng)址：http://www.khronos.org/webgl/；后期如有最新資料會(huì)持續(xù)更新。
以上是我個(gè)人學(xué)習(xí)three框架的歷程，如有錯(cuò)誤，希望多指正，或者有最新的學(xué)習(xí)資料望相互分享學(xué)習(xí)！
