Page 5 of 6

React 新手入門筆記(二) – Webpack 入門

這次的主題是最近很紅的「Webpack」, Webpack 是一個擴充性極佳的打包工具,最基本的功能就是幫我們的程式碼打包成一個或多個檔案,而且我們還可以安裝 Loader ,例如: Babel 可以幫我們轉譯 ES6 成 ES5,而我們前一篇文章說的 JSX ,瀏覽器當然也是完全看不懂,我們還是要經過 Babel 轉譯,將 JSX 翻譯成 JavaScript ,瀏覽器才會看得懂我們在寫什麼。

如果只是轉譯檔案還沒什麼,一個指令幫我把轉譯好所有檔案才是 Webpack 最有價值的地方,而更厲害的是,我們還可以為 Webpack 安裝額外插件, Minify 、 Uglify 、 Source Map 等等都可以靠插件來幫我們一次完成,唯一可惜的是 Webpack 的設定相比其他 Task Runner 來說複雜不少,學習曲線有點高,希望這篇新手教新手的文章能給各位一點方向!

Continue reading

React 新手入門筆記(一)

沒錯!我要變成寫 React 了!其實是因為剛踏進門,現在還在四處碰碰找自己喜歡的風格,碰過 React 之後,我真的還滿喜歡 JSX 的。

現在寫Angular最麻煩的問題是,需要在 HTML 和 JavaScript 之間切換,有不少的邏輯同時存在在這兩者身上,但是 JSX 反而是把 HTML 帶進了 JavaScript ,雖然有一些語法不同造成了一些學習門檻,例如: class 變成 className 、 for 變 htmlFor 等等,但目前個人的看法,還挺值得一學的!

Continue reading

CoffeeScript 學習筆記:運算元 與 條件陳述

這次介紹的主題是很常用的if和switch,讓我們看看CoffeeScript如何呈現吧。

運算元

首先要介紹的是運算元,我們知道JavaScript有 == 和 === 的區別,但是基本上建議大家都使用 === 取代 == ,因為 === 會去判別變數類別,而 == 較不嚴謹,所以在某些情況會出現意想不到的錯誤,例如:數字1等於字串1等等。
而在CoffeeScript裡,一律都是編譯成 === ,以下將運算元列表給各位參考:

  • 左邊為CoffeeScript,右邊為JavaScript
    • ==    等於    ===
    • !=    等於    !==
    • not    等於    !
    • and    等於    &&
    • or    等於    ||
    • true, yes, on    等於    true
    • false, no, off   等於    false

Continue reading

NPM – 套件管理程式

一. 前言

NPM,是「Newbie Paintball Master」…不對是「Nobel Prize Magnet」…也不對,好啦!其實是「Node Package Manager」

雖然本來npm主要是來管理JavaScript的套件(Package),但是越來越多人使用npm,所以在上面可以找到很多其他語言編寫的套件,這也是為什麼npm會被官方惡搞(大家可以點點看官網左上角的小字),因為他已經不是單單為Node.js而生了。

原本是安裝管理Node.js的套件的軟體,本來我們想用別人的code來工作時,需要複製、貼上別人的程式碼到自己的資料夾,但是如果使用npm,我們可以以標準化的方式來安裝、移除或更新這些程式碼。

Continue reading

同步(Synchronous)、異步(Asynchronous)、阻塞(Block)、非阻塞(Non-block)

因為昨天的FileSystem提到了同步與異步(或稱非同步),所以今天的主題就是這個了。

阻塞與非阻塞

阻塞非阻塞主要是描述請求在等待結果時的狀態

假設今天有一個請求要讀取檔案,但是今天這個檔案被請求時是不可讀取的狀態。

如果設計是阻塞的,那麼這個請求便會進入等待狀態,直到它終於讀取到這個檔案,或者是等待久不想等了,才會換下一個。

如果設計是非阻塞的,那麼這個請求會因為檔案不能不讀取而立刻返回,不會在那邊乾等,而是去做其他事情,然後過一定時間再回來看檔案可不可以讀取,然後一直重複,直到檔案可以被讀取為止。

Continue reading

Node.js 筆記: FileSystem

其實Node.js只有剛碰到些皮毛,整個就是超級不熟,但今天因為工作上需要,所以只能查查資料硬上了,一整個就是大挫敗(死),目前需要做的是跟檔案處理有關,而說到檔案就不能不提到Node.js的FileSystem,簡稱fs

這篇文章應該不會做到詳細的介紹,後端Node.js還是超級初新者,所以本篇主要是筆記我實作上所遇到的問題與查詢到的資料,希望能幫助到同樣有問題的朋友。

Continue reading

OOP 物件導向程式設計筆記(一)

寫程式的基本觀念肯定少不了物件導向,雖然以前大學的時候就碰過了,但是沒有特別去複習也早就忘光了,這次來依照五大原則:S.O.L.I.D,依序筆記物件導向的重點觀念,因為我猜我今天打不完,而且也希望能夠多一點時間理解,所以這會是系列文的第一篇,一樣,有錯誤的地方歡迎指教喔!

Continue reading