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

0 Like 0 留言 4345 瀏覽

鐵人賽 Modern Web DAY 18

宅男的浪漫 - 用 .NET Core 打造 Line 婚禮聊天機器人經驗分享系列第 18 篇

技術 Line Liff App v2 — 用 Vue.js 來做報名頁面

第12 屆iT邦幫忙鐵人賽系列文章 (Day18) 在上一篇我們成功將 chatbot 透過 Liff App 後，跟所開發網站有一些連結後，本篇我們將要來實作...

Kyle Shen ‧ 2020-10-02

1 Like 0 留言 4931 瀏覽

鐵人賽 Modern Web DAY 17

宅男的浪漫 - 用 .NET Core 打造 Line 婚禮聊天機器人經驗分享系列第 17 篇

技術 Line Liff App v2 - 用 Vue.js 來實作

第12 屆iT邦幫忙鐵人賽系列文章 (Day17) LIFF 全名是 LINE Front-end Framework，一個可以在 LINE app 內運作網頁...

Kyle Shen ‧ 2020-10-01

0 Like 0 留言 1003 瀏覽

技術 Java 開發 WEB 的好平台 -- Grails -- (3) 建立一個 SPA 的 Grails 專案

或許有人會問「那我要開發 SPA 網站時，要如何跟 Grails 搭配呢？」。這個問題的答案很簡單，Grails 已經設想到這情況。在使用 IntelliJ-I...

wureka ‧ 2021-11-13

0 Like 0 留言 8038 瀏覽

鐵人賽自我挑戰組 DAY 16

與Vue相遇系列第 16 篇

技術 Day016-Component組件-傳值(props和$emit)

Vue：我們透過組件，來模塊化我們的功能。我知道你很好奇，到底如何從根模塊，傳值給組件，使組件可以渲染資料於table中，對吧？如果，仔細觀察昨天的程式碼，你會...

EdwardXiong ‧ 2020-09-30

0 Like 0 留言 1339 瀏覽

鐵人賽自我挑戰組 DAY 15

與Vue相遇系列第 15 篇

技術 Day015-Component組件-基本帳務系統實例

Vue：對於昨天全局與局部的基本了解後，今天我們利用一個實例，來解一下組件的好處吧~ 首先，先看一個基本的網頁結構：一般來說，網頁中一定會有共用的部分。以上圖為...

EdwardXiong ‧ 2020-09-29

0 Like 0 留言 1015 瀏覽

鐵人賽自我挑戰組 DAY 13

每天來點 Vue.js 吧系列第 13 篇

技術 v-for 列表渲染

tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表，在渲染列表相關的 data 時十分方便，並且 v-for 除...

RURU Tseng ‧ 2020-09-28

0 Like 1 留言 1096 瀏覽

鐵人賽自我挑戰組 DAY 14

與Vue相遇系列第 14 篇

技術 Day014-Component組件

Vue：隨著你使用vue的狀況，你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃，他在元件模組化也有所強大，讓你可以輕鬆地管理好你的元件。在進行案例...

EdwardXiong ‧ 2020-09-28

0 Like 0 留言 880 瀏覽

鐵人賽自我挑戰組 DAY 13

與Vue相遇系列第 13 篇

技術 Day013-Lifecycle-Vue實體生命週期-創建你的夢中情人

想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...

EdwardXiong ‧ 2020-09-27

0 Like 0 留言 1007 瀏覽

鐵人賽自我挑戰組 DAY 12

與Vue相遇系列第 12 篇

技術 Day012-Lifecycle-Vue實體生命週期-了解你的夢中情人

與Vue相遇後，一開始其實有點懷疑vue的應用。但使用後，對她越來越著迷，這使我更想了解她。每當我們使用vue時，有些步驟都會相對應的重複，例如創建Vue、建...

EdwardXiong ‧ 2020-09-26

0 Like 0 留言 2054 瀏覽

