想請問各位全端工程,後端往前端走時,比較建議整個刻版面都自己動手來,還是直接用bootstrap等框架,要玩熟不易,但上手還算滿快的,下下標籤,但這可能會有個問題就一直處在一知半解的情況下。還是說會比較建議先手動練熟了,在用上bootstrap等框架輔助,比較真實知道自己在玩什麼。
各位過來人可否分享一下自己的經驗。
問題:後端往前端走時,比較建議整個刻版面都自己動手來,還是直接用bootstrap等框架
答:以個人經歷回答,都需要了解
我去W3C依序學完
就可以使用bootstrap拉公司後台管理網頁的大綱模板
知道如何套用第三方模板
然後配合chrome 網頁工具(按F12) 去修改細節,
這樣有個好處,寫完即所見
問題:顆顆,我是如果不用bootstrap要我空手rwd的話
回答:
假如要了解原理
rwd最主要grid原理
切x等份,百分比以100/x
<style>
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
</style>
@media概念:
舉例:想做當寬度在500px以下時背景顏色是藍色
500px以下時背景顏色是綠色
<style>
body {
background-color: green;
}
@media only screen and (max-width: 500px) {
body {
background-color: blue;
}
}
</style>
這些也都可以在bootstrap github裡面學到
所以先熟bootstrap框架,在看source code來學,
之後要重頭自己手刻css,做細部調整都可以自己做調整,就耗費一點時間而以
我有依序學玩了XD,不是完全沒概念得情況下,只是css知道歸知道,但使用上並不那麼熟悉,需要一直查的狀況,jquery那些沒什麼問題F12也大概會用
就比如說你要我手動作出rwd可能就做不太出來,有一點類似剛開始寫程式,雖然知道迴圈,但要拿回圈來做複合式應用時卡卡的等等的狀況
你應該卡在多練習階段而以 :)
rwd把bootstrap grid練好就可以應付很多情況了
顆顆,我是如果不用bootstrap要我空手rwd的話