iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 3473 瀏覽

鐵人賽 Vue.js DAY 24

Nuxt 3 實戰筆記系列第 24 篇

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-10-09 ‧團隊啾嚕咕嚕跳起來

2 Like 0 留言 3470 瀏覽

鐵人賽影片教學 DAY 2

我讀你看系列第 2 篇

技術 [vite] Vite 是什麼？正確的發音怎麼唸！？

20:00 首播，建議播放速度 x1.2 Vite 怎麼唸？不是 Vue 可以用 Vite 嗎？(Getting Started） Vite 為什麼它...

pjchender ‧ 2022-09-17 ‧團隊我可能不會完賽

0 Like 0 留言 3468 瀏覽

鐵人賽 JavaScript DAY 26

歡迎參加我的原生JS畢業典禮系列第 26 篇

技術【Day25】在.NET Core MVC加入Vue—邁向前後端分離大師

在開賽的前言有說過其實我不會.NET Core（之前都是用.NET而已），結果現在要用.NET Core MVC ft.Vue.js進行開發（？）要學就要一次學...

ivytien ‧ 2024-10-10

0 Like 0 留言 3454 瀏覽

技術 element-ui 的 el-select 与 el-tree 的功能组合

[TOC] 简介 element-ui 的 el-select 与 el-tree 组件的功能组合。在线实例：https://yujinpan.github...

YuJinpan ‧ 2019-11-04

1 Like 0 留言 3439 瀏覽

鐵人賽 Modern Web DAY 24

玩轉 Storybook 系列第 24 篇

技術玩轉 Storybook: Day 24 MDX

MDX 若要更詳細的整理 Storybook 文件，可以使用 Markdown 語法搭配 JSX 的格式 - MDX。有二種使用 MDX 方法 Story...

lala_lee_jobs ‧ 2020-10-09

1 Like 0 留言 3434 瀏覽

鐵人賽 Modern Web DAY 20

從零開始的個人化記帳程式開發系列第 20 篇

技術記帳程式 (20)：支出紀錄的新增、修改、刪除 feat. Firestore

熟悉的標題，最對味。不加一下天數都快忘了自己寫到哪一天了。昨天成功將 Firestore 引入原本的記帳程式後，今天要回頭繼續把前面因為沒有 API...

ckchuang ‧ 2019-10-06 ‧團隊Wow Doge!

0 Like 0 留言 3418 瀏覽

鐵人賽 Modern Web DAY 30

分手前端菜雞之旅@非洲30天系列第 30 篇

技術測試自己寫，QA不用謝。Vue3 測試入門-D30

測試自己寫，QA不用謝單壓欸，我好棒。為什麼要測試測試可以幫我們衡量程式的質量、是不是能達到設計要求，幫我們進行評估。你總不會什麼東西寫完自己不檢查就送...

Global Rachel ‧ 2022-10-15 ‧團隊還不給我加薪

0 Like 0 留言 3414 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 17 篇

技術 [DAY17]跟 Vue.js 認識的30天 - Vue 過渡(轉場)及動畫效果下篇(`<transition-group>`) - 多個元素的過渡及列表過渡

這一篇就來接續寫完 Vue 過渡及動畫的內容啦！希望能順利寫完我的 Vue 筆記。多個元素的切換轉場以後就用 .v-* 跟 .transitionName-...

Celeste ‧ 2021-01-28

1 Like 0 留言 3397 瀏覽

技術 [ Vue ] 使用 Vitawind 1.2 來建置 Vite + Tailwind JIT 專案

建立 Vite 專案在你要放置專案的地方執行這個指令來建立 vue 模板的 vite 專案 # npm 6 npm init vite [專案名稱] --te...

搋兔 ‧ 2021-06-29

1 Like 0 留言 3387 瀏覽

鐵人賽 Modern Web DAY 13

玩轉 Storybook 系列第 13 篇

技術玩轉 Storybook: Day 13 Simple and Composite - Angular

在這個單元我們使用官網的教學搭配Angular的框架，STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者，可以跳過這個單...

lala_lee_jobs ‧ 2020-09-28

1 Like 0 留言 3374 瀏覽

鐵人賽自我挑戰組 DAY 10

前端新手筆記-Vue.js 系列第 10 篇

技術 Day10 Vue computed 屬性介紹

本文同步發表於Andy's Blog 前言開始前，我們先幫大家複習一下，這幾天介紹的內容（如下圖），若對於指令語法仍有疑問。大家可以自行到官網參考指令介紹...

chunwen ‧ 2019-09-26

0 Like 1 留言 3364 瀏覽

鐵人賽影片教學 DAY 1

Nuxt 3 快速入門系列第 1 篇

技術 [影片教學] Nuxt 3 - 使用 nuxi 建立第一個專案

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2023-09-16

4 Like 0 留言 3339 瀏覽

鐵人賽 Modern Web DAY 1

超緊繃!30天Vue.js學習日記系列第 1 篇

技術 [Vue.js][日記]前言的部分&30天目錄

第一次接觸 Vue 的時候，是去年的 7 、 8 月，雖說是接觸，但可能連官方的 getting started 都還沒做完，也搞不懂 Vue.js 的用途是...

EN ‧ 2019-09-12 ‧團隊IT成長團

1 Like 0 留言 3310 瀏覽

鐵人賽 Modern Web DAY 23

玩轉 Storybook 系列第 23 篇

技術玩轉 Storybook: Day 23 DocsPage and Doc Blocks

DocsPage 介紹 Storybook Docs 是預設的 Addons，不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...

lala_lee_jobs ‧ 2020-10-08

1 Like 0 留言 3307 瀏覽

鐵人賽 Modern Web DAY 15

玩轉 Storybook 系列第 15 篇

技術玩轉 Storybook: Day 15 Addons - Controls

Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式，這樣就不需要寫程式重啟，也能發現元件的變化。要使用 Control...

lala_lee_jobs ‧ 2020-09-30

0 Like 0 留言 3307 瀏覽

鐵人賽 Modern Web DAY 13

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列第 13 篇

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。但是又怕使用...

RenZhou ‧ 2018-10-27

1 Like 0 留言 3300 瀏覽

技術【Petite-Vue】大小只有 ~6KB 的 mini Vue！

文章出處 Vue 可以作為獨立的腳本文件使用，無需構建步驟！如果你有一個非前後端分離的歷史項目，並且它已經渲染了大部分的 HTML，或者你的前端邏輯並不...

Wayne ‧ 2023-03-14

0 Like 0 留言 3282 瀏覽

鐵人賽 Modern Web DAY 8

VUE & PHP (Apache2) & Docker 實戰開發系列第 8 篇

技術 Day8 - Vue 專案啟動 Routing & Material

前面幾篇文章大致上把專案的初始建置完成，也放了一版於github可以參考。這邊我預計想要以一個簡單的主題來實作：房屋管理大致上會有有幾個主體(約略想)：人...

aa71435723 ‧ 2018-10-22

1 Like 0 留言 3271 瀏覽

鐵人賽 Modern Web DAY 6

玩轉 Storybook 系列第 6 篇

技術玩轉 Storybook: Day 06 Component Story Format

Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...

lala_lee_jobs ‧ 2020-09-21

1 Like 0 留言 3269 瀏覽

鐵人賽自我挑戰組 DAY 13

前端史萊姆與Vue的三十天時光冒險系列第 13 篇

技術 Day13 萬丈高樓平地起(1)：Vue 的生命週期

本文同步發表於斜槓女紙部落格：Day13 萬丈高樓平地起(1)：Vue 的生命週期生活的道路一旦選定了，就要勇敢的走下去。是的，一旦報名鐵人賽，就要認...

鍾小呆 ‧ 2019-09-28

0 Like 0 留言 3260 瀏覽

鐵人賽 Modern Web DAY 5

Daily UI : 開發者版系列第 5 篇

技術 Vuetify：Cinema Application › Implementation

https://codepen.io/hereiscasio/pen/wQvVzP?editors=1000 Used UI Component ( #5 )...

Casio ‧ 2018-10-20

0 Like 0 留言 3255 瀏覽

技術 [ Nuxt.js 2.x 系列文章 ] nuxt.config.js 設定檔

版本：nuxt 2.15.8 全名為 Nuxt configuration file，功能同 Vue 專案內 vue.config.js 檔，如果我們使用...

claire chang ‧ 2022-12-01

0 Like 0 留言 3251 瀏覽

鐵人賽 Modern Web DAY 4

Vue.js 什麼意思系列第 4 篇

技術 Day 04：.vue 檔三層櫃

繼上篇觀察整個專案資料夾結構之後，接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...

Teen ‧ 2021-09-19 ‧團隊好想工作室V5.0

1 Like 0 留言 3224 瀏覽

鐵人賽 Modern Web DAY 5

Vue.js 什麼意思系列第 5 篇

技術 Day 05：簡寫好用一直用－v-on、v-bind

延續上篇最後提到 Webpack 設置了別名「@」來取代路徑「/src」，然而在模版語法中，「@」則是另外的用途，因此一開始先分辨清楚各自的定義，之後就能運用自...

Teen ‧ 2021-09-20 ‧團隊好想工作室V5.0

1 Like 1 留言 3205 瀏覽

鐵人賽自我挑戰組 DAY 21

前端史萊姆與Vue的三十天時光冒險系列第 21 篇

技術 Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on)