鐵人賽自我挑戰組 DAY 10

每天來點 Vue.js 吧系列第 10 篇

技術 Vue Class Bindings

tags: Vuejs 樣式渲染畫面的呈現有時會因應資料的不同，產生不同的視覺樣式，而通常我們會使用 v-bind 指令動態渲染 HTML attribute...

RURU Tseng ‧ 2020-09-25

0 Like 0 留言 896 瀏覽

鐵人賽自我挑戰組 DAY 11

與Vue相遇系列第 11 篇

技術 Day011-腳手架介紹

透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看：src資料夾為專案中最重要的一部分。...

EdwardXiong ‧ 2020-09-25

0 Like 1 留言 1112 瀏覽

鐵人賽自我挑戰組 DAY 9

每天來點 Vue.js 吧系列第 9 篇

技術 Vue computed 與 watch 差異

Fixing ... 若是文中有任何錯誤、錯字、想討論的內容，歡迎各位大大不吝鞭笞指正、交流分享，筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github：http...

RURU Tseng ‧ 2020-09-24

0 Like 0 留言 1021 瀏覽

鐵人賽自我挑戰組 DAY 10

與Vue相遇系列第 10 篇

技術 Day010-Vue CLI

猶如昨日的期待，我很興奮地按照了Vue的指示：先到node官網下載，下載完成後，立刻安裝2.打開command line並輸入npm install -g...

EdwardXiong ‧ 2020-09-24

0 Like 1 留言 7624 瀏覽

鐵人賽自我挑戰組 DAY 8

每天來點 Vue.js 吧系列第 8 篇

技術 Vue computed 與 method 的差異比較

tags: Vuejs computed 與 method 的混淆在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...

RURU Tseng ‧ 2020-09-23

0 Like 0 留言 696 瀏覽

鐵人賽自我挑戰組 DAY 9

與Vue相遇系列第 9 篇

技術 Day09-watch監聽資料

除了，computed和filter呢？如果資料改變，是否Vue能快速因應？ Vue：哈！當然有的呀！我們來看看這個範例：Vue：我知道你對健身的熱愛！今天如果...

EdwardXiong ‧ 2020-09-23

0 Like 1 留言 6055 瀏覽

鐵人賽自我挑戰組 DAY 7

每天來點 Vue.js 吧系列第 7 篇

技術 Vue computed property `getter` 與 `setter` 的那些事

Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性，Computed...

RURU Tseng ‧ 2020-09-22

0 Like 0 留言 932 瀏覽

鐵人賽自我挑戰組 DAY 8

與Vue相遇系列第 8 篇

技術 Day08-利用Computed&Filter屬性

又到了與Vue見面的時候，昨日完成了toDoList後，還想知道Vue有什麼特別的~ Vue：相信你已經開始熟悉Vue的操作，聽你上次說，客戶對於數據上，有很長...

EdwardXiong ‧ 2020-09-22

0 Like 0 留言 3276 瀏覽

鐵人賽自我挑戰組 DAY 6

每天來點 Vue.js 吧系列第 6 篇

技術 Vue template 模板語法

tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎？Vue 提供開發者透過 template 聲明式...

RURU Tseng ‧ 2020-09-21

0 Like 0 留言 913 瀏覽

鐵人賽自我挑戰組 DAY 7

與Vue相遇系列第 7 篇

技術 Day07-toDoLis實做

聽完Vue的介紹後，既然這麼好用，趕緊回到家，利用Vue來練習toDoList：因為框架的原因，寫起來十分得心應手。在代辦事項及完成事項來說，只需要透過v-mo...

EdwardXiong ‧ 2020-09-21

0 Like 0 留言 831 瀏覽

鐵人賽自我挑戰組 DAY 6

與Vue相遇系列第 6 篇

技術 Day06-Virtual DOM與畫面渲染(二：效能探討)

