工具準備
Last updated
Last updated
JavaScript主要有分為幾個平台/執行環境 1. 瀏覽器Client端 2. , 主要是在單機的電腦上開發Server用.
兩個環境都支援共同的JavaScript ES5 語法，而在ES6上的支援度則各異，且各平台及各版本(e.g. 不同瀏覽器, 新舊版瀏覽器, 不同版本的Node.js)的專屬API及語法內建的標準API或有異同。
Chrome的console(有部份自動完成), 多行輸入:shift+enter. ref:
其他網站提供的, 單人方便練習html+js+css的工具, 無法多人同時edit, 但都可選es6, 且引入外部lib: e.g. <-有自動完成 or
, 可開發多種語言, 如果是JavaScript則需要額外安裝一些套件Packages來以利開發.
Visual Studio Code, 可開發多種語言, 可安裝套件, 內建已支援Node.js的debugger等, 官方專文的搭配JavaScript介紹:
以上兩個都可以用來開發瀏覽器以及Server端(Node.js)的程式.
cmd+left 跳到當行最前面, cmd+right 跳到當行最右邊.
用游標選取一段文字, cmd+/ 可以把整段文字變成註解.
用遊標選取一段文字, cmd+[以及cmd+] 可以把向左或向右移一個tab縮排.
atom可以使用 來自動排版(使用基本通用的規則)，若需要更進一步符合特定coding style, 可使用 來套用airbnb的coding style package, 安裝方式待補充, 這些類似可能需要擇一安裝，因為通常會有save時自動修正的功能，會衝突.
印log:
console.log("error:", json);
console.log("msg:"+"string");
console.log("err:%s", message);
console.error(err); //on chrome/node.js.
e.g. 迴圈跑個五次
可以安裝 方便用Node.js設定中斷點debug.
在browser的環境下，也可以用 來直接跳出警告訊息來debug.
虛擬碼（英語：pseudocode），又稱為偽代碼，是高層次描述演算法的一種方法。它不是一種現實存在的程式語言（已經出現了類似虛擬碼的語言，參見Nuva）；它可能綜合使用多種程式語言的語法、保留字，甚至會用到自然語言。它以程式語言的書寫形式指明演算法的職能。相比於程式語言（例如Java、C++、C、Delphi 等等）它更類似自然語言。它是半形式化、不標準的語言。我們可以將整個演算法執行過程的結構用接近自然語言的形式（這裡可以使用任何一種作者熟悉的文字，例如中文、英文，重點是將程式的意思表達出來）描述出來。使用虛擬碼，可以幫助我們更好的表述演算法，不用拘泥於具體的實作。
縮排跟coding style很重要, var x = 5; 比var x =5好. coding style可參考airbnb的, . 縮排又可以分為使用soft tab(spaces,建議用這個)跟Tab characters.
naming convention命名很重要, 請參考
Chrome的snippet不僅可以存code的片段, 也可以用來測試
線上snippet:
本機snippet/markdown: