搜尋
首頁web前端js教程使用JS思維技巧

使用JS思維技巧

Apr 23, 2018 am 09:24 AM
javascript思維技巧

這次帶給大家使用JS思考技巧,使用JS思考技巧的注意事項有哪些,以下就是實戰案例,一起來看一下。

我們在學習JavaScript,或其他任何編碼技能的時候,往往是因為這些攔路虎而裹足不前:

  • 有些概念可能會造成混淆,尤其當你是從其他語言轉過來的時候。

  • 找不到時間(有時是動力)學習。

  • 很容易忘記已經理解了的東西。

  • 工具多又在不斷變化,所以我不知道從哪裡開始。

幸運的是,這些攔路虎是可以被識別,並消滅的。在這篇文章中,我將介紹六個思考技巧來幫助你更快學習JavaScript,並成為一個更快樂、更有生產力的程式設計師。

1.不要讓未來的決策阻止你現在前進的方向

很多人學習JavaScript,問的第一個問題往往是「我該使用哪一個框架?但是,如果你還沒有掌握最基礎的JavaScript,那這顯然是一個錯誤的問題。你將你所有的時間用來研究不同的框架,於是,你開始停滯不前。

幫助擺脫這種陷阱的方法之一是畫一個你需要學習的路線圖。例如,要成為一個前端開發者,你的路線圖可能是這樣的:

#進一步分解的話,你可以做一個只有HTML和CSS的功能性web頁面。然後像這樣一步一步列出每個步驟,那麼對於現在應該專注於做什麼,就一目了然了。你也不會浪費時間去擔心以後該操心的事。

如果你覺得這種路線圖很有用,那麼可以看看我以前寫的《learning road map for becoming a front-end developer》,裡面介紹得很詳細。 (註:對於學習JavaScript的路線,你也可以參考學習《學習JavaScript程式語言的8張心智圖分享》這篇文章)

2.不要讓自信誘騙你忘事

快速了解一個概念,也許是學習JavaScript的道路上最影響你進步的事情之一。下面請容許我解釋一下。

當你讀到某些東西,你覺得的確如此的,那麼很可能就會直接跳到下一個內容。然後你覺得接下來這個內容也非常淺顯易懂,於是繼續往下看。但很快,你會 發現你已經忘記了前面自認為已經掌握的內容,所以只能回過頭去溫習。你快速地瀏覽了一遍,感覺又明白了,然後繼續前進。但是你又發現自己忘了別的東西。你一直處在這個循環中,直到最後迷失了自己。你不由地氣餒,想著那先休息一下吧,然而當你休息完了再回來的時候,你發現你已經忘記了所有的內容。

解決這個問題,也很簡單,只需要兩個步驟:

  1. 限制一次學習的量。

  2. 實作-實際寫程式碼。

當你去學習一個新概念的時候,一定要試試它,擺弄它,熟悉它,甚至將它和其他概念結合起來。而且實際輸出到範例程式碼中非常重要,因為這能幫助你消化吸收它。此外,限制一次學習的量,有助於記住資料,道理也很簡單,東西越少越好記。

雖然這種學習進程會讓你感覺所需的時間更多,但實際上恰恰相反,因為你不再需要走那麼多的回頭路。我也是經過了很多次慘不忍睹的教訓才明白這個技巧了。

3.用正確的心態去做練習

很多人認為反覆的練習特別無聊,所以他們通常會選擇跳過或試試走捷徑。如果你快轉JavaScript練習,那麼最終反而需要更多的學習時間。試著讓練習變得令人感興趣,這樣是不是就不會那麼抗拒呢?

試著改變心態:

如果讓你學習一個新的JavaScript概念,卻不能試試,會怎麼樣?你是什​​麼感覺?從我個人而言,我會特別懊惱。這就像一個孩子得到一個新的玩具,卻不能玩一樣。

當你學習JavaScript中一些新內容的時候,試著將它當作新玩具,新車,新鞋,或其他任何你有興趣嘗試的東西。然後不要將練習當作工作,要將練習當作是玩耍。用新技能去嘗試一些很酷的東西。讓你自己都不由的驚嘆。然後顯擺給你的朋友看。

用一種遊戲的心態,你會學得更快,記得更久,擁有更多的樂趣。

4.寫程式碼的時間魔法