聽Vue這麼說，實在是感到心動。但我的問題是，客戶資料非常龐大，前端render真的能夠快速處裡這些數據嗎？ Vue再次用銳利的眼神看了我一眼，並說道：我們的服...

EdwardXiong ‧ 2020-09-20

1 Like 0 留言 986 瀏覽

鐵人賽 Modern Web DAY 18

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事系列第 18 篇

技術 Day 18 Lightning 文章、草稿列表

文章列表文章列表的路由已經存在 Resource 裡，只要再加一個草稿列表的路由，而且一定要放在 ShowPost 上面： routes/web.php /...

Lucas Yang ‧ 2020-09-20

0 Like 0 留言 824 瀏覽

鐵人賽自我挑戰組 DAY 5

與Vue相遇系列第 5 篇

技術 Day05-Virtual DOM與畫面渲染(一：基本探討)

對於Vue的資料管理上，我想我是了解了。但客戶不只是在數據上做大量的修改，畫面上也會因為數據的改動而造成建置和維護的複雜性，是否有更好的辦法可以有效處裡呢？ V...

EdwardXiong ‧ 2020-09-19

0 Like 0 留言 3542 瀏覽

鐵人賽自我挑戰組 DAY 3

每天來點 Vue.js 吧系列第 3 篇

技術工欲善其事，必先利其器 ⚙︎ Vue 開發環境建置

tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用，依照使用情境的不同可以選擇不同的方式。方法適合場景...

RURU Tseng ‧ 2020-09-18

0 Like 0 留言 1822 瀏覽

鐵人賽自我挑戰組 DAY 4

與Vue相遇系列第 4 篇

技術 Day04-v-model雙向綁定

說了v-bind，綁定了數據資料，使的我們在管理資料上面更加容易。但怎麼看都是單方面的，並且除了在標籤屬性上面有做資料管理外，這到底還能夠做什麼呢？ Vue：其...

EdwardXiong ‧ 2020-09-18

0 Like 3 留言 2329 瀏覽

鐵人賽自我挑戰組 DAY 2

每天來點 Vue.js 吧系列第 2 篇

技術 Vue 原來是法語？ Vue 的超簡短歷史介紹

tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史，筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...

RURU Tseng ‧ 2020-09-17

0 Like 0 留言 1068 瀏覽

鐵人賽自我挑戰組 DAY 3

與Vue相遇系列第 3 篇

技術 Day03-v-bind屬性綁定

Vue：既然知道了初步的概念，首先我們來看看v-bind屬性綁定吧： v-vind綁定class，如下： <body> <div...

EdwardXiong ‧ 2020-09-17

0 Like 0 留言 1728 瀏覽

鐵人賽自我挑戰組 DAY 2

與Vue相遇系列第 2 篇

技術 Day02-CDN-Vue初始化

疫情影響，既有業務轉型。平常有在寫程式的我，突然被老闆叫去一個專案，開發客戶平台。起先，還是挺興奮的，直到了解客戶需求後，先是愣住。因為內容表格增刪查找較多，...

EdwardXiong ‧ 2020-09-16

0 Like 0 留言 1299 瀏覽

鐵人賽自我挑戰組 DAY 1

與Vue相遇系列第 1 篇

技術 Day01-初見Vue(前言)

身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...

EdwardXiong ‧ 2020-09-15

0 Like 0 留言 1936 瀏覽

鐵人賽 Modern Web DAY 5

全端成長之旅系列第 5 篇

技術 Day.5 令人期待的 Vuejs 3

我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候，真的是令人驚艷!!後來忘記是什麼契機，看到了 Vuejs，試用過後覺...

Cian ‧ 2020-09-16

0 Like 0 留言 2749 瀏覽

技術 Vue API 基本操作 & Postman 基本介紹自學筆記

首先我們創建一個db.json，並下載json-server，並配合POSTMAN對其做增刪改查的操作。而在package.json的檔案中，我們在scri...

no027843 ‧ 2020-07-21