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