0%

【JS】Promise學習筆記-基礎用法

▌前言

之前有說明Javascript是一個單線程的語言(同步語言),一次只能做一件事情,所以我們有時候會使用一些非同步的webAPIs或是像Ajax。由於沒辦法知道這些非同步的任務何時會執行結束,又或者是會不會有發生錯誤行為。有些可能要等A非同步執行完才能執行B非同步任務,為了解決以上問題,可以透過JS ES6的物件Promise來處理這些非同步的任務。

閱讀全文 »

【AJAX】用XMLHttpReques向遠端請求資料

▌前言

▌JS是單線程語言 (Single Thread)

代表在JS同時間一次只能做一件事情,所有事情要排隊一個個執行。

▌不屬於單線程的範圍(非同步)

像setTimeout、Ajax、Promise是WebAPIs,就不是單線程,可以同時執行。


▌AJAX是什麼?

AJAX又稱「Asynchronous JavaScript and XML」(非同步的JavaScript與XML技術)。
透過AJAX技術,可以向遠端的伺服器請求資料,但再發出請求的同時,並不會需要重整頁面。請求到資料後,可以再由前端進行整理,呈現出想要的資料。
例如可以到opendata找出想要的資料並使用。像之前做過的口罩地圖就是使用衛服部所提供資料,Kiang 整理的Json檔案進行資料請求,更新地圖資訊。比較常見的應用像是信箱的認證,確認是否有填寫錯誤,或是重複註冊等。

過去比較流行XML這種格式的資料,現在以JSON為大宗。


閱讀全文 »

在進行一個前端網頁專案時,會產生相當多的文件,數個html、js、sass,還有相當多的圖片。而我們在撰寫sass或是ES6的JS,對於一些版本較低的瀏覽器,都會有不支援情況,因此我們可以透「gulp」這個前端自動化工具,幫我們執行像是自動加入css前綴詞,將ES6的語法降轉到較舊的版本,寫可以將多個CSS、JS檔案合併成一支、壓縮成一行、壓縮圖片等等,許多功能。

閱讀全文 »

表單建立與認證

在學習前端時,表單也是相當重要的一環。
本篇記錄建立表單基礎,與欄位認證相關屬性。

閱讀全文 »

【Sass】我要重新學Sass!

第一篇文章就決定來寫Sass!

因為工作的關係,斷斷續續會碰到一些些前端相關的工作,雖然不多。
而第一個建造的前端網站為活動的網站,為了應付這項工作,因此很快速地看了線上教學,很匆忙的吸收,很沒基礎的蓋了第一個網站。

而當初課程簡單的講解css的概念之後,就教了Sass,之後也一直用Sass繼續教課。
所以我在做第一個網站的時候,就用Sass寫了,
但是!!!
我幾乎完全沒有使用到Sass的精隨阿!!!大概只有3%吧(可能更少!?
在還沒有認真學Sass前,平常大概只會用變數設定顏色跟寫巢狀結構而已。
雖然知道有很多其他功能,卻也沒再研究,用的寫法則是sass不是scss。

那開始記錄Sass學習筆記(非本科系+自學前端中,若錯誤部分還煩請告知我,感謝><)

閱讀全文 »