Pseudo-Classes 偽類 (虛擬類別) 有別於我們之前提到的 Class 有點像我們自定義將元素分組，偽類是依照該元素的特殊狀態進行分類，並以 : 為...
在昨天的範例中，應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式，用於 強制指定型別。有時候，編譯器可能 無法確定變數的精確型別，或者 當我們需要將某個...
DAY 6 - Option API 進化 Compisiton API 學習目標 : 從 Option API 進化 Compisiton API ，從了...
在一開始我們就介紹了 聯合類型和交叉類型 這兩種常用到的高級型別，威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用： 映射類型 ( Mapp...
一、前言 昨天我們把 React 的環境架起來，並且執行「Hello World」程式。今天要來學習一下 Hook 的寫法，至於 Hook 是什麼？以及要如何...
組件實作 : Demo 一、前言 今天我們要來製作 Loader 的組件，Loader 組件主要會出現在換頁或是網頁刷新（例如 AJAX）的等待時間，除了...
影片 內容 用 Svelte 實作通知佇列 UI 並且在跨元件之間溝通 ◼︎ 相關連結： ・Svelte 官網 https://svelte.dev・程式碼連...
愷開
‧
2020-09-28
附上為何鐵人賽文章會出現在這裡的說明：2022 鐵人賽｜Day1 報名失敗，還是要開賽吧！ 背景脈絡 接續上篇～～ 主題筆記 三、放在 Flex items...
組件實作：Demo 一、前言 Typing Effect 是一種好用的文字效果，看似簡單的語法下，其實藏著一些不太好理解的概念，例如 CSS 的 Anim...
any 和 unknown 是兩個用於處理 型別不確定的情況。雖然它們在某些情境下都可以用來處理不確定的值，但它們的用法和限制有所不同，我們一一來介紹： any...
會寫這篇的原因除了是想紀錄自己寫驗證套件的經過（對我不記下來很快就會忘了。。），還有就是因為在工作上遇到需要寫一個前端的驗證方法，來應用在各個地方中，來減少每...
來輕鬆聊聊 嗨 我是Jacky，今天要來談談HTML。舉凡網頁開發、設計，不管聽過、看過甚至接觸過的朋友，可能知道藉由HTML與CSS這兩個程式語言，能夠組成我...
組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件，構造是由一個 Menu 選單和一個訊息框組合而成，當選單項目被選中時，會切換到對應的訊...
嗨大家好我是 Chris 這次是我第一次參加鐵人賽，是我給我自己的挑戰，內容主要是分享我如何從零開始自學React，逐步邁向目標的過程，裡面會參雜著目前我對 R...
裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據（metadata），並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...
影片 內容 本次程式碼連結：https://svelte.dev/repl/df5cb8d11d214af881d109b0c7c10b51?version...
愷開
‧
2020-09-27
影片 內容 介紹 Svelte 當中如何編譯程式碼（簡介） 簡報連結：https://speakerdeck.com/kjj6198/svelte-ru-he...
愷開
‧
2020-10-02
在前面章節中，大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能，那我們應該要使用哪一種呢？下面來看看兩者存在了哪些區別： ty...
浮動與清除浮動 float為浮動屬性，用來調整元素的布局。常用left、right兩個值來使元素靠左或靠右，元素會如同position: absolute的...
組件實作 : Demo 一、前言 在寫某些專案或者是練習，時不時會看到::before、::after這類元素的用法，在第一次接觸時，總是會感到困惑，不清...
目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...
前言 昨天學習了query builder今天我們的目的就是要建立評分表 所謂評分表理當應該是除了自己以外，對其他人的技能評分當然自己不能評分到自己的技能 !...
【前言】均一的程式碼基礎 junyiacademy 從 2013 年 fork Khan Academy 原始碼，一直發展到現在，程式碼的複雜度不可同日而語...
影片 內容 昨天我們提到 Svelte 會先將程式轉換成抽象語法樹（AST），再開始做編譯，今天我們會來看看 Svelte 生成的程式碼是如何被執行的。 ◼︎...
愷開
‧
2020-10-03
DAY 3 - 踏上 Vue.js 的世界，為什麼選擇 Vue.js ? 你不可不知使用 Vue.js 理由 那為什麼會選擇 Vue.js 呢 ? 你不可...
影片 內容 講解解析 HTML 的過程以及有限狀態機。 Svelte 為了使用客製化的語法，所以在編譯時期會先解析一次 svelte 元件，其中 HTML 的...
愷開
‧
2020-10-04
一、前言 其實，我也不知道自己怎麼會想加入這個主題，只是有點想要學習 Vim 的基本操作，順便紀錄一下學過的操作方法，現階段我也沒有想要背任何的指令或是快捷鍵...
Vue.js（/vjuː/，簡稱Vue）是一個用於建立使用者介面的開源MVVM前端JavaScript框架，也是一個建立單頁應用的Web應用框架。--維基百科...
一、前言 終於完成鐵人賽啦！可怕的不是每天的截稿期限，而是要在同一天寫兩篇「完賽心得」，而且內容還不能一樣，雖然我是有點想直接複製貼上，不過這樣子好像有點說不...
目錄 【前端動手玩創意】等待的轉圈圈效果 (1) 【前端動手玩創意】google五星評分的星星(2) 【前端動手玩創意】CSS-3D卡片翻轉效果(3) (今天難...
威爾豬
阿蘇蘇
東尼先生
JackyHuang
Chris
roni
iThome鐵人賽
看影片追技術