卡斯伯提供的教學資源:


development

JavaScript 開發中常見錯誤解決辦法

身為一個開發者,當然都會了解經驗越多,除錯上會更為容易,這種事情你我都清楚。但對於一個新手來就是缺少錯誤上的經驗,所以當遇到紅字時會不知如何著手。 這一系列的文章是專門給剛入門新手的前端開發者觀看的,盡可能用白話的方式,並且提供簡單的範例程式碼以供驗證。 Chrome 開發者工具的常見錯誤排解Chr...

development

完全解析 JavaScript import、export

import、export 是 JavaScript 模組管理的方法,可以將每個檔案視為一個獨立的模組匯出,並在另一個檔案匯入使用。透過此方式每個檔案更能專注在特定的功能上,且能避免單一檔案過度龐大。 相容性介紹此方法前,還是要了解一下相容性,目前來說許多主流瀏覽器都是可以運行的,但是寫法需要稍做調...

business

開公司的流程及雷點分享

這次跟大家分享開公司上的一些心得,由於網路上可以找到許多開公司的流程,本篇會著重在心得的分享,當然我也並非專業的會計、法務,正確的流程建議可以詢問合作的會計。 會計開公司如果要省時間,找一個好會計是必要的,因為開公司在學校並非必修課程,大部分人都不會有開公司的經驗,雖然說是「開公司」但林林總總的項目...

css

Flex 空間計算規則

此篇是延續先前的 Flex 的文章(圖解:CSS Flex 屬性一點也不難),本篇則是著重在 flex 中的 flex-grow、flex-shrink 和 flex-basis 這三個屬性,如果對於 Flex 基礎尚不熟悉的可先閱讀前一篇文章。 首先,回顧下先前的三個屬性介紹: flex 是縮寫,...

development

爬蟲、E2E 測試兩相宜的好工具 - Puppeteer

Puppeteer 是 Node.js 的函式庫,它提供各種 API 來控制 Chrome 或 Chromium 瀏覽器,而此瀏覽器也是目前主流的瀏覽器,用來做為測試、爬蟲都相當合適,並且所提供的 API 語法淺顯易懂,只要具有 jQuery 的使用經驗就可以很快速地上手。 安裝官方提供兩個版本,一...

css

CSS Border 運用技巧(手繪框線、三角形、空間運用)

CSS Border 大部份來說是用在裝飾上,卡片的邊線、hover 的視覺效果、物件之間的間隔等等,這些視覺效果除了 Border 以外亦有其它方式可以達到;雖然如此,Border 的使用率還是比較高,因為相對來說更為簡單方便,不過也別這樣小看它,透過一些小技巧時,Border 還有很多靈活運用的...

development

JavaScript Promise 全介紹

最近直播介紹如何串接開源資料,也剛好許多朋友詢問到 Ajax、Promise 相關的問題,因此重新撰寫一篇文來介紹 Promise,這篇文章也與過去形勢不太一樣,試著先將常見的問題放在前頭,接下來才開始介紹 Promise。 另外本文的內容較多,Promise 想看簡易版可參考:/javascrip...

development

單元測試 - 非同步及 Ajax

本篇延續上一篇:十分鐘上手前端單元測試 - 使用 Jest JavaScript 是屬於同步,單執行緒的程式語言,因此當有非同步的事件時就會被往放到事件佇列,直到所有程式碼運行過後才會執行事件佇列內的程式,如果不熟悉這段觀念就會使程式的運行不符合預期,相關概念可以看此文章一次只能做一件事情的 Jav...

development

十分鐘上手前端單元測試 - 使用 Jest

隨著應用程式越來越大,人工流程的測試也會耗去許多的時間,許多功能再開發後都必須重新進行點擊特定目標、撰寫複雜表單、送出來檢驗功能的正確性,當功能越來越複雜時,人工測試所花的時間也會越來越常,因此改用測試工具相對會節省去許多時間。尤其到了上線時才發現錯誤,那時候心中真的會吶喊 No、No、No~。 前...

development

前端開發者,圖片常犯的五個粗心錯誤

前端開發者是透過程式碼將資訊呈現成畫面,因此畫面的好壞也多少影響品質,在觀看許多履歷或作業的過程中,會發現許多相似的錯誤,而這些錯誤都是有跡可循,並且可以避免的;本篇先以常見的圖片問題與大家分享,看是否你也犯了這些錯誤呢? 一、圖片變形新手錯誤率:⭐⭐⭐⭐令人感受的粗心度:👎👎👎👎 圖片變形...

撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))
撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))