1.前言從事web前端的人很多，每個(gè)人的學(xué)習(xí)方式，學(xué)習(xí)習(xí)慣基本不會(huì)一模一樣隘击！關(guān)于web前端（或者直接互聯(lián)網(wǎng)）缀程，大家都知道，是做到老曙砂，學(xué)到老的一個(gè)行業(yè)。之前寫(xiě)文章的時(shí)候，我說(shuō)過(guò)很多學(xué)習(xí)的方式和建議辐董。今天換一下，說(shuō)一下我個(gè)人不建議的學(xué)習(xí)方式禀综，或者我個(gè)人覺(jué)得是妨礙進(jìn)步的學(xué)習(xí)方式简烘，希望大家引以為鑒！如果大家有什么補(bǔ)充和指點(diǎn)的定枷，歡迎指出孤澎。大家一起交流意見(jiàn)，互相幫助欠窒！

2.具體情況

1.只看教程覆旭，不動(dòng)手實(shí)戰(zhàn)

這個(gè)可以說(shuō)是學(xué)習(xí)的最大的一忌，也是提醒過(guò)最多的一個(gè)注是事項(xiàng)！網(wǎng)上的教程有許多許多姐扮，各個(gè)語(yǔ)言絮供，各個(gè)知識(shí)點(diǎn)，各方面的都有茶敏，javascript壤靶，html5，css3等的一些惊搏，隨便一搜就一大把贮乳，畢竟互聯(lián)網(wǎng)最大的優(yōu)勢(shì)之一就是資源共享！但是很多人看教程就只是看教程恬惯，不動(dòng)手實(shí)操向拆。即使博客的教程，視頻教程再好酪耳，自己不動(dòng)手實(shí)操浓恳，寫(xiě)代碼，這樣的學(xué)習(xí)方式碗暗，記憶根本不深刻颈将，容易遺忘，到頭來(lái)言疗，可能什么都沒(méi)學(xué)會(huì)晴圾！而且有些教程，如果沒(méi)有跟著動(dòng)手實(shí)操噪奄，可能會(huì)蒙圈死姚。?個(gè)人建議：要挑覺(jué)得適合自己的教程，也要?jiǎng)邮謱?shí)操勤篮，寫(xiě)代碼都毒。即使不是邊看教程編寫(xiě)代碼！在看完了教程之后碰缔，一定要自己動(dòng)手實(shí)操账劲！過(guò)程中，可能會(huì)遇到些問(wèn)題手负，但是這樣才會(huì)學(xué)習(xí)到更多涤垫，記憶也更加牢固姑尺！

2.只學(xué)框架或者庫(kù)

這個(gè)情況竟终，針對(duì)javascript（下稱(chēng)：js）現(xiàn)在沒(méi)有以前嚴(yán)重了，在我大學(xué)和實(shí)習(xí)期間切蟋，那個(gè)時(shí)間還是jquery傲視群雄的時(shí)候统捶。很多人會(huì)在聊天的時(shí)候會(huì)說(shuō)：有了jquery，為什么還要學(xué)js？有了vue喘鸟，為什么還要學(xué)js匆绣？面對(duì)這樣的提問(wèn)，我那時(shí)候沒(méi)有回答什黑，心里想：jquery或者vue就是用js實(shí)現(xiàn)的崎淳，不會(huì)js，學(xué)jquery或者vue第一學(xué)得吃力愕把，第二學(xué)jquery或者vue肯定不會(huì)很深入拣凹。而且，萬(wàn)一有時(shí)候恨豁，項(xiàng)目不允許用jquery或者vue嚣镜，那就基本不會(huì)寫(xiě)代碼了。這時(shí)候橘蜜，如果學(xué)習(xí)其它的框架或者庫(kù)菊匿，基本又等于重新學(xué)一門(mén)語(yǔ)言了。?個(gè)人建議：先把基礎(chǔ)（html+css+js）打牢计福，再學(xué)其他框架或者庫(kù)跌捆。雖然在會(huì)js的情況下，我不敢說(shuō)學(xué)js的框架或者庫(kù)就是查文檔棒搜，查API疹蛉。但至少學(xué)js框架或者庫(kù)可以不會(huì)那么吃力！

3.只顧著寫(xiě)代碼

