這30天將學習網頁前端基本的技術,一開始先認識HTML標籤的使用,並實作演練。
再來認識CSS的語法,包含如何設定色彩、背景、超連結、圖片等等。
最後學習bootstrap template與jquery套件。希望最後可以將所學知識吸收,做出簡易的網頁!!!
區塊的概念:區塊是指html標籤中能夠在網頁顯示的範圍多為矩形區塊 ,主要與網頁的版型設定有關聯性。 框線:因為框線圍著區塊,所有先介紹框線。包含margin屬...
Bootstrap介紹:Bootstrap 是一個開源的前端框架,用於快速開發具有響應式設計和現代化風格的網頁和網站。Bootstrap 提供了一套預先定義的...
bootstrap template:是以bootstrap 套件為主,透過網路上各個開發者開發後,分享出來供其他人使用的模板。 以下是一些常見的 Bootst...
前面幾篇認識了html跟css基本的語法,接下來要從0開始學習Vue.js。 先來介紹Vue.js 是一個用於建立交互式網頁介面的JavaScript框架。簡單...
資料綁定:Vue.js建立模型之後,可以將資料內的屬性與html頁面進行綁定。 one.js框架: var one = new Vue({ data: {...
v-if跟v-else-if跟v-else:v-if, v-else-if 和 v-else 是Vue.js框架中用於條件判斷的指令。可以控制Element的顯...
列表資料綁定v-for:是 Vue.js 中用於渲染列表的一个指令,可以在HTML Element的屬性中使用。列表資料類型可以是Array或Object。 範...
v-model 是 Vue.js 提供的一個指令,可以實現表單元素和 Vue 實例中的資料之間的雙向綁定。它是 Vue.js 中常用的一個功能,可以簡化表單處理...
v-on 是 Vue.js 中用來監聽 DOM 事件的指令。 常見的DOM事件: click: 當元素被點擊時觸發。mouseover: 當滑鼠指針移入元素時觸...
資料客製化(Customizing Data):在vue定義資料時進行客製化的處理,這使得可以在設定或獲取資料之前進行轉換或驗證。這樣可以保持資料的一致性和正確...