20會員
18內容數
由新到舊
實作紀錄 | Google Apps Script + Line bot 實作 & 過程覆盤在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經，覺得很有趣，想來玩看看
2024-04-11
5
切版紀錄 | 來手刻輪播效果吧～前幾天和一起轉職的同學分享工作近況的時候，得知他們公司切版時，大部分會手刻，比較少用現成的 UI 套件工具，像輪播效果也是手刻，讓我覺得有點挑戰，決定也來自己手刻一個輪播工具！
2024-04-02
2
正向代理 & 反向代理之前在【什麼是網路請求（HTTP response）】筆記裡有提到，網路請求遇到 CORS 跨域問題，在開發時可以透過 vite 的反向代理來解決，那麼什麼是反向代理，有反向代理的話是不是也有正向代理呢?
2024-03-20
3
什麼是網址 URL？如何取得網址的參數？之前分享過【網路請求帶參數的方式】，開發者可以透過 URL 代入參數，來向伺服器請求特定的資源，我們當然也可以擷取 URL 的內容，來做為後續開發的判斷條件，這篇就來記錄一下，網址(URL) 和域名(Domain) 是什麼，以及如何取得網址的參數吧！
我們常說的網址連結 URL 完整名稱是 U
2024-03-03
2
學習筆記 | 什麼是 API ?先前幾篇筆記介紹了網路請求，瀏覽器儲存資料的方式，那麼實務上，前端最常需要發送網路請求的時候，就是透過呼叫 API，去向後端工程師發送/請求資料，所以今天來記錄什麼是 API吧！
2024-02-11
3
學習筆記 | 瀏覽器儲存空間：Cookie、LocalStorage 和 SessionStorage之前在 學習筆記 | 關於 Cookie、Session、Token 這篇筆記有提到，瀏覽器需要帶著使用者的身分訊息或經過身分驗證後取得的Token(令牌)，才能向伺服器請求資源，那麼瀏覽器就必須有個空間來儲存這些 Token 資訊，這篇就是要來記錄瀏覽器常見的儲存空間啦～
2023-12-21
3
學習筆記 | 什麼是 JWT ?上一篇筆記講到了瀏覽器與伺服器之間，經過身分驗證後，就會改以 Token 這個令牌作為通行證，不需要再反覆驗證，那麼這篇紀錄的就是目前最常使用的 JWT (JSON Web Token) 啦！
可以搭配 JWT 的網站來玩看看
JWT(JSON Web Token) 顧名思義就是以 JSON
2023-11-22
5
學習筆記 | 關於 Cookie、Session、Token延續先前的筆記，「網路請求」是瀏覽器和伺服器的溝通橋梁，目的是為了取得資料庫內的資源，除了 CORS 這種瀏覽器本身的阻擋機制，伺服器也會需要進行「身分驗證或授權」這道阻擋，並不是使用者有帶上 header 告知身分，就一定可以把資料 response 回來的。
2023-10-24
7
學習筆記 | 網路請求帶參數的方式那麼「我要什麼資料」就需要告訴伺服器特定的內容啦，舉例來說：
我要登入，就必須把「帳號」和「密碼」一起帶在請求內，發送給後端進行驗證
2023-09-22
3
學習筆記 | 什麼是網路請求（HTTP response）上篇記錄了關於 HTTP request 的筆記，這篇則是對於請求的回應紀錄～
2023-08-24
6
學習筆記 | 什麼是網路請求（HTTP request）上一篇【瀏覽器與伺服器是如何溝通的?】有說瀏覽器和伺服器的溝通橋樑是「網路請求」，這篇就來記錄一下，我目前學習到的網路請求是什麼～
2023-07-24
3
學習筆記 | 瀏覽器和伺服器是如何溝通的?身為一個非本科新手工程師，對於網路知識還是有許多疑惑之處，像是我在編輯器上寫了數十行的程式碼，那它們是怎麼透過終端機的指令被運行起來，讓我可以一邊開發一邊預覽結果呢？
2023-06-22
1
學習紀錄 ▎我要從Vue直播班畢業了！時間真的過得好快，從2022五月的體驗營開始，到後來的切版直播班、JS直播班，將近一年的時間，現在都要從Vue直播班畢業了！
2023-03-03
4
學習紀錄 ▎第一次自己解決Git衝突事情是這樣發生的，由於直播班第二週和第三週的作業內容很相似，於是我就把第二週的作業資料夾「複製」了一份，作為第三週的基底，並把第三週的作業內容完成後，準備上傳到一個新建的 week3 遠端 repository ...
2023-01-13
5
學習紀錄 ▎在職學習JavaScript，居然還能越級挑戰The F2E?9 月份剛從切版直播班畢業（可以看這一篇學習紀錄），我是毫不猶豫的就參加了下一階段的 JavaScript 直播班！當然是因為不滿足於作品只能是靜態的切版頁面，還想加入更多酷酷的效果，但總是會在使用套件上卡住，對 API 的概念也不足，接資料時二二六六的，不甘於被技術受限制的自己，當然要繼續修練😤
2022-11-29
7
CSS紀錄 ▎那些年糾纏我的sticky? 失效情形&解法紀錄相信大家對於 sticky 這個效果不陌生，網頁上方的導覽列、文章側邊的相關閱讀等，諸多網頁都能看見它的身影，不過這篇不是 sticky 的使用教學，而是我自己的踩雷紀錄😅💣
2022-09-29
9
學習紀錄 ▎在職學習，我是如何完成side project的？相信不少人在學習寫程式的過程中，光是學習知識點就已經消耗大量腦細胞，如果跟我一樣選擇自學，本身美感和創意並不充裕到可以完成一份設計稿，也不像在學校裡有一起學習的夥伴，雖然有想做side project的念頭，也會完全不曉得該如何著手吧...
那麼我是怎麼完成的呢？
2022-09-13
6
CSS筆記 ▎還分不清楚 transform 和 transition 嗎?自學程式的過程中，你總是把transform、transition，甚至是translate搞混嗎！為了分辨「轉變」的三個關係字，並理解到底什麼時候要用哪個屬性才正確，這篇筆記誕生了！
2022-06-14
2
