股票論壇個人日誌——第六週:前端設計之主頁完善+用戶交互優化

團隊日誌:

https://blog.csdn.net/Seb_Veeeettle/article/details/105749143

個人工作

  • 主頁導航欄優化
  • 跳轉界面製作
  • 404界面製作
  • 用戶交互的細節優化

個人心得

整個項目的開發接近尾聲,個人主要負責前端的製作,第一次按版本開發,不斷地自學html5、cs、js知識,但是學的很不繫統,基本上都是哪裏有需求學哪裏的一個狀況,但是收穫還是比較大的,對於前端的基本知識也比較熟練,和開始相比,運用的效率高了很多。下邊大體總結一下前端開發的經驗:

前端入門很快,基本自己自學一下就可以自己寫出一個靜態頁面。前端具體要學什麼,我是一直先學個基礎,然後在做項目中慢慢領悟成長,很多東西你現在學得, 不用的話,過不了多久就忘了,而且我總感覺有些東西只用在項目中才會體會到它的真正用處,只有項目的實踐和開發纔會讓你真正瞭解整個流程和技術是怎樣的。
1,Html+css可以直接看w3school(http://www.w3school.com.cn/)上的教程,邊學邊練,每章後還有小測試。之後可以模仿一些網站做些頁面(這個很重要,多模仿一下比較複雜的網頁,其實在很多公司就是這樣,設計師把圖給你,你要把圖用代碼寫出來了,實現它的兼容性和交互效果,這裏還涉及到一個“切圖”的技術,可以瞭解一下怎麼把一張圖切好,用代碼將它實現),真正在實踐中做到學以致用,如果想看書的,可以看一下《 Head First HTML與CSS、XHTML(中文版) 》,這本書對於html+Css入門比較容易點。
2,現在html和css都已經升級到了html5,css3,所以僅僅學html+css是不夠的,現在外面的公司基本都用html5和css3,這兩個的入門我之前也是直接看w3c文檔。Html5和css3移動的會用得更多,在pc上ie瀏覽器很多版本都不支持。
3,JavaScript:不是所有的網頁都必須有js,但是要想實現一些超酷的功能和界面的時候,就需要涉及到js。關於javascript的學習,在我上一篇已經有了初步的總結詳見https://blog.csdn.net/weixin_43973320/article/details/106361383

4,jquery,bootstrap和AngularJS:這3個是前端我常用的框架,前端的框架實在太多了,參差不齊,不同人用的框架都不一樣,不過這3個框架是很多人用的,jquery是javascript封裝好的一個框架,用jquery實現網頁的動畫效果,能減少原生js的編寫,代碼量也會減少很多。Jquery可以看《鋒利的jquery》,這本書講得很基礎,也可以看一下w3c文檔關於jquery的介紹來入門。
bootstrap是Twitter推出的一個用於前端開發的開源工具包,它比較好的是響應式做得很不錯,而且引入它的.css和.js文件,就可以直接調用它的class,不用寫太多樣式,減少自己css的編寫,而且網頁的很多特效可以直接套用它的模塊,實現的效果也很酷炫。Bootstrap可以從它的中文網上學:http://www.bootcss.com/ 它現在已經升級到bootstrap3.0的,它更針對的是移動端響應式的,現在移動端這麼火,它也是被很多公司所用,所以建議一定要去這個框架,不過它的一個很不足的是不兼容ie8以下。
AngularJS這個框架很牛逼,這個框架建議有一定基礎再學,至少有做過幾個完整項目再學你纔會體會到他的強大,AngularJS可以去慕課網(http://www.imooc.com/course/list?c=fe)學,看“大漠窮秋”的視頻。
5,用戶交互體驗:這個真的要等你有一定工作經驗再來了解,前端這個職位本來就是位於後臺與用戶交互體驗之間,所以既要學好前端的知識,也要了解一點後臺的知識,還要了解用戶交互體驗,要跟這兩者溝通合作好。

總之一句話,以前前端開發只是做一些很簡單的特效什麼的,但伴着 ajax 的興起,隨着 HTML5 以及瀏覽器的性能越來越高,前端的開發越來越複雜,以前在後端的事情現在會放到前端來,以便給用戶更好的體驗。
但是前端開發比起後臺,要處理的邏輯代碼要少得多,大部分邏輯都比較簡單,比較難搞的是瀏覽器兼容,以及考慮瀏覽器解析執行的性能問題。但是並不是說前端的開發很容易,其實很多時候是,一件事情用前端開發有 N 種方法,要找到最好的方法是需要有良好的架構設計的。前端技術更新的速度比後臺技術要快很多,很多前端框架更新得太快,而且也特別特別多,所以想從事這一行的也要做好準備,要不斷學習學習再學習。。。

不過也不要怕,一開始最重要的是把html+css+JS學好,先把一個框架和樣式搭好,再來實現它的 特效。原生的js如果覺得比較難的話,可以先了解一下基礎,先學JQuery,再慢慢學原生js.

以上更多的技術是關於PC的,現在移動端的很火,有空可以多瞭解一下這方面的技術,bootstrap,jquerymoblie,phonegap,個人覺得jquerymobile各個方面都不如bootstrap.有空可以多學booststrap

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章