本文同步發表於斜槓女紙部落格：Day21 寫於開始實作前(2)：Vue.js的Methods以及監聽事件 (v-on) 實作到目前為止，大部分還在處理靜態...

鍾小呆 ‧ 2019-10-06

1 Like 0 留言 3199 瀏覽

鐵人賽 Modern Web DAY 11

玩轉 Storybook 系列第 11 篇

技術玩轉 Storybook: Day 11 Simple component - Vue

在這個單元我們使用官網的教學搭配Vue的框架，STEP BY STEP的撰寫Component及Stories。 Setup Vue Storybook 官網教...

lala_lee_jobs ‧ 2020-09-26

2 Like 2 留言 3188 瀏覽

鐵人賽 Modern Web DAY 2

忍住不打牌位，只要30天VueJS帶你上A牌系列第 2 篇

技術 Day02安安你好，請問你有聽過SOLID嗎?

前一天我們有提到SOLID，我們今天就來談談為啥我們需要了解SOLID? 他能幫助我們甚麼?SOLID是一種設計原則，主要是透過觀念讓團隊降機Code Revi...

文斯先生 ‧ 2020-09-10 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 3168 瀏覽

鐵人賽 Modern Web DAY 3

Vue.js 什麼意思系列第 3 篇

技術 Day 03：觀察資料夾

建好專案之後，來看看專案裡已經幫你準備好哪些檔案吧！先大致認識每個資料夾如何分門別類的規則，日後自己在歸檔時也會相對有概念，更方便管理檔案、組織架構。根目錄層...

Teen ‧ 2021-09-18 ‧團隊好想工作室V5.0

0 Like 0 留言 3167 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 18 篇

技術 [DAY18]跟 Vue.js 認識的30天 - Vue 混入(`mixin`)

混入(mixin)似乎也是個初學 Vue 比較少被用到的功能，但還是照順序的了解一下。基礎運用在模組中如果有重複出現的模組 option 內容，就可以透過...

Celeste ‧ 2021-01-28

0 Like 0 留言 3066 瀏覽

技術 windows server pm2 開機自動重啟 (Windows startup script)

一開始開開心心的寫著Nuxt(2.x)，吃著火鍋唱著歌，然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...

JD ‧ 2022-11-28