終於來到個人作品介紹拉，現在回想還真是不可思議，竟然已經做出來了，那時候可是對這些都非常陌生的，每天都在查要怎麼做好。 WHY先問為什麼 這是個因爲個人興趣而做...
使用開發者工具看圖片時，發現下方有個空隙，這是為什麼? 因為預設img為行內元素，和示意圖文字一樣留出空間給y,g英文字母。 去除空隙的辦法 codepen參...
div超好用，甚麼情況下都可以用，但上了課後、網路上找了相關文章，得到的回饋都不建議這麼做。 關於div， Authors are strongly enco...
基本上表單驗證前後端都需要做，前端可做簡單的基礎驗證（如 mail 須為正確格式、必填欄位等），後端則負責較嚴謹的驗證。此篇針對註冊頁面的表單增加 Vee Va...
面試歸面試，作品歸作品，非本科需要倚靠作品來佐證你在程式開發上的學習與成果，比較有機會獲得面試機會，也會增加你對於程式碼的熟悉度與實戰經驗，很推薦規劃至少一個作...
今天決定開頭完成 JS 題目後，後面再分享導致斷賽的意外事件 QQ，最後再分享對於過去這一周寫文章的感想。 JS 字串處理 一、題目描述 完成一個 JavaSc...
上一篇說了替換元素和非替換元素，接著這篇想要整理和比較inline-block、inline和block。 定義 inline-block： inline-bl...
以為對標籤、樣式越來越熟悉之後，就會海闊天空、一路順遂(理想)，但某天遇到了一個情況(實在是令人煩躁)，情況如下：我想對label設定margin-top，但無...
為了要讓各個區塊、內容外觀符合設計稿或者更好看，計算每個樣式帶來的影響和結果，有的時候也是很煩(算錯的時候更煩)，這個時候box-sizing就派上用場了! b...
在了解基本的標籤後，就可以開始組合使用，來呈現出網頁的區塊。 這些區塊中，我們會需要根據需求(或是設計稿)，來調整每個標籤元素樣式(包含顏色、字體、字型大小等...
這篇是寫來讓自己好好學習debug技巧，因為還沒有認真研究過這些debug技巧，難得有機會需要花時間好好閱讀這些資訊，之前都是慢慢摸索，見一個殺一個，被強迫的打...
此篇 API 部分主要紀錄如何建立簡易的 API 供專案發送網路請求用。 (1)安裝 json-serverjson-server 利用 Node.js 提供的...
分類的哲學 這次要分享的是大家檔案分類的進化過程，分類檔案其實也蠻有學問的，一方面是語意上的邏輯，另一方面是資料夾內的檔案性質問題，一般來說我們會盡量把開發中的...
默默地來到第15天了！！！ 學習上的困難 前面文章有提到在自主學習的過程中，經過自身學習經驗加上訪談研究獲得許多心得，歸納出一些常見的難題與需求： 資源太...
CSS Reset：清掉所有預設樣式 CSS Reset 是一種可以清除所有預設樣式的方法，讓我們可以從頭開始自訂樣式。也就是會將所有 HTML 元素的邊距、填...
接續第一篇#從零開始1️⃣：為什麼一定要寫html:5，我們知道了html:5裡各行的意思，在head這一區塊，也是我們幫html套上美美的外觀、引入CSS的地...
首頁分為註冊與會員登入頁面，此篇先介紹註冊部分。 (1)建立路由表Vue.js 是一個元件化的框架，每個頁面通常由一個或多個元件構成，且元件有各自的生命周期，包...
今天來分享一個軟體工程師的兩難，有一部分的難是因為他們的出現，帶來相當大的威脅或是挑戰，另一個難是雖然帶來很多便利，同時也會依賴他與退化。 AI Assista...
為甚麼要分成區塊標籤和行內標籤 區塊標籤會佔據一整行或一個完整的區域，行內標籤只佔據它們實際內容所需的空間。 那有沒有辨別的方法? 區塊標籤是用於定義網頁的主要...
今天來分享Git，也趁這個機會好好認識他！之前都是要用到才會查怎麼用，像是要推上github或是要開新的練習專案，才會查一波。 參考資料： 官方文件：http...
(1)安裝 Bootstrap 套件bootstrap 最新版本請參考這個網站。 Visual Studio 「工具列/終端機/新增終端機」開啟終端機並輸入以下...
前言 今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...
(1)建立 vite 專案透過命令提示字元以 npm 方式建立 vite 專案。 STEP1. 開啟命令提示字元視窗Windows 作業系統中點擊開始>搜...
技術背景資料庫工程師轉前端技術。所學從六角學院修習切版、 JavaScript 、 Vue 三種前端技術。 參賽初衷所學至今跟著課程作業有作出一些網站前後台模板...
今天來分享開發中的給力好朋友 - VS Code (Visual Studio Code)的常用快捷鍵跟周邊好物，有了他們開發都100分，速度飛快，但面試會烙賽...
因果關係 這次來分享 code review 時常常會看到的問題，這些問題常常看不出來有什麼影響，甚至有的人會覺得那是 coding style 的範疇，尤其是...
鐵人賽終於過了1/3拉，今天來分享下半場的學習紀錄 202303第一輪面試後 面試一輪後發現大多數公司很在意JS能力，作品幾乎沒有與JS有關的功能，很少公司只要...
終於要開始分享學習記錄細節了 學習的困難 一開始遇到最大的困難就是對於程式碼的不熟悉，產生了非常大的阻力，會很想逃避，所以遇到稍微卡住的我就會先擺著，然後做點...
關於這個系列 將在這短短幾個月的學習做個紀錄。每天會分享自學習以來遇到的幾個問題和解方。 主要會繞著HTML,CSS實踐上碰到的問題，也會有一些個人心得和思考。...
要來開始分享我的學習過程拉，一樣先問為什麼，在分享如何做，最後做了什麼。 WHY - 為什麼要記錄呢？ 有作品跟面試考試準備就好了吧？這應該不重要吧？ 對於轉職...
vincentxu
RochelWang
jennydisc
漢堡法師
LucianoLee
iThome鐵人賽
看影片追技術