這個(gè)就是我之前的一個(gè)習(xí)慣力麸，只顧著寫(xiě)代碼可款，不知道：耦合，實(shí)例化克蚂，繼承等專(zhuān)業(yè)術(shù)語(yǔ)闺鲸，和別人交流，無(wú)限蒙圈埃叭！根本不知道別人在說(shuō)什么摸恍！互聯(lián)網(wǎng)的技術(shù)更新的速度非常的快，隔三差五就發(fā)布一個(gè)框架赤屋，一個(gè)庫(kù)立镶，一個(gè)工具。雖然不是每一個(gè)更新的技術(shù)都需要學(xué)習(xí)类早。但是如果只顧著寫(xiě)代碼媚媒，不了解新的技術(shù)。這樣很容易使自己停止不前涩僻，失去競(jìng)爭(zhēng)力缭召。?個(gè)人建議：在寫(xiě)代碼之余栈顷，要確保自己是不是了解代碼，對(duì)代碼有沒(méi)有一個(gè)認(rèn)識(shí)嵌巷。以及多點(diǎn)留意消息萄凤，看下有沒(méi)有什么技術(shù)更新！如果覺(jué)得更新的技術(shù)很實(shí)用搪哪，或者自己有興趣靡努，可以多了解下！畢竟互聯(lián)網(wǎng)是一個(gè)做到老晓折，學(xué)到老的一個(gè)領(lǐng)域颤难，技術(shù)更新的很快，如果跟不上流行的趨勢(shì)已维，說(shuō)不定自己會(huì)被淘汰呢行嗤！

4.太早接觸復(fù)雜項(xiàng)目

這個(gè)情況，比較普遍垛耳，無(wú)論是在學(xué)姓て粒或者是現(xiàn)在的培訓(xùn)機(jī)構(gòu)。很多學(xué)習(xí)前端的人堂鲜，基礎(chǔ)沒(méi)打牢栈雳，就在那里揚(yáng)言要做一個(gè)大項(xiàng)目，我聽(tīng)到的有的人想做知乎缔莲，有的人想做世紀(jì)佳緣等等一些偉大的目標(biāo)哥纫！但是全部人都是連網(wǎng)站的業(yè)務(wù)流程和邏輯都沒(méi)弄清，最后越搞越亂痴奏，就放棄了蛀骇！之前的偉大目標(biāo)都成了爛尾樓，作用最多就是一個(gè)代碼練習(xí)的作用读拆！花了大量的時(shí)間擅憔，做了一件沒(méi)很大的實(shí)際意義的事情！?個(gè)人建議：從簡(jiǎn)單到復(fù)雜檐晕，復(fù)雜的網(wǎng)站暑诸，都是有很多簡(jiǎn)單的模塊。不妨先從簡(jiǎn)單的功能做起辟灰，做完了一個(gè)功能再往里面加功能个榕！現(xiàn)在所處的公司就是這樣，開(kāi)發(fā)的后臺(tái)管理系統(tǒng)芥喇，開(kāi)發(fā)幾個(gè)月了西采，從一個(gè)只有員工的登錄注冊(cè)的功能，然后再逐一加功能乃坤，到現(xiàn)在項(xiàng)目逐漸完善苛让！

5.好高騖遠(yuǎn)，急于求成

這個(gè)情況就是多見(jiàn)于培訓(xùn)機(jī)構(gòu)出來(lái)的人湿诊。我不知道是不是所有城市都是這樣狱杰，但是廣州這邊，給我的感覺(jué)就是這樣厅须。就是目標(biāo)不切實(shí)際仿畸，對(duì)自己也不夠認(rèn)識(shí)！之前在群聊的時(shí)候朗和，在金三銀四那段時(shí)間错沽，很多人找工作，聊天的時(shí)候也遇到過(guò)很多培訓(xùn)機(jī)構(gòu)的人眶拉。簡(jiǎn)歷上是各種精通千埃，剛畢業(yè)在培訓(xùn)機(jī)構(gòu)培訓(xùn)幾個(gè)月，要么就是自帶兩三年工作經(jīng)驗(yàn)忆植，要么就是說(shuō)自己培訓(xùn)了幾個(gè)月放可，技術(shù)水平和市面上兩三年的人差不多〕總之就是把自己吹得無(wú)所不能耀里！但是一出題，就十問(wèn)九不知拾氓。問(wèn)閉包是什么冯挎，不知道；問(wèn)原型是什么咙鞍，不知道房官。問(wèn)繼承是什么，還是不知道续滋。這里就得說(shuō)下易阳，我印象深刻的一道題了。這道題我就是用來(lái)對(duì)付那些人的吃粒！看到哪個(gè)人各種精通潦俺，各種吹。我立馬出這道題徐勃，結(jié)果沒(méi)一個(gè)能回答正確事示，題目在下面！

