之前練習需要製作一個功能,是可以藉由點選不同商品分類,來切換顯示的商品,這裡來記錄一下是如何完成的。
首先,在商品列表,我是用列表的方式,並且透過 v-for 將分類按鈕製作出來。如下:
<li v-for=”(item,key) in filter.list” :key=”key”> <a href="#">{{item}}</a></li>
之前在練習的時候遇到一個問題,花了一點時間才找到解決方法,因此來記錄一下提醒自己。
我們知道在 router-link 的標籤中,要使用 to =”路徑”來指定要連結的網頁,遇到的問題是:每個商品需要由各自的 id 連結到各自的細節頁面,這樣路徑應該怎麼下呢?
原本寫的路徑如下:
<router-link to=”’/item/’+item.id”>連結其他網頁</router-link>
簡單紀錄一下如何用 HTML 完成跑馬燈效果。
最基本的樣式,是用 marquee 的標籤將文字包起來:
<marquee>這裡是跑馬燈的文字這裡是跑馬燈…
最近做的小作品中,遇到了需要限制文字數量的問題。因為文字顯示空間有限,不想因為文字過多而影響到排版,所以使用到了 CSS 中很好用也很簡單的方法,以下程式碼示範:
函式本身就是一個物件,那他跟物件又有甚麼差別呢?以下方例子而言:
function afunction(parameter){ var localVariable = '區域變數'…
之前提過純值以及物件傳參考的特性,這裡就要來舉例說明其中是如何運作的。以下面這個例子來說明純值:
var person = ‘小明’;var person2 =…
這裡要介紹傳值和傳參考的概念。舉例來說,我們先宣告一個變數,並且將另一個變數賦予到原變數上,如下:
var person = ‘小明’;var person2 = person;person2 =…
以下內容要來介紹物件與純值的關係。我們知道可以宣告一個變數,並且使用物件實字的方式來宣告一個物件,然後使用點記號的方式新增屬性。如下:
var family = {};family.name =…
物件取值有兩種方式,第一種是點的方式,第二種是使用中括號。舉例來說我們先宣告一個物件:
var family = {…