通过原生HTML/CSS/JavaScript完成一个日期选择器(datepicker)组件的开发。主要包括datepicker静态结构的编写、日历数据的计划获取、组件的渲染以及组件事件的处理。 课程基本涵盖一个完整的前端组件的基本要素,掌握后对其它组件的开发有借鉴意义。
需要有HTML/CSS/JavaScript基础
1、使用HTML和CSS编写组件的静态UI
2、使用原生javascript完成日历数据的获取
3、使用原生javascript实现静态UI和动态数据的结合,完成日历数据的渲染
4、事件绑定处理
5、前端组件的基本构成和编写模式