alert(a)a();var a=3;function a(){ ? ?alert(10)} ? alert(a)a=6;a();

上面所說(shuō)的僻肖，只是一個(gè)表面的現(xiàn)象肖爵，更重要的就是，好高騖遠(yuǎn)這個(gè)情況臀脏，很有可能會(huì)導(dǎo)致自己難以找到工作劝堪！因?yàn)橐恍┢髽I(yè)認(rèn)為最高只能給你4000工資冀自，但是你自己卻認(rèn)為自己有實(shí)力拿到9000以上的工資。這樣情況秒啦，很難找到工作熬粗！給人的印象也不好！更重要的是余境，這可能會(huì)影響自己的職業(yè)選擇驻呐！?個(gè)人建議：從實(shí)際出發(fā)，評(píng)估自己芳来。想下自己會(huì)什么含末，能給企業(yè)帶來(lái)什么！也可以停下別人的建議即舌，和對(duì)比下別人的技術(shù)水平和工資佣盒，或者是上網(wǎng)找一些面試題，看下自己能不能完成那些面試題顽聂！最后評(píng)估下自己沼撕，認(rèn)為自己處于什么位置！

6.看到難點(diǎn)就逃避

這一點(diǎn)芜飘，相信很多人都有感觸务豺，就在開(kāi)發(fā)上，遇到上一個(gè)或者幾個(gè)自己覺(jué)得沒(méi)辦法實(shí)現(xiàn)的需求或功能嗦明。千方百計(jì)地想著逃避笼沥，比如：這個(gè)功能不是很重要，不做可以嗎娶牌？這個(gè)功能我從來(lái)沒(méi)弄過(guò)奔浅，搞不定的。這個(gè)功能外包給別人做吧诗良，我們做不了汹桦！很多一些逃避話(huà)語(yǔ)。大家可以想下鉴裹，如果每次都是逃避舞骆，那么時(shí)間一久，自己技術(shù)水平是不是還停留在基礎(chǔ)那個(gè)階段径荔？以后要怎么提升自己的技術(shù)水平督禽。?個(gè)人建議：迎難而上。在web前端開(kāi)發(fā)這塊总处，如果遇上了難題是正常的狈惫，如果沒(méi)遇到難題就是見(jiàn)了鬼！面對(duì)難題鹦马，我們應(yīng)該是挑戰(zhàn)難題胧谈，而不是逃避忆肾！大家都想提升自己的技術(shù)水平，挑戰(zhàn)難題不就是一個(gè)很好的提升技術(shù)水平的實(shí)戰(zhàn)機(jī)會(huì)嗎菱肖？如果完成了之前認(rèn)為不可能完成的難題客冈，這樣就是一個(gè)技術(shù)水平提升的見(jiàn)證！不是嗎蔑滓？我也覺(jué)得，每天就寫(xiě)簡(jiǎn)單的業(yè)務(wù)代碼遇绞，不探索新知識(shí)键袱，不挑戰(zhàn)難題，這樣做開(kāi)發(fā)也沒(méi)多少意思摹闽！

7.能用就行蹄咖，不想優(yōu)化

這個(gè)也是一個(gè)很常見(jiàn)的情況，很多人認(rèn)為寫(xiě)的代碼能用就行付鹿，能實(shí)現(xiàn)需求就行澜汤！根本不管日后的優(yōu)化。在開(kāi)發(fā)項(xiàng)目或者開(kāi)發(fā)插件上舵匾，雖然我也是提倡:先實(shí)現(xiàn)俊抵，再優(yōu)化這個(gè)方式！但是并不代表我開(kāi)發(fā)完了就完了坐梯，不會(huì)再想優(yōu)化徽诲！如果不試著去優(yōu)化自己的代碼，不探索寫(xiě)代碼的更好方式吵血，以后別說(shuō)編寫(xiě)高質(zhì)量谎替，簡(jiǎn)潔的代碼了，因?yàn)樽约喊褜W(xué)習(xí)編寫(xiě)高質(zhì)量蹋辅，簡(jiǎn)潔的代碼的一個(gè)重要途徑給封鎖了钱贯。還有一個(gè)就是，項(xiàng)目上侦另，有些問(wèn)題可能是潛在的秩命，就是現(xiàn)在看著項(xiàng)目沒(méi)出現(xiàn)什么問(wèn)題，但并不代表以后不會(huì)出現(xiàn)問(wèn)題褒傅。反而在項(xiàng)目開(kāi)發(fā)完了之后硫麻，試著去優(yōu)化自己的代碼，探索更好的實(shí)現(xiàn)方式樊卓，試著編寫(xiě)出高質(zhì)量拿愧，簡(jiǎn)潔的代碼。這樣難道不是一個(gè)很好的學(xué)習(xí)過(guò)程嗎碌尔？至于優(yōu)化代碼的方式浇辜，很多很多（比如常說(shuō)的：代碼過(guò)于重復(fù)券敌，是否引入設(shè)計(jì)模式？網(wǎng)站性能一般柳洋，可否進(jìn)行優(yōu)化待诅？），優(yōu)化這一塊熊镣，也不是說(shuō)一步就優(yōu)化到最好的卑雁，而是至少不會(huì)比以前差！關(guān)于優(yōu)化绪囱，我之前也發(fā)過(guò)一些資源测蹲。很容易找到，網(wǎng)上的資源更是很多鬼吵！大家挑著看便是扣甲！

