自己写bootstrap框架

1、学习目标

更深入的理解CSS样式,jquery等基础知识的运用,更好的掌握bootstrap等前端框架的实现原理,为自己将来写自定义的框架打下坚实的基础。

2、前置条件

对CSS,js,jquery有基本的认识

3、教学流程

第一步、实际带大家写个入门案例:按钮的CSS基本样式和基于jquery的按钮插件
第二步、整体分析下框架的架构
第三步、开发框架的基础组件、CSS组件、js组件

4、与实际框架代码的差异

代码和源框架有细微区别,诸如屏幕阅读器的代码这里不考虑,以及组件的CSS和js代码有略微区别。

首先来看入门案例:【bootstrap按钮源代码实现】(https://www.jianshu.com/p/a2fadb18f6f0
)

你可能感兴趣的:(自己写bootstrap框架)