Bootstrap
Slick提供多種輪播樣式,可進行滑動、設定輪播等功能,我們只需要選定輪播形式後,引用js、css套件,即可使用它所支援的slider樣式。
Learn More →
將slick.css複製到<head>中
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
slick.js複製到<body>段
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
<div class="slider">
<div>slide 1</div>
<div>slide 2</div>
<div>slide 3</div>
</div>
<body><script>
中
Learn More →
centerMode:true
使用,表示前後兩張slide要顯現多少範圍Html產生按鈕後,js設定彈跳視窗顯示字幕 function()代入任意字元,便可使用console追蹤按鈕點入詳情,同時在多種的事件語法中,可提供紀錄匯出資料,是很重要的紀錄功能。 e.target用法 簡述:觸發事件就我們的印象中是帶入參數,傳遞從html來的特定欄位值,然而在原生的JS寫法,時常利用function(e){}預設的e去取得被點擊區塊的詳細資訊,而常使用e.target取得內部元素資料 案例 詳述:當要刪除經由迴圈產生出的列表時,就可以使用e.target確認id編號,再經由迴圈比對編號知道序號index,再splice刪除。
Oct 7, 2020前言:時常用於“我的最愛”功能列,一般我們所點選的資料都會藉由傳入後端資料庫儲存,如要取用也須從資料庫取出,無形中會增加資料庫的負荷,要節省儲存庫的容量以及載入速度,建議使用localStorage、cookie、sessionStorage的方式在瀏覽器儲存。 localStorage語法範例 存入方法:setItem("key位置",宣告) 取得方法:getItem('key位置') 匯入流程 先定義btn與html的ID位置,代入監聽公式,再建立function事件寫入匯入的公式(同上)
Oct 6, 2020解說傳值、傳參考 應對方式:Object.assign 操作實例 openModal(item){ //this.tempProduct= item; //因為物件傳參考的特性,直接用item會與tmepProduct相同 this.tempProduct= Object.assign({},item); //可採用es6語法,將item傳自獨立的空物件裡,才不會互相渲染 },
Sep 13, 2020vue元件階層處理方式 父子階層可透過emit及props做傳遞 如非父子層的關係,同階層就得經由eventbus傳遞,不過僅適合在較輕量的專案,因過多易混亂難以管理 也能選擇全域變數,但資料無法資料綁定 於是vuex就是為了解決元件層級傳遞的複雜性而被開發出,不論在層級位置都能互相傳遞,也能有雙向綁定的特性 總結使用時機
Sep 9, 2020or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up