前端,在公司尤其是在UI的眼里,貌似他們也會寫簡單的頁面,所以很多時候一個菜鳥前端是要被取笑的。。
無妨,畢竟底氣不足,也想談談作為一個菜鳥,眼中的前端是怎么樣的,哪些難以實現。
這段時間收獲並不大,因為頁面較多,所以很多時候都是抱着完成任務的心態去工作,工作效率就不談了,寫完一個頁面,組件類的,之后再有重復的,就是ctr+c 或者ctr+v的工作
技術副總監交了我一些規划似的方法,執行者為我。要組件化框架化,把相同的組件櫃類,寫樣式,然后不同的樣式再繼續拓展這樣前期就會比較難,后期就會比較簡單
當初我也是這樣想的,但是我自己挖的坑怎么都填不好
其一:我想我們部門是和產品部門結下了梁子,看似色調 尺寸一樣的頁面,其實千差萬別,尼瑪,我套用原來的根本無卵用,還要不停的改原來的,加個類名 在寫新的去覆蓋之前的,我沒有覺得我的高質量有多少簡約,反而增加了我不停改正不停對比的工作重復
這樣看來,其實產品部並不是畫好簡單的圖就完事的那種,他們把不同的樣式進行無線的自由組合,所以我覺得代碼好不好寫,頁面好不好寫,其實跟產品有着最直接也是最密切的關系,並不是作圖好看就可以。
其二:因為自己前期寫的套用格式,后期無法套用,我就一直嘗試去套用,被自己最初寫的代碼坑的苦不堪言
其三:css 命名,我的命名多數都是根據百度翻譯而來,但是一個完整型的網頁,類似的名字實在太多,最初考慮的並不完善,只能不停的加長名字的翻譯,以視區別,所以好的前綴與后綴灰常重要,這決定了你后期寫代碼的時間和工作量。切記單純翻譯,你會嫌棄自己
其四:布局,寧願多用幾個div包裹 也不比吝嗇少幾個,總會有幾種需求讓你有備而無患
其五:基礎樣式的編寫,一定要考慮好后期的更改和拓展
總結以上幾點:也就是命名規格,布局,樣式
我寫的css是根據模塊來區分,比如說modal.css table.css btn.css header.css footer.css top.css and so on
我引入的css 太多,我不覺得有好處 相反我深深覺得不對勁
雖然是基於bootstrap 按照他們對css 的規則去不停引入,作為一個電商網站,目前,我是覺得不適用的。此網站是本人寫的第一個網站,有種無力感,但我知道,我一定會完成的!