圖文版面 在這個範例中要練習圖文版面的切版 整理幾個小重點如下方: 1.將section設為滿版2.添加一個container,做為固定欄寬1200px的區塊,...
釐清目標,選擇合適的工具,事半功倍 當前兩天決定使用從零建置個人網站 30 天領域展開最為題目的時候,就有朋友提說:「你是要用哪個程式語言撰寫?」,我心裡想一想...
先前有講到 v-on 和 v-bind 指令v-on 用在事件上,v-bind 用在綁定標籤的屬性上而這些指令其實是有修飾符可以用的,意指縮寫。 拿前面章節的程...
綜合了前面所講的,來稍微整理一下 Vue 的常用語法:首先我們一樣先寫好 Vue 的相關資料,如下: <script> var app = new...
前面幾篇講到了元件,並介紹元件之間由外而內資料傳遞的屬性 props 還有由內而外傳遞的事件 emit元件也不只可以重複的讓我們來做使用,如果今天一個元件我們只...
接續上一遍, 這次要講的是相對進階的操作: 上下拖曳 - 實現Item排序 左右滑動 - 實現刪除&封存操作 滑動後的復原操作 一、上下拖曳 -...
架站前的準備,錢錢變成喜歡的樣子了 WordPress 提供免費的架站服務,但網站建置的前期要準備兩樣東西 虛擬主機:放置網站的地方 網域名稱:網站的那一串...
接下來要來介紹,如何綁定事件,以 click 事件來舉例: <div id="app"> <input type=&q...
如果我們想要在 App.vue 執行兩個 <router-view> 是否可行 ?答案是可以的 我們先到 App.vue 在原先的 <rout...
我們在前面講了很長篇幅的元件,那元件可以分為局部註冊跟全域註冊,前面的方式我們都是採用全域註冊,而所謂的全域就是指,當我在新增一個 Vue 的應用程式時,它也可...
上一篇文章有提到關於Scope chain的部分,今天整理完就來介紹一下吧 Scope(範圍、範疇) 這邊先把這兩個名詞Scope跟Chain分開,在JS的世界...
這篇要來介紹 v-for 和 v-if 這兩個指令相當於 JavaScript 的 for 迴圈跟 if 判斷式一樣先把 Vue 的基本架構寫出來: <d...
在前面提到 v-if 都是搭配 v-for 來做使用,但 v-if 也可以單獨的做使用一樣先給 Vue 的架構和資料: <script> var a...
卡片版面2 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方: 1.將section設為滿版2.添加一個container,做為固定欄寬1200px的區塊...
圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分 整理幾個小重點如下方: 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...
ThemeForest 佈景主題有 40,000 多個,琳瑯滿目 暨上篇文章【領域展開 08 式】 WordPress 佈景主題選擇 (彷彿發現無底洞 當中理解...
基本概念 基本的網頁是由 HTML、CSS 與 JavaScript 所組成 HTML 負責建構網頁的內容及基本架構 CSS 專門負責美化網頁的任務 Java...
電子名片 在這個範例中要練習電子名片的切版 整理幾個小重點如下方: 1.設定名片的寬高為390x240px,並導圓角15px,添加陰影box-shadow2.名...
區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果 整理幾個小重點如下方: 1.將section_card設為滿版2.添加一個containe...
ADB簡介 ADB(Android Debug Bridege) 是連接Android手機與PC端的橋樑,通過adb可以管理、操作模擬器和設備,如安裝軟體、查看...
抓住官方文件,將時間花在選擇而不是設定上 Soledad 有提供詳細的 Document裡面有文字與影片的操作文件,幾乎跟著操作可以達到 90% 的成功,當然有...
接下來要來介紹 Vue 裡面的 computed(計算)& watch(監聽)computed 的運用上,是我們要返回某個值且顯示到頁面上,會用到的舉個...
按鈕效果(before、after) 在網頁中,可以看到常常游標移動到按鈕的時候,通常都會有變化,讓使用者知道游標有確實的接觸到,今天就要來練習這個效果 整...
HTML使用標籤"bold"< b >跟"italic"< i >對輸出的文本進行格式,如下列的...
WordPress.org 與 WordPress.com,試用時完全不知道有分這兩個 在前幾天的文章當中先理解建置個人網站的原因與需求,進而開始比較幾個網路上...
頁尾 在這個範例中要練習頁尾部分的切版 整理幾個小重點如下方: 1.將footer_content設為滿版,添加背景色#FFEBF22.添加一個containe...
價格表 在這個範例中要練習價格表切版 整理幾個重點:1.將section_price設為滿版2.container,做為固定欄寬1200px的區塊,並設定dis...
區塊卡片 今天要練習第四區塊卡片的切版 整理幾個小重點如下方: 1.將section_part2設為滿版2.添加一個container,做為固定欄寬1200px...
接續上一篇"Day28 - Jetpack DataStore (上) | Preferences DataStore", 今天要介紹的Da...
簡單使用 演示圖 步驟: 創建menu文件 根據menu創建對應的Fragment 在主佈局創建Bottom Navigation和Fragment...