HTML5前端學習之路——從菜鳥到入門到入坑

不知不覺,在千鋒武漢HTML5培訓學習已經三個月了。最近這段時間,我一直在學習原生js的相關知識,而這周,正好是第二階段第二個月的考試周。為了過關,在這裡進行知識點的回顧和總結。


HTML5前端學習之路——從菜鳥到入門到入坑


首先,js的概念是:JavaScript 是一門跨平臺、面向對象的動態的弱類型的輕量級解釋型語言,是一種基於對象和事件驅動並具有相對安全性的客戶端腳本語言。應用於 HTML 文檔能夠在網站上提供動態的交互能力,他不同於Java。

其次,js由三部分構成:BOM、DOM、ECMAScript核心。注意,script標籤要放在body上面,需要在其中加上Window.onload。

最後,我們在最近這兩週做了來到千鋒武漢HTML5培訓之後的第一個項目,在這次做項目中,暴露出很多不足,我總結在下面:

這次做項目,遇到很多以前沒見過的bug,也通過和同學交流學習,瞭解到很多以前不知道的小技巧,這些是資料上學不來的,可以說是受益匪淺。在這裡,我總結一些自己遇到的bug,解決的附上解決辦法,沒解決的,希望有看到的大佬可以幫忙解決。

1、一個很容易產生的bug,許多程序猿編寫html和css時,都會遇到浮動和定位引起的高度塌陷的問題,我們都知道解決高度塌陷的方法,但是有時寫的high了,會不看效果,一直編寫,最後打開頁面一看,一團亂麻,不僅不好找錯誤,而且看著亂七八糟,容易產生厭煩心理。這時候,就需要一個方便解決高度塌陷的辦法。

解決方法:用我們以前學過的BFC的知識,在每個功能結構下面加一個div,class設置成clear,css樣式就寫成以前學習的萬能清除法,這樣就有效避免高度塌陷。

2、輪播圖bug。這次項目中,主頁的輪播和以前做過的不太一樣,小圖是三張一起運動,而每張鼠標時,有一個給其他可視兄弟元素添加遮罩的事件,這個用jquery可能很好寫,但是我大部分用原生寫的,再用jquery就會遇到很多問題,比如下面的span滑塊設置了進度條功能,但是不生效,也不報錯。

3、購物車總計有問題,點擊減少購買數量按鈕時,會出現input框中的數字為1,但是總計的價格依然可以減少。


HTML5前端學習之路——從菜鳥到入門到入坑


在千鋒武漢HTML5培訓的三個月讓我明白了,自己仍然是井底之蛙,前端的知識博大精深,我不懂的還有很多,希望能通過這次考試,讓我可以繼續學習新的知識,為自己的將來做準備,爭取高薪!


分享到:


相關文章: