前端框架學習


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框架還是比較實用的,可以實現大部分功能。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM