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