[程式設計] 全端工程師學習地圖(通用 + 前端)

2020 想要當一名網頁工程師,就要有一個覺悟是,要學很多東西,而且沒有學完的一天。對於初學者而言,常會不得其門而入。到底要如何一步步把自己的工具箱建起來,是本文做為一個 101 介紹,想要帶讀者理解的。

Continue Reading [程式設計] 全端工程師學習地圖(通用 + 前端)

[程設雜筆] callback, promise, fetch, yield, async/await 發展簡易介紹

好久沒有寫技術文章了XD。快利用時間記錄一下一些心得。 這篇久違的文章,想要探討的是javascript最有魅力的一個部分,非同步 (asynchronous)。 為什麼會說它是javascript最有魅力的一個部分呢?那是因為javascript本身應用的環境就充滿了各種非同步。打個比方好了,如果前端要和後端抓個資料,總不能送出request後,就block住吧,那如果資料沒回傳回來,不就GG了?其它事情都不用做了。所以,最正確的解,一定是送完request後,就繼續去做其它事,等待回來的結果,再根據結果做事。 我想如果有耳聞promise, ES6 yield, ES7 async/await 的朋友,應該不會錯過網路上有關於它們的文章和比較。不過說實話,有認真把它們都抓起來做一個完整比較和推演的文章,其實沒有很多,希望今天這一篇可以給想要了解這部分的人一個很完整的啟發,了解關於非同步這一塊,js是怎麼演進的。 Callback 首先,我們要先講一下,到底什麼是callback。callback 是 javascript 很常用到的一種寫法,要熟悉js的話,就絕對不能不理解 callback 是什麼。 簡單來說,callback就是把A function傳進另一個 B function,當B function做完事後,就 call A function,做它該做的事。通常的用法是在讀資料庫的時候,或者call api的時候會使用到。因為這些動作都是非同步的,當做完事後,就要使用一個callback,來接這個資料,做該做的事。 要想像一下的話,大概就是今天你媽要炒菜,發現沒有醬油。剛好覺得在旁邊看電視的你太廢了,就叫你出去買罐醬油。你出去買的同時,媽媽還是在炒菜,只是沒有加醬油,沒辦法上菜罷了。於是為了省時,她就先切盤水果。 function 媽媽叫(跑腿完工作= 醬油買回來){…

Continue Reading [程設雜筆] callback, promise, fetch, yield, async/await 發展簡易介紹

[點點滴滴] CTJS slide 整理

以下是這次去 CTJS,所選出來,一些我較有興趣的slide。   Redux 設計概念與實戰  DMoon: http://goo.gl/K2y8ck Node.js 與 Bot  Simon: http://slides.com/simonsun2001/bots/embed React Native intro chentsulin: https://chentsulin.github.io/react-native-intro 十分鐘寫一個前端測試  alin: CTJS 投影片 https://github.com/alincode/ctjs-webdriverio-sandbox 快快樂樂5分鐘學react zet: http://goo.gl/Cmfkmk

Continue Reading [點點滴滴] CTJS slide 整理

[前端連載] 了解網頁發展的脈絡(中)——JavaScript 歷史 和 Framework 是什麼?

簡介

上次從靜態網頁講到了動態網頁,講到了MVC,也講到了REST API是什麼,這些都是網頁發展的過程中所留下來的精華。做網頁的時候,我們可以選擇是否依照這些原則。照著走的好處就是你已經站在巨人的肩膀上(你瞧,巨人肩膀上擠滿了人),做起事來會更加的輕鬆。而集合並規範這些原則的,就叫做Framework(等一下會提到)。

開始囉!

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [前端連載] 了解網頁發展的脈絡(中)——JavaScript 歷史 和 Framework 是什麼?

[程設雜筆] 快速實作一個Todo List——使用Belle + localForage

最近都在使用sass,而javascript的部分,因為專案比較小的關係,也都是用jquery就解決了。正因為如此,已經有好一段時間沒有使用reactjs了。

今天去面試的時候,面試的公司現場出題,直接叫我寫出一個簡單的todolist,並且使用 BellelocalForage 這兩個 library。因為有幾個月沒有寫React了,聽到題目的時候,其實有一點點抖抖的,也不知道自己有沒有能力把他弄出來。

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] 快速實作一個Todo List——使用Belle + localForage

[程設雜筆] javascript object-parameter & self-executing anonymous function 理解

今天看完LMS的比賽,想說看一下賽程,於是就點到LMS的官網去。不知不覺,看著看著,便開始trace code了XD,記錄一些非常重要的概念理解,包含著javascript object-parameter & self-executing anonymous function的一些概念。

Continue Reading [程設雜筆] javascript object-parameter & self-executing anonymous function 理解

[程設雜筆] $.getJSON() 原來是 Asynchrounous

一般來說,如果網站有少量的static資料的話,可以選擇放在.json檔裡面,要讀或要動態改變html的內容,都很方便。今天寫程式的時候,剛好就要使用這項技術。不過寫到一半,遇到了一個小問題,讓我debug了一段時間。

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] $.getJSON() 原來是 Asynchrounous

[程設雜筆] 增進canvas上動畫效能

最近在寫一個程式,需要在canvas上畫出大量的點點,而且是以動畫的形式呈現,所以當要畫的點多起來時,瀏覽器就會變得很當。htop了一下,發現瀏覽器繪圖吃太多CPU資源了。於是就研究一下,如何把CPU的使用率壓下去。
(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] 增進canvas上動畫效能

[程設雜筆] 設定ReactJS + Gulp

終於把事情弄到一個段落了,來寫一篇集合最近研究東西的文章——ReactJS + Gulp。

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [程設雜筆] 設定ReactJS + Gulp

[資工雜筆] 建置 vim + syntastic + eslint + gcclint

花了一點時間看一些vim的plugin,發現有一個plugin很酷,叫做syntastic。這個plugin可以提供lint的功能,讓程式設計師在真正執行code前可以先用這東西檢查一下,到底有沒有語法上的錯誤或者任何可能潛在的錯誤。特別是對Javascript這種不好debug,還有各種潛在規則的程式語言而言,真的是寫程式的一大助力。

(more…)

關於我:

我是沒一村,專長和興趣是程式、主動投資、科技商業模式。可以參考我的書單和比較熱門的文章:

Continue Reading [資工雜筆] 建置 vim + syntastic + eslint + gcclint