簡介:本期課程帶領大家使用JS原生代碼封裝圖片畫廊插件,通過本例子把前端的知識做一次綜合展示,全面考驗前端工程師綜合設計、開發能力。站在產品的角度寫代碼,站在代碼的角度映射產品本質。快來加入我們的課程吧,讓我為前端的明天,貢獻自己的綿薄之力!
第1章 課程準備
示例演示和課程概況,本章節帶領大家看下圖片畫廊的演示效果,以及本期課程的前期知識儲備和最終你能學到什么。
第2章 DOM結構搭建和渲染
本章節以演示效果為例,搭建DOM并寫上CSS靜態展示效果,最后通過JS 渲染到頁面。
第3章 案例分析及 JS 代碼開發
本章節帶領大家一起分析下完成圖片畫廊的前提要點,頁面和數據該如何組織獲取以及初步交互行為,對圖片的尺寸獲取,過度動畫的開發。