1、学习目标
更深入的理解CSS样式,jquery等基础知识的运用,更好的掌握bootstrap等前端框架的实现原理,为自己将来写自定义的框架打下坚实的基础。
2、前置条件
对CSS,js,jquery有基本的认识
3、教学流程
第一步、实际带大家写个入门案例:按钮的CSS基本样式和基于jquery的按钮插件
第二步、整体分析下框架的架构
第三步、开发框架的基础组件、CSS组件、js组件
4、与实际框架代码的差异
代码和源框架有细微区别,诸如屏幕阅读器的代码这里不考虑,以及组件的CSS和js代码有略微区别。
首先来看入门案例:【bootstrap按钮源代码实现】(https://www.jianshu.com/p/a2fadb18f6f0
)