看著鐵人賽快到尾聲了，但我只做完骨架功能而已，有點慚愧；幸好這周有雙十連假，可以稍微趕一下進度。 在我的計劃中，之後的功能如果會有數字分析的地方，都希望能儘量以...
本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...
安裝並部署 Livewire 的步驟沒有很多，照著做不用三分鐘就能完成囉！今天一樣是照著官方文件帶大家做一次囉～ 安裝 Livewire 官方文件 首先要先安裝...
輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。 但是又怕使用...
前言 大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽 [Day 04] Nuxt 3 + TypeScript + ESLint +...
本文同步發表於斜槓女紙部落格：Day13 萬丈高樓平地起(1)：Vue 的生命週期 生活的道路一旦選定了，就要勇敢的走下去。是的，一旦報名鐵人賽，就要認...
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
1.原本的input 改為 el-autocomplete並加上 :fetch-suggestions="querySearch" <...
想起之前，我偶爾也協助佈署前端網站，佈署前端的其中一個基本作法，是在 Server 上安裝 NGINX，並指向前端建置的 dist/ 資料夾， 既然我們目前也學...
本文同步發表於斜槓女紙部落格：Day22 閒不下來的史萊姆(三)：scroll down按鈕實作 平順滑動到指定的位置 相信大家應該有使用過HTML錨點(...
第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是...
承上篇，談到 v-for，就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值，Terminal 會直接報錯，表示「...
上篇我們為 Navbar 設定好路由之後，接下來的需求則是希望能夠讓選取效果更為明顯，優化使用者體驗： hover 項目時，字體顏色顯示為紅色 ⇒ 跟隨游標移...
整個系列都快要完結篇了，怎麼可能獨漏 Vue 的神奇語法糖—— v-model 呢？我們已經知道 Vue 基於 MVVM 架構模式，最大的特色就是可以將資料與...
本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態...
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
超緊繃!30天Vue.js學習日記 監聽屬性&計算屬性 大家好,今天我要介紹的是Vue中的監聽屬性(watch)以及計算屬性(computed),並且...
這一篇就來接續寫完 Vue 過渡及動畫的內容啦！希望能順利寫完我的 Vue 筆記。 多個元素的切換轉場 以後就用 .v-* 跟 .transitionName-...
用 Storybook 搭配測試方法，從元件開發到完成整個專案，可以增加開發者的信心，不會擔心改A錯B的狀況發生，因為從邏輯面及UI面都能被完整的測試到。 單元...
本文同步發表於斜槓女紙部落格：Day14 萬丈高樓平地起(2)：Vue 的生命週期中的同步非同步 今天用個實際範例來看看在Vue的生命週期中，before...
在粗淺的看過這一章時，覺得 Vue 真的有好多功能啊，目前的我似乎還是沒辦法很熟用 Vue 的每項語法，只希望未來在遇到各種問題時，我能有印象可以使用哪種語法。...
建好專案之後，來看看專案裡已經幫你準備好哪些檔案吧！先大致認識每個資料夾如何分門別類的規則，日後自己在歸檔時也會相對有概念，更方便管理檔案、組織架構。 根目錄層...
MDX 若要更詳細的整理 Storybook 文件，可以使用 Markdown 語法搭配 JSX 的格式 - MDX。 有二種使用 MDX 方法 Story...
Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式，這樣就不需要寫程式重啟，也能發現元件的變化。 要使用 Control...
打包網頁 在部署網站之前，我們要先來打包我們的網頁前端專案 為什麼要打包呢？什麼是打包呢？這有點像是編譯，如果你寫過 C 應該講到這裡就理解為什麼要這樣做了 在...
前一天我們有提到SOLID，我們今天就來談談為啥我們需要了解SOLID? 他能幫助我們甚麼?SOLID是一種設計原則，主要是透過觀念讓團隊降機Code Revi...
原因 閱讀速度 同樣長度 中文的我可能看五分鐘 英文的可能要花上三倍時間 這麼多的文章要看我當然也只能有中文的先看中文 數量 我一天大概是看三四十篇文章 只認真...
Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
表單處理 當在嚴格模式中使用 Vuex 時，state 使用在 v-model 時會遇到問題： <input v-model="obj.mes...
在這個單元我們使用官網的教學搭配Vue的框架，STEP BY STEP的撰寫Component及Stories。 Setup Vue Storybook 官網教...
mackliu
PerryLiao
RenZhou
鍾小呆
lala_lee_jobs
Louis
EN
Teen
Celeste
哲嘉 (Zhe-Jia)
文斯先生
fripig
Nomi Su
iThome鐵人賽
看影片追技術