8.不懂不問(wèn)和不懂立刻問(wèn)

不懂不問(wèn)，這個(gè)大家都知道齿椅，就是遇到問(wèn)題琉挖，從不問(wèn)同事或者通過(guò)其他方式咨詢(xún)別人。就是自己在那里苦思冥想涣脚，嘗試各種解決方案示辈。這樣的方式，最壞的結(jié)果就是最終還是解決不了問(wèn)題遣蚀，讓同事來(lái)詢(xún)問(wèn)開(kāi)發(fā)情況顽耳。最好的結(jié)果問(wèn)題解決了，但是解決問(wèn)題所花的時(shí)間會(huì)肯定很多妙同。?不懂立刻問(wèn)射富，這個(gè)就是詞面的意思。遇到問(wèn)題馬上問(wèn)別人粥帚。自己沒(méi)怎么思考或者根本不思考胰耗。這樣能解決問(wèn)題，但是這樣會(huì)導(dǎo)致自己可能會(huì)頻繁的問(wèn)同事芒涡，會(huì)搞得同事很不耐煩柴灯。如果把同事的耐心磨沒(méi)了，可能回答的語(yǔ)氣可能不會(huì)很好费尽。這樣不僅影響同事之間的關(guān)系赠群，還會(huì)讓自己之后不敢再請(qǐng)教同事，有讓自己處于上面所說(shuō)的不懂不問(wèn)的風(fēng)險(xiǎn)旱幼。?個(gè)人建議：適時(shí)請(qǐng)教查描。遇到不懂的問(wèn)題，先自己結(jié)合上下文思考下，想下以前有沒(méi)有遇到這個(gè)問(wèn)題冬三，解決不了去網(wǎng)上找解決方案匀油，如果還沒(méi)有解決問(wèn)題，這個(gè)時(shí)候再問(wèn)別人勾笆，問(wèn)同事或者通過(guò)其它渠道問(wèn)別人敌蚜。這樣自己有了思考，解決問(wèn)題的時(shí)候記憶也很深刻窝爪，也不會(huì)頻繁的打擾同事弛车！

9.不懂裝懂

這個(gè)次面上跟上面的差不多，但實(shí)際上不一樣蒲每！不懂裝懂就是去問(wèn)別人的時(shí)候纷跛，實(shí)際上別人的講解并沒(méi)有完全聽(tīng)懂，可能是礙于面子或者是因?yàn)椴缓靡馑即驍_別人那么久啃勉，或者擔(dān)心打擾別人太久忽舟，所以裝作很懂双妨。但是這樣可能忽悠得了一時(shí)淮阐，很快又會(huì)露出馬腳。這樣會(huì)搞得隔一會(huì)又要去問(wèn)別人同樣的問(wèn)題刁品，這樣反而會(huì)搞得別人更加尷尬泣特，更加為難！自己也會(huì)打擾別人更多的時(shí)間挑随！?個(gè)人建議：如果有問(wèn)題去問(wèn)別人状您，只要你問(wèn)的人不是一個(gè)非常沒(méi)有耐心的人。他都會(huì)耐心的解答你的問(wèn)題兜挨！所以膏孟，當(dāng)問(wèn)別人問(wèn)題的時(shí)候，一定要確保自己是已經(jīng)弄懂了問(wèn)題的緣由拌汇，同事一遍沒(méi)解釋清楚柒桑，自己直接回答不明白，相信很多人都會(huì)再詳細(xì)的解釋一遍噪舀。如果擔(dān)心同事工作忙或者其它原因魁淳，可以挑一個(gè)合適的時(shí)間！我現(xiàn)在問(wèn)同事就是与倡，要么不問(wèn)界逛，要問(wèn)就切底弄懂！當(dāng)然了纺座，我的同事都很有耐心息拜，每次我有什么問(wèn)題，他們都會(huì)耐心解答，甚至是擴(kuò)展開(kāi)來(lái)講该溯！

