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

1 Like 0 留言 772 瀏覽

鐵人賽 Modern Web DAY 15

菜鳥學前端，一起vue起來 ! 系列第 15 篇

技術 Day 15. 模板語法Template Syntax – 指令

前兩天講了模板語法中的插值，今天來講指令的部分吧۹(ÒہÓ)۶ Directives 指令 Vue的特殊DOM屬性都會以v-開頭，如v-if，這些特殊屬性的內容...

ㄆㄩ ‧ 2021-09-27 ‧團隊挨踢SHE

0 Like 0 留言 2414 瀏覽

鐵人賽 Modern Web DAY 26

前端我又來了 - 30天 Vue學好學滿系列第 26 篇

技術 [30天 Vue學好學滿 DAY26] axios & axios-mock-adapter

前一篇提完透過axios 進行HTTP請求，但前後端分離且分工的狀態下，前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況，axios-mock-adapt...

蘇 ‧ 2021-09-26

1 Like 0 留言 885 瀏覽

鐵人賽 Modern Web DAY 14

菜鳥學前端，一起vue起來 ! 系列第 14 篇

技術 Day 14. 模板語法Template Syntax – 插值 Attribute、JavaScript 表達式

讓我們接續昨天的模板語法介紹吧，昨天講了v-once跟v-html，今天來說說屬性跟JavaScript 表達式! Attribute Mustache語法不能...

ㄆㄩ ‧ 2021-09-26 ‧團隊挨踢SHE

0 Like 0 留言 836 瀏覽

鐵人賽 Modern Web DAY 25

前端我又來了 - 30天 Vue學好學滿系列第 25 篇

技術 [30天 Vue學好學滿 DAY25] axios API

vue.js2.0後版本推薦使用axios來完成ajax請求為Promise-based HTTP client非同步，可於then後進行操作、catch錯誤處...

蘇 ‧ 2021-09-25

1 Like 0 留言 1283 瀏覽

鐵人賽 Modern Web DAY 24

前端我又來了 - 30天 Vue學好學滿系列第 24 篇

技術 [30天 Vue學好學滿 DAY24] Vue Router-3

router-link to 函數指定導向，包含以下方法  <router-link to="/&q...

蘇 ‧ 2021-09-24

1 Like 0 留言 823 瀏覽

鐵人賽 Modern Web DAY 12

菜鳥學前端，一起vue起來 ! 系列第 12 篇

技術 Day 12. 生命週期 - Lifecycle Hooks

Instance Lifecycle 生命週期介紹完怎麼建立Vue instance 後，接著來談論它的生命週期吧。一個 Vue 實體跟我們人類一樣有生老病死...

ㄆㄩ ‧ 2021-09-24 ‧團隊挨踢SHE

0 Like 0 留言 1403 瀏覽

鐵人賽 Modern Web DAY 23

前端我又來了 - 30天 Vue學好學滿系列第 23 篇

技術 [30天 Vue學好學滿 DAY23] Vue Router-2

昨天筆記了基礎Vue Router 以及 History概念，今天繼續筆記其他細項用法。動態路由將不同路由導向同個元件，可視為帶入不同參數至同元件中。於r...

蘇 ‧ 2021-09-23

1 Like 0 留言 844 瀏覽

鐵人賽 Modern Web DAY 11

菜鳥學前端，一起vue起來 ! 系列第 11 篇

技術 Day 11. Money money Vue的$$哪裡來-數據和方法

昨天我們講到了Vue的實體還有實體內會有的一些物件，今天就來用範例看看它內外互相響應的過程吧٩(ˊᗜˋ )و 數據和方法當Vue實例被創建時，它會將data中...

ㄆㄩ ‧ 2021-09-23 ‧團隊挨踢SHE

0 Like 0 留言 1131 瀏覽

鐵人賽 Modern Web DAY 22

前端我又來了 - 30天 Vue學好學滿系列第 22 篇

技術 [30天 Vue學好學滿 DAY22] Vue Router-1

Vue 官方所提供的路由，由於使用vue2，Vue Router 版本選擇v3。安裝 // npm npm install vue-router 應用新...

蘇 ‧ 2021-09-22

0 Like 0 留言 604 瀏覽

鐵人賽 Modern Web DAY 21

前端我又來了 - 30天 Vue學好學滿系列第 21 篇

技術 [30天 Vue學好學滿 DAY21] Vuex-4

Action 類似於mutation action -> mutation -> 改變狀態 vs 直接提交mutation -> 改變...

蘇 ‧ 2021-09-21

0 Like 0 留言 734 瀏覽

鐵人賽 Modern Web DAY 20

前端我又來了 - 30天 Vue學好學滿系列第 20 篇

技術 [30天 Vue學好學滿 DAY20] Vuex-3

Mutation 提交mutation，是更動state的唯一方法，並以state為第一個參數。包含事件類型(type)、回調函數(handler)，不可直接調...

蘇 ‧ 2021-09-20

0 Like 0 留言 668 瀏覽

鐵人賽 Modern Web DAY 19

前端我又來了 - 30天 Vue學好學滿系列第 19 篇

技術 [30天 Vue學好學滿 DAY19] Vuex -2

State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", &quot...

蘇 ‧ 2021-09-19

0 Like 0 留言 610 瀏覽

