1. 程式人生 > >Web前端實踐經驗總結

Web前端實踐經驗總結

最近用了不少業餘時間,在加強Web前端。有個很大的感觸就是,web前端比較麻煩,主要是佈局和樣式。最主要的原因,還是之前實踐得比較少,熟能生巧,不得不服啊。

   自己從頭開始寫佈局和css太費心思了,比較偏好用Bootstrap。看著別人用Bootstrap做得網站很美觀,輪到我了,就很差勁。於是乎,研究別人的程式碼,映象別人的網站,可以很容易copy到一些網站的前端設計。

   網站映象工具,網上有付費的,也有免費的,我比較喜歡用
WinHTTrack。

   目前已經初步研究了2個Bootstrap精品網站:
 
Unslider輪播元件-Bootstrap精品網站-研究學習的Demo Less-Bootstrap精品網站-研究學習的Demo
線上演示: --------------------------------------------------
最近主要做的前端板塊有:導航選單條、 表格、頁尾Footer、圖片輪播、圖片上傳。 做前端和後端一樣,有很多是重複性的工作。最不能接受的是重複的程式碼,越幹越沒勁,然後重複的是思路。
1.程式碼方面,需要總結整理,避免每次都從零開始。 
2.思路要梳理,不能迷迷糊糊的。
3.網上有很多優秀的前端元件,比如日期元件-My97DatePicker、輪播元件Unslider、上傳元件WebUploader等。
   一定要加以認真學習,能夠很熟練地使用。
4.如果網上沒有合適的,比如分頁元件,我就自己動手寫,fu-page。 
-----------------------------------------------------------------
我所見到的網際網路上的網站主要就3類:
一類是,京東和淘寶這種,前端完全自定義的,這種商業化非常嚴重的網站,前端基本不可能複用。每個公司的UI,幾乎都不同。
二類是,企業官網、部落格網站、某個公司的產品介紹等,大體類似,這類網站,網上用Bootstrap做UI的非常多,也比較容易copy。
或者用免費的CMS系統,也可以很快的搞定。
三類是,後臺管理系統,一套系統的大部分頁面的佈局和色調,是類似的。不同系統之間,由於業務類似,基本都是標準的CRUD,所以佈局、色彩,可以用一樣的,這是比較偷懶的節省成本的做法。
----------------------------------------------------------------
今天就先寫這麼多吧,要幫一個網友解決UEditor圖片上傳的問題,當然是付費的啦~

小雷FansUnion,博學的網際網路技術工作者,全棧式多屏開發工程師。掌握Web前端,Java和PHP伺服器後端,Android手機端,.Net-Windows客戶端等多種技術。