打好 JavaScript 基礎的 6 個步驟

作者: Calpa Liu
字數:452
出版:2017 年 5 月 21 日
分類: JavaScript 前端開發 技術分享
平日開發的時候,我們會選擇使用一些框架來避免重複製造輪子,減輕我們的工作量。然而,我們卻不能透過使用更好的工具,或者更換框架來解決一些基礎開發問題。因此打好基礎很重要,不但決定前端程序員解決基礎問題的能力,還決定了面對日新月異框架時的掌握能力。當我開發 React 應用的時候,遇到的問題多是我對於 JavaScript 的理解不夠充分。因此,我在這裡寫一下如何打好 JavaScript 基礎,希望拋磚引玉 XD
  1. 看一些經典的書 JavaScript: 紅寶書 (JavaScript 高級程序設計),犀牛書 (JavaScript: The Definitive Guide),You Don’t Know JS 計算機經典:算法導論,SICP

JavaScript 高級程序設計
JavaScript 高級程序設計

JavaScript: The Definitive Guide
JavaScript: The Definitive Guide

You Don't Know JS
You Don't Know JS

  1. 嘗試用不同的工具,增加自己的視野。 你可以做一些玩具,自己嘗試一下寫 TODO APP 的不同寫法。

  2. 看工具的源碼:React, Vue, Underscore.js 這些開源項目的代碼都已經放在 Github,網絡上也有對它們的源碼分析,隨便一找就有了。透過閱讀代碼,可以學習一下代碼規範,理解什麼才是好的代碼。

  3. 自己把這些工具、框架的某些功能做出來。 你可以實現 Underscore.js 裡面的一些方法,例如_.uniq(array, [isSorted], [iteratee]) 數組去重方法,然後看一下自己和人家寫得有什麼分別,為什麼人家會這樣寫?它有運用到什麼設計模式?

  4. 看 ECMAScript 規範。 你可以閱讀 ECMAScript 規範,人家對於不同的數據類型和函數是怎樣定義的,思考一下為什麼需要這樣定義,為什麼不這樣定義。 為什麼typeof null會是object?不定義為null

  5. 記錄你學了什麼知識並分享。 記錄一下自己學習了什麼知識,遇到了什麼坑。透過和其他人交流一下,可以了解到自己有什麼不足之處。其中一個方法是利用 Hexo 建立博客,可以透過修改主題練習 HTML, JavaScript, CSS。我也是這樣寫博客的:https://calpa.me

這裡就作為我的一個學習小總結,不繼續展開了。

關於 Calpa

Calpa 擅長使用 TypeScriptReact.jsVue.js 建立 Responsive Website。

他積極參與開源社區,曾在 2019 年的香港開源大會上擔任講者,提供工作經驗和見解。此外,他也在 GitHub 上公開分享個人博客程式碼,已獲得超過 300 顆星星和 60 個分支的支持。

他熱愛學習新技術,並樂意分享經驗。他相信,唯有不斷學習才能跟上快速演變的技術環境。

熱門文章

最新文章

圖片管理中心
管理圖片資源
IP 查詢
快速查詢和定位 IP 地址的地理位置和相關信息
Python 運行器
無需後端、無需登入,只需打開瀏覽器即可運行 Python 代碼(由 Pyodide 提供支持)
封面圖生成器
自動創建適合各種平台的文章封面圖
原作(青山剛昌)產生器
一鍵創建原作(青山剛昌)的封面圖
日本色彩
探索和使用傳統日本色彩
部落格內容洞察儀表板
以視覺化儀表板方式追蹤文章成效、分享熱度與分類分布,協助創作者掌握內容表現。
蒙特卡羅估算 π
使用蒙特卡羅方法演示 π 值的估算過程
LLM
使用 LLM 模型進行聊天
活動圖生成器
一鍵創建活動的封面圖
Wagmi Card
一鍵創建 Wagmi 的封面圖
Facebook Quote
Facebook Quote
Music Macro Language (MML) Studio
用程式語法編寫旋律,用音符構築想像
Blurhash
一鍵創建 Blurhash
文字分類器
使用 MediaPipe TextClassifier 分類文字
前端工程師免費工具資源
前端工程師免費工具資源
後端工程師免費工具資源
後端工程師免費工具資源
全端工程師免費工具資源
全端工程師免費工具資源
Web3 工程師免費工具資源
Web3 工程師免費工具資源
紫微斗數排盤系統|結合 AI 的命盤性格與事業財務分析生成器
紫微斗數排盤工具,輸入生日與時辰,自動生成完整命盤分析提示(Prompt)。結合最專業紫微理論與 AI 助力,助你深入解析性格、事業、財務與人際課題。免費使用,適合命理師及紫微愛好者。
PixAI Prompt 組合器|快速打造可用於 AI 繪圖的語言拼圖
使用 PixAI 卻不會寫 prompt?這個工具幫你一鍵組裝角色、表情、風格語彙,輸出高品質繪圖提示語句(Prompt),可直接貼入 PixAI 使用。適合插畫師、創作者、AI 新手與 VTuber 角色開發者。