Web前端開發作為如今網際網路企業不可缺少的崗位，因為簡單易學成為很多人入門程式設計的首選。可是對於初學者來說，因為缺乏經驗，難免在學習的過程中會遇到一些坑，犯一些錯誤，為了幫助大家在入門前端的過程中少走彎路，列舉了初學者在入門前端時容易出錯的知識點。

一、JQuery 選擇器

在一個HTML DOM 樹中，進行一個比較複雜的元素選擇，不包含某些文字的帶有某某類名的元素的鄰居的父元素的……然後怎麼做?寫一個很複雜的jQuery選擇器?打住。

jquery選擇器原理是用正則表示式去分解你的選擇器字串(這一部分叫做Sizzle)，然後再用內建的一些遍歷函式如prev,next等(其實這些函式也是基於DOM提供的方法)，去找到你想要的元素。

二、基礎資料結構與演算法

現在有兩個不同的JSON，比較複雜，可以參考這裡的DEMO中返回的JSON。要比較它們的差異，除了用現成的工具如beyond compare以外，如果我們的機器上沒有安裝這個工具，能如何較快解決?

作為一個程式設計師，一個個對比是不可行的，對比完也不會有什麼收穫。我會把之放進Excel中(如果你機器連這個都沒有，那忽視我)，先排序，再用二分法去快速定位找到有差異的JSON屬性，即使是1024個欄位的大資料，也最多10次的定位即可找到。

其實演算法這東西，並不是給你一道題目然後把死記下來的內容背出來，而是當你遇到相應的情景時，能想到用這個方法去解決。

三、HTTP協議

現在很多專案中都是用ajax去提交JSON到後臺了，原始的那種HTTP提交已經比較少見(至少在我的專案中是這樣)，但是我們也不能忘記設定form的method、action的原始提交方式，因為這個才是表單提交的原型，有助於我們理解HTTP協議，例如POST和GET的區別，理解資料是怎麼樣從前端到達後端的，又是怎麼樣從後端返回到前端。

當你理解了這個，就可以更好地跟後端進行溝通，遇到資料上的問題也能較快地定位解決。

初學者在學習和專案中難免會犯一些錯誤，但如果有一個好的老師從中指導，會讓你在錯誤中不斷進步提升。

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