10.沒(méi)理清楚需求就寫(xiě)代碼

很多人在接到需求之后岛抄，第一反應(yīng)就是寫(xiě)代碼，即使是在自己沒(méi)把需求理清楚之前也是照樣寫(xiě)代碼狈茉。另一種情況就是夫椭，很多人是邊寫(xiě)代碼，邊想需求氯庆。這個(gè)開(kāi)發(fā)方式蹭秋，萬(wàn)一自己對(duì)需求理解有誤！可能會(huì)導(dǎo)致自己寫(xiě)的代碼堤撵，很大一部分都要修改仁讨，甚至是全部刪除重寫(xiě)。沒(méi)理清楚需求就寫(xiě)代碼這個(gè)情況实昨，發(fā)生的概率應(yīng)該挺大的洞豁，但是一般來(lái)說(shuō)很難發(fā)現(xiàn)這個(gè)情況，畢竟程序員對(duì)代碼的增刪改查是再正常不過(guò)了荒给！我本身也不知道丈挟，就是在一次的技術(shù)分享中，老大提出來(lái)的志电，他的建議就是對(duì)于一些稍微復(fù)雜一點(diǎn)的需求曙咽，先理清楚需求，簡(jiǎn)單畫(huà)個(gè)流程圖挑辆，然后在代碼里面例朱，先寫(xiě)上一點(diǎn)注釋?zhuān)匍_(kāi)始動(dòng)手寫(xiě)代碼！對(duì)于這一點(diǎn)鱼蝉，我現(xiàn)在就是在執(zhí)行當(dāng)中洒嗤！除非需求真的很簡(jiǎn)單，否則我都會(huì)在草稿本上簡(jiǎn)單畫(huà)一下流程圖魁亦。比如下面這個(gè)渔隶，這個(gè)已經(jīng)是我畫(huà)的流程圖里比較簡(jiǎn)單的一個(gè)了。根據(jù)流程圖吉挣，寫(xiě)好注釋?zhuān)賹?xiě)代碼派撕，這樣會(huì)比較有條理，代碼也清晰睬魂，日后的返工也可能會(huì)有终吼，但是不會(huì)像以前那么多！在開(kāi)發(fā)時(shí)間上氯哮，效率上际跪，都得到了一個(gè)提升商佛！

3.小結(jié)web前端現(xiàn)在的行情，我不知道其它城市姆打，但是廣州確實(shí)是不太好良姆，競(jìng)爭(zhēng)也很大，差不多是100人爭(zhēng)一個(gè)職位幔戏，其中的原因就是培訓(xùn)機(jī)構(gòu)林立以及前端入門(mén)簡(jiǎn)單玛追。面對(duì)這樣的情況，我們能做的闲延，只有時(shí)刻學(xué)習(xí)痊剖，提升自己的技術(shù)水平。這樣才能保證自己有很大的競(jìng)爭(zhēng)力垒玲，能夠從這么多人中脫穎而出陆馁。對(duì)于學(xué)習(xí)和提升自己，除了應(yīng)該有適合自己的學(xué)習(xí)方式合愈，也該對(duì)一些妨礙進(jìn)步的學(xué)習(xí)方式引以為鑒叮贩！上面10點(diǎn)是我自己的一些想法。希望對(duì)大家有用佛析！最后一個(gè)就是益老，如果打擊有什么好的學(xué)習(xí)方式或者不好的學(xué)習(xí)方式，歡迎指點(diǎn)说莫。讓大家交流意見(jiàn)杨箭，相互學(xué)習(xí)寞焙！

對(duì)于學(xué)前端總結(jié)了一些經(jīng)驗(yàn)和整理了一套學(xué)習(xí)視頻資料：

這是我自己組建的一個(gè)前端技術(shù)交流Q un ++++++++++++++

錢(qián)面是--282--

中間是--549--

后面是--184---

如果需要學(xué)習(xí)資料在里面下載储狭。看看前輩們是如何在編程的世界里傲然前行捣郊。