简介:本期课程带领大家使用JS原生代码封装图片画廊插件,通过本例子把前端的知识做一次综合展示,全面考验前端工程师综合设计、开发能力。站在产品的角度写代码,站在代码的角度映射产品本质。快来加入我们的课程吧,让我为前端的明天,贡献自己的绵薄之力!
第1章 课程准备
示例演示和课程概况,本章节带领大家看下图片画廊的演示效果,以及本期课程的前期知识储备和最终你能学到什么。
第2章 DOM结构搭建和渲染
本章节以演示效果为例,搭建DOM并写上CSS静态展示效果,最后通过JS 渲染到页面。
第3章 案例分析及 JS 代码开发
本章节带领大家一起分析下完成图片画廊的前提要点,页面和数据该如何组织获取以及初步交互行为,对图片的尺寸获取,过度动画的开发。