簡介:隨著技術(shù)發(fā)展,智能化多端設(shè)備已是大家必備的設(shè)備,本課程分析講解在移動端,運用原生JS+CSS3 技術(shù),實現(xiàn)兼容跨瀏覽器跨平臺的H5端下拉刷新及上滑加載更多效果,靈活運用知識的同時實戰(zhàn)移動端典型動效特效。
第1章 課程準備
本課程讓你快速了解課程,為什么要學(xué)習(xí)這門課,及學(xué)完能學(xué)到什么,課程目的及學(xué)習(xí)目標,你需要具備的前置知識等。
第2章 JS+CSS實現(xiàn)下拉刷新效果
本章實現(xiàn)上滑加載更多效果,通過案例拆解,結(jié)合矢量圖標庫獲取加載圖標+@keyframes和animation實現(xiàn)加載動畫,以及講解生成模擬數(shù)據(jù)的通用思路,生成模擬數(shù)據(jù)以共上滑加載更多功能的測試使用。
第3章 JS+CSS實現(xiàn)上滑加載更多效果
本章實現(xiàn)上滑加載更多效果,通過案例拆解,結(jié)合矢量圖標庫獲取加載圖標+@keyframes和animation實現(xiàn)加載動畫,以及講解生成模擬數(shù)據(jù)的通用思路,生成模擬數(shù)據(jù)以共上滑加載更多功能的測試使用。