鐵人賽 Modern Web DAY 18

前端我又來了 - 30天 Vue學好學滿系列第 18 篇

技術 [30天 Vue學好學滿 DAY18] Vuex-1

Vuex 狀態管理前面提到了Event Bus可以做到全域的事件監聽管理，但當系統逐漸擴張，這些狀態也越來越繁雜，這時後即可透過vuex(store，可視為一...

蘇 ‧ 2021-09-18

0 Like 0 留言 815 瀏覽

鐵人賽 Modern Web DAY 17

前端我又來了 - 30天 Vue學好學滿系列第 17 篇

技術 [30天 Vue學好學滿 DAY17] Event Bus

Event Bus 前面提到了父子元件透過emit & prop進行參數傳遞，當樹狀結構逐漸複雜時，在傳遞上複雜度也越來越高。ex: 兩個子元件互相傳遞...

蘇 ‧ 2021-09-17

0 Like 0 留言 667 瀏覽

鐵人賽 Modern Web DAY 16

前端我又來了 - 30天 Vue學好學滿系列第 16 篇

技術 [30天 Vue學好學滿 DAY16] slot 插槽

slot 在子元件(內層)中預留空間，由父元件(外層)設定、分配內容。子元件本身對slot無控制權子元件可對slot內容進行預設 Fallback Conten...

蘇 ‧ 2021-09-16

1 Like 0 留言 3325 瀏覽

技術 Vue 在 Localhost 開發時出現 “ERR_CONNECTION_REFUSED”、”ERR_CONNECTION_TIMED_OUT” 錯誤的解決方式

我在 Localhost 開發的時候會出現錯誤訊息 GET http://192.168.43.55:8081/sockjs-node/info?t=16281...

火爆浪子 ‧ 2021-08-06

0 Like 0 留言 1239 瀏覽

技術 Vue 在 Localhost 開發時出現 “[prerender-spa-plugin] Unable to prerender all routes!” 錯誤的解決方式

我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久，而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...

火爆浪子 ‧ 2021-08-05

0 Like 0 留言 3815 瀏覽

技術 Vue 如何在 LocalHost 開發環境時使用 HTTPS

如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法：方法一：vue.config.js module.exports = {...

火爆浪子 ‧ 2021-08-04

1 Like 0 留言 1559 瀏覽

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug，我會想知道使用者在前端操作上遇到了什麼問題，因此在 Vue 中，你可以透過 errorHandler 攔截網頁錯誤，你...

火爆浪子 ‧ 2021-08-02

1 Like 0 留言 703 瀏覽

技術 CMoney軟體工程師戰鬥營_專題製作改善ui/ux_Week 19

在這裡我就直接開門見山丟上我最終畫面了網站(再過幾天服務應該就會到期)http://crypto-monolith-316105.an.r.appspot.co...

fanny ‧ 2021-07-11

3 Like 1 留言 1678 瀏覽

技術 CMoney軟體工程師戰鬥營_期末專題製作_Week 17

是時候來清這裡灰塵了這兩週實在是過得水深火熱接下來我會補齊這兩週事件17週多半是在刻畫面,後期開始接api18週就是大量的接api,跟補上還沒做的功能和畫面老...

fanny ‧ 2021-06-30

0 Like 0 留言 1557 瀏覽

技術 CMoney軟體工程師戰鬥營_Vue框架_Week 15

歐拉～本週結束了分領域雖然每週都為了Web的演示以及龐大的作業量追著跑但是結束並沒有感到鬆一口氣因為接下來迎接我的就是。。。期末專題拉！真的同時被學習前端技術...

fanny ‧ 2021-06-07

0 Like 0 留言 1026 瀏覽

技術 [Vue2] 從初學到放棄 Day8-綁定Class&&Style

在這個範例裡，是用單一方式去驗證active是否為true <div v-bind:class="{ active: isActive }&qu...

webber ‧ 2021-04-14

0 Like 0 留言 725 瀏覽

技術 [Vue2] 從初學到放棄 Day7-怎麼變化裡面的值

先用官網裡面的範例 <div id="example"> <p>Original message: "...

webber ‧ 2021-04-13

0 Like 0 留言 683 瀏覽

技術 [Vue2] 從初學到放棄 Day6-Template Syntax

Template Syntax Vue.js 最主要是基於HTML，在使用JQuery或者Js的時候DOM應該不陌生。在Vue裡最主要使用的是viturl DO...

webber ‧ 2021-04-12

0 Like 0 留言 959 瀏覽

技術 [Vue2] 從初學到放棄 Day5-生命週期Hooks

Instance Lifecycle Hooks Hooks到底是什麼？中文解釋就是鉤子，其實Vue就有點像是一個掛著一個的感覺，所以才叫Hooks（很多個所...

webber ‧ 2021-04-10

0 Like 0 留言 634 瀏覽

技術 [Vue2] 從初學到放棄 Day4-開始使用Vue

Vue Instance var vm = newVue() 使用Vue時，主要概念會是先使用Instatnce，接下來才開始做每一個項目的實作TODOLis...

webber ‧ 2021-04-09

0 Like 1 留言 1088 瀏覽

技術 [Vue2] 從初學到放棄 Day3-Vue架構

Vue 主要架構此圖片來源 Vue官方網站建立compoent // Define a new component called todo-item Vue...