Source Map(原始碼映射表)


前言

本文提供了如何使用Source Map(原始碼映射表)進行Javascript除錯的指引。內容並沒有討論Source Map的詳細規格內容,有興趣可以看參考資料中的連結內,有收集很多相關的資訊。

閱讀全文

Javascript新時代學習建議


前言

本文提供了一些現在剛入門要學習Javascipt的學習者的建議。這些是我個人目前的理解,以及心得感想。

閱讀全文

英文技術文件翻譯指引


前言

本篇英文技術文件翻譯指引,通用於所有技術文件。

目前作者正在從事Javascript與React相關指引文件的翻譯,其對應的Github儲存庫。如有建議或錯誤,歡迎到Github上留言或指正。

動機

技術文件不同於一些的文件或文章,它有其特別領域的專業,對於翻譯者而言,除了本身的英文閱讀能力要足夠外,還要求要有一定的專業程度。網路上有許多文件被翻譯成為中文,有可能是繁體中文或簡體中文,或是由簡體中文直接轉譯為繁體中文,但其中的翻譯品質常出現很大的問題,除了其內容與英文原意可能不同外,甚至出現無法使用中文來閱讀理解的情況。

這份資料是希望能用比較好的方式進行技術原文的翻譯。

閱讀全文

React常見問答集整理


前言

整理幾個常問的問題與解答,參考資源均來自網路上,如有建議或誤解請再指正。

2016/3/21更新其中的一些說明,並加上Github庫的連結。

閱讀全文

解構賦值(Destructuring assignment)


前言

解構賦值(Destructuring assignment)是一個在ES6中新的特性語法,用於取出陣列或物件中的資料。它的解譯只有一小段英文:

The destructuring assignment syntax is a JavaScript expression that makes it possible to extract data from arrays or objects using a syntax that mirrors the construction of array and object literals.

這句後面的mirrors the construction of array and object literals,代表這個語法的使用情況 - 如同鏡子一般,對映出陣列或物件記號上的結構出來。也就是樣式(pattern)式的語法。

解構指派(Destructuring assignment)很容易就可以學習,但也有很深入的用法,尤其是與ES6其他的特性配合時會顯得複雜不易理解。這篇文章只整理一些初步的說明而已。愈到後面就稍微複雜些,也會更佳挑戰你對Javascript的基礎知識。這個特性在其他的程式語言中應該是早就有了,學過來用的。

閱讀全文

展開運算子(Spread Operator)與其餘參數(Rest parameters)


前言

展開運算子(Spread Operator)與其餘參數(Rest parameters)是ECMAScript 6中的其中一種新特性。也是懶人必學的Javascript新語法之一。這兩種特性的語法是一樣的,都是(...)三個點,我們常常在文字聊天時,這個(...)常用來代表了"無言"、"無窮的想像"或"後面其他的"的意思。

簡單摘要一下這個語法的內容:

  • 符號是三個點(...)
  • 都與陣列有關
  • 一個是用在函式的參數,一個是用在運算中

閱讀全文

Sublime Text 3安裝設定說明


介紹

Sublime Text 是一套跨平台的文字編輯器,支援基於Python的外掛程式。Sublime Text 是專有軟體,可透過套件(Package)擴充本身的功能。大多數的套件使用自由軟體授權釋出,並由社群建置維護。相較於其他編輯程式,Sublime Text累積了大量的輔助套件,對於許多vi、Textmate的愛好者,也提供了相容的操作快捷鍵與方式。另外,它的執行速度也比許多開發工具快太多了。

閱讀全文