Tags / Front End

Tag / Front End

Why fetch & why not ?

今天(1/16) 在 Facebook 社團上看到網友提問為什麼要用 fetch,在我們已經有 jQuery ajax 的情況下,fetch 能取代 jQuery 的 ajax 嗎?

Jan 17, 2018. 7 mins read
RxJS - 封裝程式的藝術 blur coverRxJS - 封裝程式的藝術 cover

RxJS - 封裝程式的藝術

這幾年來 JavaScript 有越來越多的語法糖(syntax sugar)像是 async/await, generator 等等,但我們實際上在處理非同步行為時,仍然要透過各種不同的方式;這使我們必須學習越來越多的語法,但程式碼卻更加難以閱讀。本次演講將會說明 RxJS 如何使用相同的方式處理各種非同步行為,以及我們要如何運用 Functional Programming 的觀念把複雜的非同步行為封裝成簡單可讀的程式碼。

Nov 04, 2017. 0 mins read

30 天精通 RxJS(31):如何 Debug?

Debug 一直是 RxJS 的難題,原因是當我們使用 RxJS 後,程式碼就會變得高度 **抽象化**;實際上抽象並不是什麼壞事,抽象會讓程式碼顯得簡潔、乾淨,但同時也帶來了除錯上的困難。

Mar 19, 2017. 6 mins read

30 天精通 RxJS(30):Cold & Hot Observable

Hot Observable 跟 Cold Observable 的差別,其實就是 **資料源(Data Source)** 在 Observable 內部建立還是外部建立。

Mar 17, 2017. 3 mins read
NPM 新手教學 blur coverNPM 新手教學 cover

NPM 新手教學

由於 JavaScript 是前端的語言,所以近年來 Node.js 逐漸成為前端的開發必備環境,許多前端開發工具都是跑在 Node.js 之上,像是 Gulp, Grunt, Webpack。因此 NPM 也成為前端必會的基礎工具之一!

Nov 10, 2016. 7 mins read

JavaScript 模組化歷程

這篇文章會著重在帶大家了解 JavaScript 模組大致的發展歷程,而不會放在各個模組化機制的使用方式,希望能在這前端渾沌的時代,留下一點紀錄。

Nov 06, 2016. 7 mins read
Webpack for beginner blur coverWebpack for beginner cover

Webpack for beginner

Webpack是 JS 模組化的工具同時也能很好的整合其他工具像是 babel, css-module 等,也因為如此使她成為目前前端必學的工具之一。

Nov 06, 2016. 12 mins read