在學習JavaScript中最常見的問題是,找不到時間寫程式碼。但是,同時,卻有大把大把的時間瀏覽各種網站,如Facebook,YouTube,維基百科和Reddit等。

我有好幾次,一開始只是想打開Facebook,看一小會,然後不知不覺就發現已經看了幾個小時。這是怎麼發生的呢?或許正是因為我並不打算看很長 時間。萬事開頭難,一旦開了頭,後面陷進去就變得容易多了。但如果有人問我,是否願意花時間在Facebook上,我會堅決地說不,因為我本身時間就不 夠用。然而,只允許看一會兒會時間往往更容易接受,然後深陷其中。

好消息是,你也可以利用同樣的心理學來學習寫程式碼。一開始不要想著要編碼幾個小時,因為你永遠找不到這麼多的時間。就告訴自己你要去寫3分鐘的程式碼。這樣你永遠也不用愁擠不出時間了。

5.思考得更慢,學得更快

這聽起來似乎有悖常理,下面我會用一個小故事解釋。

我的朋友曾經對JavaScript的某個功能感到困惑。於是,我請他詳細地說一遍哪些是他知道的,然後給他解釋他感到困惑的部分。不過,當他檢查程式碼片段的時候,我注意到有一段程式碼,他說得非常倉促。

「等一下!」我說, 「慢點講,每一步都詳細地說一下。」

#我的朋友繼續給我做程式碼發生了什麼的全面總結。

我只好再叫住他。 「你還是太倉促了。再試一次,但這次,我希望你能從字面上去檢查每一行程式碼,告訴每一行的程式碼都發生了什麼。」

這次,我的朋友終於能夠很好地解釋程式碼中正在發生什麼。問題的關鍵是,他終於可以一步一步地檢查了程式碼片段,而不是囫圇吞棗想要一次性理解所有程式碼。

在類似這樣的情況下,思考得更慢其實能讓你學得更快。

6.首先用簡潔的語言來寫複雜的程式碼

如果碰到一段複雜的或你不熟悉的程式碼,那麼先用簡單易懂的語言寫出來。這樣一來,你就可以在寫程式之前明確地知道你想要程式碼做什麼。這麼做有兩個好處:

  • 程式碼比較容易寫,因為你不需要總是停下來想,你想要它表現什麼。

  • 在bug發生之前就能捕捉到,因為你對程式碼應該做什麼有一個明​​確的概念。

結論

我們已經討論了一堆如何更快學習JavaScript的方法,而且你也可以將這些技巧應用到其他的技能上。以下來回顧一下:

  • 不要擔心以後會做什麼決策,先好好深入學習。

  • 將新技能當作玩具一般快樂地練習。

  • 以小承諾的方式找時間來寫程式碼,就像你一開始安慰自己只逛一小會時間網站。

  • 慢下來,步子邁的越小,學得越快。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

JS發送json格式POST請求實現步驟

#根據環境傳遞參數方法選擇不同域名

#

以上是使用JS思維技巧的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
超越瀏覽器:現實世界中的JavaScript超越瀏覽器:現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制:1.通過Node.js實現服務器端編程,適用於高並發請求處理。 2.通過ReactNative進行移動應用開發,支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制,適用於硬件交互。

使用Next.js(後端集成)構建多租戶SaaS應用程序使用Next.js(後端集成)構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js(前端集成)構建多租戶SaaS應用程序如何使用Next.js(前端集成)構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript:探索網絡語言的多功能性JavaScript:探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

JavaScript的演變:當前的趨勢和未來前景JavaScript的演變:當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript:它的作用以及為什麼重要神秘的JavaScript:它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

Python還是JavaScript更好?Python還是JavaScript更好?Apr 06, 2025 am 12:14 AM

Python更适合数据科学和机器学习,JavaScript更适合前端和全栈开发。1.Python以简洁语法和丰富库生态著称,适用于数据分析和Web开发。2.JavaScript是前端开发核心,Node.js支持服务器端编程,适用于全栈开发。

如何安裝JavaScript?如何安裝JavaScript?Apr 05, 2025 am 12:16 AM

JavaScript不需要安裝,因為它已內置於現代瀏覽器中。你只需文本編輯器和瀏覽器即可開始使用。 1)在瀏覽器環境中,通過標籤嵌入HTML文件中運行。 2)在Node.js環境中,下載並安裝Node.js後,通過命令行運行JavaScript文件。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器