在以往我們在字串的組合上會比較冗長,如下: const people = [ { name: '小明', friends: 2 },...
最近又再重複的溫習了 Vue 的 component,希望能重新幫自己整理思緒 component 俗稱元件,在網頁我們每一個區塊內容都可以封裝成一個獨立的元件...
先來看一下題目 Given an array of positive integers (representing coins), find the small...
導覽列 在這個範例中要練習導覽列區塊的切版 整理幾個重點:1.將section_kv設為滿版,添加屬性position: fixed (固定定位),將導覽列的區...
JavaScript 的物件結構,基本會是 {} 包覆 屬性:值,如下: var person = { name: '小明', members:...
這裡來介紹在 Vue 動態加上 class一樣先把 Vue 的架構先撰寫出來,而目標是想點擊按鈕時會在 .box 自動加上 rotate 這個 class,再點...
const Frieza = '弗利沙' const GinyuTeam = { Ginyu: '基紐', Jeice: '吉斯', burter:...
合體版面 今天要將DAY6~DAY13所練習的所有版面合體起來,變成一個完整的頁面結束完這個完整個範例後,接下來的這幾天,每天會提供一個比較常見的範例一起練習...
準備好之後,接下來我們要來引入 Bootstrap 套件了,參考 鐵人賽Day28 - Vue Cli 我們除了可以在 App.vue 的 style 引入 B...
在前面我們已經了解了元件,現在我們要來多加說明 props 這個屬性props 是由外而內傳遞資料所使用的屬性有時候我們傳遞的資料也許是需要數值型態來計算的,這...
簡介 使用ViewBinding能夠大幅減少獲取View(視圖元件)的程式碼量。其原因是你再獲取元件時不必宣告一堆變量儲存控件和不必再寫一堆findView...
前面一篇我們建立應用程式的時候把資料呈現在頁面上的方法是使用兩個大括號包覆的方式,如下: <div id="app">...
效果圖 步驟: 創建menu 創建navigation 依照menu創建對應的Fragment 創建DrawerLayout和NavigationView...
從頭開始的Javascript 入門 -函式 day3 前言 函式是物件 (除了基本型別以外的都是物件) 宣告函式名稱方式常見有兩種:函式宣告(Functio...
在某些時候,我們會希望內容在特定的情況下才顯示,例如頁籤的效果,雖然可以透過 v-if 來判斷,並顯示元件但元件一多的時候,反而不是一個理想的方法,所以才有 i...
這裡開始是實戰的學習紀錄,首先我們要先創建一個新專案,採用 Vue Cli安裝辦法參考這裡 鐵人賽Day28 - Vue Cli 接著進行 vue router...
Promise 是 ES6 用來處理非同步的一種方法,至於是處理什麼問題呢? 非同步寫法不一致 非同步程式碼過巢 無法同時執行 以 jQuery 來說 aj...
在 vue router 文件中有提到一些方法,可以讓我們使用參考資訊 我們先在 menu.vue 內新增兩個 <a> 連結,一個是切換到指定頁面,...
前面講到 props,它是由外而內傳遞資料的一種屬性不同於 props,emit 是一種事件,而且特性是由內至外有一種情境是,當我們在 Vue 的 method...
props 是從 Vue 實體傳送資料進去元件內,若是元件想要改變 Vue 實體本身的資料,這時候就會需要 emit 了props 是一個方法,但 emit 是...
貨比三家不吃虧,使用前請詳閱說明書 繼昨天談到架站工具蠻多種的,認清需求與目標之後,從原本五樣工具先刪除兩種,緊接今天要從最後的三名候選人當中挑出最終要使用的平...
CSS引入方式 有以下四種方式可以在HTML中引入 CSS。 1.內聯方式 內聯方式指的是直接在HTML標籤中的style屬性中添加CSS。 <div s...
HTML標記語言裡,能讓CSS和javaScript整合運作的關鍵,就是運用好HTML的屬性(HTML Attribute),但是在使用屬性之前,我們要整理出需...
先建置 Vue 資料的基本狀態: <script> var app = new Vue({ el: '#app', data: {...
在前面我們有稍微提到了 v-for,現在來複習一下,一樣先建構 Vue 的基本結構和資料: <script> var app = new Vue({...
購買後需詳閱公開聲明書 會下這標題的原因是,主題真正購買後的安裝設定,真的需要參考網路文章才能少走很多冤望路,昨天的文章將個人網站的預設架構與主題作了初步的擬定...
前面我們製作了 localhost:8080/#/page 的頁面現在我們要製作 localhost:8080/#/page/child1localhost:8...
接下來要來介紹一個新的指令 v-bind,它是用來綁定 HTML 標籤的屬性照慣例,Vue 的架構如下: <div id="app"&...
前言 哈囉~我是一位平面設計師,相信現在很多平面設計師常常被要求需要會一堆技能,起初只要會adobe illustrator、photoshop,現在還希望你會...
簡介 接續上一篇影片播放器, 這篇要介紹的是子母畫面PIP(Picture in Picture)功能,最常見的就是應用在"影片播放"和&q...