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

2 Like 0 留言 2687 瀏覽

鐵人賽 Modern Web DAY 25

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 25 篇

技術【D25 - Vuex】給你一個方便的儲藏室!!

Vuex是一個非常方便且非常好用的的開發vue工具，他有點類似於react的redux~ 今天簡短介紹一下Vuex，明天就可以來實踐今天講到的東西囉! 甚麼...

ryanyen2 ‧ 2020-09-25

0 Like 0 留言 2679 瀏覽

技術 Vuex 是什麼

Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...

Jerry Huang ‧ 2020-11-03

0 Like 0 留言 2673 瀏覽

鐵人賽自我挑戰組 DAY 4

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

技術一切的基礎：Vue instance

tags: Vuejs Vue reactivity system ✐ Vue 引入 data-driven view 的概念，一旦改動 data，與之相對應的...

RURU Tseng ‧ 2020-09-19

1 Like 0 留言 2667 瀏覽

鐵人賽 Modern Web DAY 16

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 16 篇

技術【D16 - 用Vue實作網頁】等等!!我還對JacaScript不熟www

昨天寫到了一串code，如果對於JS沒有基礎的人可能會頭很大XD .then(function(data) { this.blogs = data....

ryanyen2 ‧ 2020-09-16

2 Like 0 留言 2641 瀏覽

技術 JavaScript基礎知識-事件(1)

終於研究到了事件的部分了，所謂的事件，是當使用者對頁面做出什麼動作的意思，例如：滑鼠點擊，按下鍵盤...之類的，而當使用者有這些動作時，我們又該給予什麼樣式的回...

Jerry Huang ‧ 2019-05-08

2 Like 1 留言 2621 瀏覽

技術 [鼠年全馬鐵人挑戰] Week04 - JavaScript 新手學習筆記：運算式的求值結果

Hi~大家好又見面啦~最近開始學習 JavaScript 對我來說是前端大魔王啊~~~(驚)但是 JavaScript 在前端的世界上是扮演最重要的角色也是必...

a841722 ‧ 2020-02-25

0 Like 0 留言 2611 瀏覽

鐵人賽 Modern Web DAY 1

菜鳥前端奮鬥史(欸? 系列第 1 篇

技術 Day01 「媽，我報名鐵人賽了」── 菜鳥為什麼想分享

各位看官大家好，台嘎後，歡迎來到菜鳥的日記分享 (欸?我是曾經想天真快樂的當個網頁切版師（喔呵呵只要跟愉快的 HTML、CSS、jQuery 打交道？）現在正在...

阿陰 ‧ 2017-12-20 ‧團隊Lorem100+tab

0 Like 1 留言 2606 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 Vue slot：作用域插槽、具名插槽的縮寫

tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...

RURU Tseng ‧ 2020-10-13

1 Like 0 留言 2571 瀏覽

鐵人賽 Modern Web DAY 16

鉄人28号FX 系列第 16 篇

技術鉄人28号FX　鉄人16号「行高怪」line-height

★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸，建議先向鉄人2号「文本士」收集資料，此章為進階續文。顯示峽谷森林位置圖方向感為零摸索前進著。峽谷森林 [行高怪...

letter liu ‧ 2019-10-01 ‧團隊好想工作室 v3.0

1 Like 0 留言 2533 瀏覽

技術 JavaScript 基礎知識- 取消預設行為，了解元素所在位置

在某些情況下，我們會想取消元素的預設行為，例如 <a> 標籤的 href 屬性的這個行為，此時 .preventDefault()就是一個非常好用的...

Jerry Huang ‧ 2019-05-20

1 Like 0 留言 2530 瀏覽

技術 JavaScript 基礎知識-物件

物件也是 JavaScript 內的資料型態之一，而會有物件是因為，我們需要儲存更多的資料前面講到陣列也用於儲存更多的資料，但不同於陣列的地方，是物件儲存的值是...

Jerry Huang ‧ 2019-03-23

0 Like 0 留言 2524 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 Vue component 父組件向子組件傳遞數據的方法 - Prop（下）

tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop，我們可以將父組件的值傳遞給子組件，這一篇中，我們會來看 Prop 的使用細節。命名規則 ✐ 在...

RURU Tseng ‧ 2020-10-02

0 Like 1 留言 2515 瀏覽

鐵人賽 Vue.js DAY 5

試試用Vue建立網站吧系列第 5 篇

技術 Day5-試試Vue3-建立會員API

此篇 API 部分主要紀錄如何建立簡易的 API 供專案發送網路請求用。 (1)安裝 json-serverjson-server 利用 Node.js 提供的...

jennydisc ‧ 2023-09-20

1 Like 0 留言 2486 瀏覽

鐵人賽 Modern Web DAY 18

實作經典 JavaScript 30 系列第 18 篇

技術 Day 18 : 為網頁增加圖片動畫效果

WES BOS系列影片Alex快速導讀系列影片今天要為靜態的文章，添加一些圖片進場的動畫效果練習抓取螢幕與圖片的長度，進而控制圖片的進場時間。 1.先抓出需要...

喬依司 ‧ 2020-09-26 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 2436 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Vue Class Bindings

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

RURU Tseng ‧ 2020-09-25

0 Like 1 留言 2431 瀏覽

鐵人賽 Vue.js DAY 4

試試用Vue建立網站吧系列第 4 篇

技術 Day4-試試Vue3-首頁(註冊)畫面

首頁分為註冊與會員登入頁面，此篇先介紹註冊部分。 (1)建立路由表Vue.js 是一個元件化的框架，每個頁面通常由一個或多個元件構成，且元件有各自的生命周期，包...

jennydisc ‧ 2023-09-19

0 Like 0 留言 2417 瀏覽

鐵人賽 Vue.js DAY 28

試試用Vue建立網站吧系列第 28 篇

技術 Day28-試試Vue3-後台管理者頁面(1)

後台管理者頁面設計概念同本專案的前端頁面。管理者於指定的頁面登入後，主頁功能除首頁、登出外提供「管理餐廳列表」一項功能。因後台模板與前端相似，開發過程會簡單說明...

jennydisc ‧ 2023-10-13

0 Like 1 留言 2390 瀏覽

鐵人賽 Modern Web DAY 2

菜鳥前端奮鬥史(欸? 系列第 2 篇

技術 Day02 「抖出菜蟲？」── 菜鳥的前端奇幻之旅

「為什麼踏進前端？」說起來不是多了不起的原因。其實只是覺得「哇靠能自己架一個網站的人感覺超屌欸」，然後覺得自己也想成為那樣的人（欸好像有點正向？當初大學讀...

阿陰 ‧ 2017-12-21 ‧團隊Lorem100+tab

0 Like 1 留言 2362 瀏覽

鐵人賽自我挑戰組 DAY 1

重新開始的Vue.js 30day 系列第 2 篇

技術從頭開始的Javascript 入門 -變數與資料型別 Day1

從頭開始的Javascript 入門 -變數與資料型別 Day1 前言就像是學習國外語言，要會語法認識新單字，並且理解規則才會運用。所以學習複雜觀念之前，我們...

yolala ‧ 2019-09-03

3 Like 1 留言 2347 瀏覽

技術 JavaScript 基礎知識-物件屬性的讀取

前面介紹到了物件的基本概念，以及基本語法，這篇介紹物件的屬性舉房子的例子，房子內2間房間，有小明和小華： var house = { room: 2,...

Jerry Huang ‧ 2019-04-01

0 Like 0 留言 2335 瀏覽

鐵人賽自我挑戰組 DAY 22

從門外漢到前端新手系列第 22 篇

技術 Day22 CSS：Box-sizing

box-sizing屬性是用來聲明元素的width跟height包含box model的哪些部位。適用元素：所有可設定width跟height的元素。 va...

JinWen ‧ 2019-10-07 ‧團隊好想工作室 v3.0

3 Like 0 留言 2334 瀏覽

技術 JavaScript ES6 - 箭頭函式(arrow function)

箭頭函式不同於一般傳統函式，可以帶來更直觀更簡潔的寫法。箭頭函式結構: 傳統函式如下: const Fn = function (){ return...

Jerry Huang ‧ 2020-06-24

1 Like 0 留言 2293 瀏覽

技術 JavaScript 基礎知識-for 迴圈搭配 break 的運用

當我們在執行 for 迴圈時，如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時，這時候就可以搭配 break 來作運用建立一個陣列資料如下: var fa...

Jerry Huang ‧ 2019-04-23

1 Like 0 留言 2287 瀏覽

鐵人賽 Modern Web DAY 2

實作經典 JavaScript 30 系列第 2 篇

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

喬依司 ‧ 2020-09-10 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 2281 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 Vue components 組件的抽象概念 ✏︎

tags: Vuejs 組件的抽象概念 ✐ 註：下方 component 和組件一詞意思相同。 component 在 Vue 中是一個重要的概念，照...

RURU Tseng ‧ 2020-09-30

0 Like 1 留言 2243 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。使用...

RURU Tseng ‧ 2020-10-14

1 Like 0 留言 2243 瀏覽

技術 JavaScript 基礎知識-for 迴圈

在撈取資料的時候，可能會遇到我們需要一直撈取同樣性質的資料，這時候 for 迴圈就是使用的時機了舉個例子，前面有說到陣列內可以放多個物件，來寫點東西吧 var...

Jerry Huang ‧ 2019-04-20

2 Like 0 留言 2202 瀏覽

鐵人賽 Modern Web DAY 30

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 30 篇

技術【D30 - 期待與各位再次見面】前端學到暈島隆重閉幕!

恭喜各位如果是從之前一步一步走來的人~ 那你已經擁有了基本的前端工程師必備技能!! 前言我們在從一開始的那個地圖來看起，驗收一下我們這一路走來到底走過哪裡...

ryanyen2 ‧ 2020-09-30

3 Like 0 留言 2177 瀏覽

技術 Git 學習筆記 (上)

Git 是一種版本控制的軟體，在早期開發時，可能會透過在資料夾的命名上來做為版本控制的依據，但是 Git 就是為了解決這個問題出現，他不僅能做到版本控制，也能追...

Jerry Huang ‧ 2020-06-23

2 Like 0 留言 2158 瀏覽

技術 JavaScript 基礎知識-物件搭配 function

前面講到了物件的屬性讀取，那如果物件的某個屬性並非值而是一個函式呢？這也是可行的，我們並非要賦予屬性一個值，也可以給予一個函式用來計算假設 Jerry 的農場...

Jerry Huang ‧ 2019-04-08

技術 【D25 - Vuex】給你一個方便的儲藏室!!