很多時(shí)候進(jìn)入企業(yè)的同一批Web前端工程師，在1-3年的發(fā)展過(guò)程中會(huì)出現(xiàn)分化。有的程序員依舊是程序員，而也有的成為了項(xiàng)目經(jīng)理。那是因?yàn)槭裁磳?dǎo)致了這樣的分化呢？今天小千就和大家分享一下Web前端開(kāi)發(fā)應(yīng)該避免的幾個(gè)思維誤區(qū)，初學(xué)Web前端的小伙伴一定要看。

1、Web前端工作沒(méi)必要學(xué)習(xí)后端開(kāi)發(fā)

Web前端工程師主要負(fù)責(zé)web開(kāi)發(fā)工作，但是現(xiàn)在隨著行業(yè)在發(fā)展著，Web前端的功能越來(lái)越強(qiáng)大。離線數(shù)據(jù)庫(kù)能提供數(shù)據(jù)存儲(chǔ)和管理的功能，但不會(huì)寫SQL語(yǔ)句顯然已經(jīng)行不通。WebSocket能提供即時(shí)通信，但不了解socket和WebSocket的區(qū)別，能和后端開(kāi)發(fā)(很多后端開(kāi)發(fā)只會(huì)socket技術(shù))一起搭建嗎？加快頁(yè)面展示速度不只是要從Web前端分析，后端也要考慮到，使用keep alive、 緩存等后端技術(shù)能使頁(yè)面更快地打開(kāi)。

2、網(wǎng)頁(yè)考慮不周全

大部分Web前端呈現(xiàn)使用DOM,但DOM用得多了會(huì)有性能問(wèn)題?，F(xiàn)在很流行列表頁(yè)頁(yè)底上拉加載更多，但很少有Web前端關(guān)注加載的極端問(wèn)題，如果一個(gè)頁(yè)面我下拉了很多次，加載了幾千個(gè)DOM，會(huì)發(fā)生什么問(wèn)題？答案是輕則頁(yè)面響應(yīng)緩慢，重則瀏覽器閃退。另外舉個(gè)例子：LocalStorage使用起來(lái)確實(shí)方便，很多企業(yè)的Web前端重度依賴它，甚至知名的前端開(kāi)發(fā)框架也依賴它。但它有個(gè)缺點(diǎn)–有容量限制(2.6M-10M)，我們得考慮極端情況，當(dāng)LocalStorage空間快滿時(shí)，怎么處理?；蛟诩軜?gòu)上避免這種極端情況的發(fā)生。

3、效果只需懂JS

有些人會(huì)認(rèn)為，Web前端開(kāi)發(fā)只有js，其實(shí)非也，不是所有的效果只有js能夠解決問(wèn)題，還需要掌握很多知識(shí)，比如：瀏覽器原理，html5,css3等。比如說(shuō)做一個(gè)觸摸屏上的轉(zhuǎn)盤，看似一個(gè)簡(jiǎn)單的效果，但是代表了Web前端知識(shí)的綜合應(yīng)用。你沒(méi)有觸摸屏開(kāi)發(fā)經(jīng)驗(yàn)，不知道CSS3或canvas，不了解網(wǎng)頁(yè)優(yōu)化，是做不出來(lái)的。Web前端是綜合技術(shù)的應(yīng)用，只會(huì)JS是解決不了問(wèn)題的。

4、不嘗試新技術(shù)

我們已經(jīng)有新的技術(shù)了，不要把它們浪費(fèi)了，是時(shí)候?qū)σ郧暗木W(wǎng)頁(yè)和以前的操作方式進(jìn)行變革了。試問(wèn)一下自己，網(wǎng)頁(yè)用了CSS3動(dòng)畫嗎?網(wǎng)頁(yè)支持多點(diǎn)觸摸操作嗎？距離感應(yīng)器，動(dòng)作感應(yīng)器，你用了沒(méi)有？并不是說(shuō)為了用而用這些新技術(shù)，而是更應(yīng)該將技術(shù)不斷提升，將新技術(shù)運(yùn)用到工作中。

以上就是小千整理的目前Web前端開(kāi)發(fā)應(yīng)該避免的幾個(gè)思維誤區(qū)。其他包括工作習(xí)慣，團(tuán)隊(duì)協(xié)作，自我成長(zhǎng)，交流互動(dòng)等等各個(gè)方面都有可能制約自己的發(fā)展。所以在工作中要不斷的總結(jié)提升。才能在Web前端開(kāi)發(fā)這個(gè)工作崗位上做出更出色的成績(jī)。從而獲取更多的勞動(dòng)價(jià)值。

本文來(lái)自千鋒教育，轉(zhuǎn)載請(qǐng)注明出處。

總結(jié)

以上是生活随笔為你收集整理的Web前端开发应该避免的几个思维误区的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。