前端框架学习

bootstrap+jquery

开始:

以前总以为前端很容易,可是真正接触过之后才明白,并不是那么简单,下面总结的是CSS/HTML框架之:bootstrap;版本: v3.3.7 

首先,值得一提的是两个学习网站:https://www.bootcss.com/  (bootstrap中文网);

https://www.runoob.com/bootstrap/bootstrap-tutorial.html(菜鸟教程);

比较适合初学者的网站,可以从这上面下载一些需要的工具,并且都有使用教程;

以下页面就是用此框架实现的,这也是我刚做的项目,博山区新生入学平台,客户是博山区一年级新生家长,

前端页面主要用了下拉框,input标签,还有radio button按钮等等,整个页面也是手机自适应,按快捷键F12可进入开发者模式,查看手机自适应情况

                                                               电脑端

                                        手机端

本系统遇到的最大问题就是radiobutton按钮有默认值,用jquery语句清空了好久也清空不了,只能以代码段的形式实现;

通过remove方法移除和prepend方法进行添加,这样就解决了默认值的问题,里面的页面跳转和隐藏现实逻辑也是通过jquery封装的方法实现;

总体来说,bootstrap框架还是比较实用的,可以实现大部分功能。

原文地址:https://www.cnblogs.com/jingyukeng/p/10997952.html