1.前言
從事web前端的人很多,每個人的學習方式,學習習慣基本上不會一模一樣!關於web前端(或直接網路),大家都知道,是做到老,學到老的一個行業。之前寫文章的時候,我說過很多學習的方式和建議。今天換一下,說一下我個人不建議的學習方式,或是我個人覺得是妨礙進步的學習方式,希望大家引以為鑑!如果大家有什麼補充和指點的,歡迎指出。大家一起交流意見,互相幫忙!
2.具體情況
1.只看教程,不動手實戰
這個可以說是學習的最大的一忌,也是提醒過最多的一個注是事項!網路上的教學有許多許多,各個語言,各個知識點,各方面的都有,javascript,html5,css3等的一些,隨便一搜就一大把,畢竟網路最大的優勢之一就是資源分享!但是很多人看教學就只是在看教程,不動手實操。即使部落格的教程,影片教學再好,自己不動手實操,寫程式碼,這樣的學習方式,記憶根本不深刻,容易遺忘,到頭來,可能什麼都沒學會!而且有些教程,如果沒有跟著動手實操,可能會蒙圈。個人建議:要挑覺得適合自己的教學課程,也要動手實操,寫程式碼。即使不是邊看教學寫程式!看完了教學之後,一定要自己動手實操!過程中,可能會遇到些問題,但是這樣才會學到更多,記憶也更加牢固!
2.只學框架或庫
這個情況,針對javascript(下稱:js)現在沒有以前嚴重了,在我大學和實習期間,那個時間還是jquery傲視群雄的時候。很多人聊天的時候會說:有了jquery,為什麼還要學js?有了vue,為什麼還要學js?面對這樣的提問,我那時候沒有回答,心裡想:jquery或vue就是用js實現的,不會js,學jquery或vue第一學得吃力,第二學jquery或vue肯定不會很深入。而且,萬一有時候,專案不允許用jquery或vue,那就基本上不會寫程式碼了。這時候,如果學習其它的框架或函式庫,基本上又等於重新學一門語言了。個人建議:先把基礎(html+css+js)打牢,再學其他框架或函式庫。雖然在會js的情況下,我不敢說學js的框架或函式庫就是查文檔,查API。但至少學js框架或函式庫可以不會那麼吃力!
3.只顧著寫程式碼
這個就是我之前的一個習慣,只顧著寫程式碼,不知道:耦合,實例化,繼承等專業術語,和別人交流,無限蒙圈!根本不知道別人在說什麼!網路的技術更新的速度非常的快,隔三差五就發布一個框架,一個庫,一個工具。雖然不是每一個更新的技術都需要學習。但如果只顧寫程式碼,不了解新的技術。這樣很容易使自己停止不前,失去競爭力。個人建議:在寫程式碼之餘,要確保自己是不是了解程式碼,對程式碼有沒有一個認識。以及多點留意消息,看下有沒有什麼技術更新!如果覺得更新的技術很實用,或是自己有興趣,可以多了解下!畢竟網路是個做到老,學到老的一個領域,技術更新的很快,如果跟不上流行的趨勢,說不定自己會被淘汰呢!
4.太早接觸複雜項目
這個情況,比較普遍,無論是在學校或現在的培訓機構。很多學習前端的人,基礎沒打牢,就在那裡揚言要做一個大項目,我聽到的有的人想做知乎,有的人想做世紀佳緣等等一些偉大的目標!但全部人都是連網站的業務流程和邏輯都沒弄清,最後越搞越亂,就放棄了!之前的偉大目標都成了爛尾樓,作用最多就是一個程式碼練習的作用!花了大量的時間,做了一件沒很大的實際意義的事情!個人建議:從簡單到複雜,複雜的網站,都是有很多簡單的模組。不妨先從簡單的功能做起,做完了一個功能再往裡面加功能!現在所處的公司就是這樣,開發的後台管理系統,開發幾個月了,從一個只有員工的登入註冊的功能,然後再逐一加功能,到現在專案逐漸完善! (web前端學習交流群:328058344 禁止閒聊,非喜勿進!)
5.好高騖遠,急於求成
這個情況就是多見於培訓機構出來的人。我不知道是不是所有城市都是這樣,但是廣州這邊,給我的感覺就是這樣。就是目標不切實際,對自己也不夠認識!之前在群組聊天的時候,在金三銀四那段時間,很多人找工作,聊天的時候也遇到很多培訓機構的人。履歷表上是各種精通,剛畢業在培訓機構培訓幾個月,要嘛就是自備兩三年工作經驗,要嘛就是說自己培訓了幾個月,技術水平和市面上兩三年的人差不多。總之就是把自己吹得無所不能!但一出題,就十問九不知。問閉包是什麼,不知道;問原型是什麼,不知道。問繼承是什麼,還是不知道。這裡就得說下,我印象深刻的一道題了。這題我就是用來對付那些人的!看到哪個人各種精通,各種吹。我立刻出這題,結果沒一個能回答正確,題目在下面!
alert(a) a(); var a=3; function a(){ alert(10) } alert(a) a=6; a();
上面所說的,只是一個表面的現象,更重要的就是,好高騖遠這個情況,很有可能會導致自己難以找到工作!因為有些企業認為最高只能給你4000薪水,但是你自己卻認為自己有實力拿到9000以上的工資。這樣情況,很難找到工作!給人的印像也不好!更重要的是,這可能會影響自己的職業選擇!個人建議:從實際出發,評估自己。想下自己會什麼,能帶給企業什麼!你也可以停下別人的建議,和對比下別人的技術水準和薪資,或是上網找一些面試題,看下自己能不能完成那些面試題!最後評估下自己,認為自己處於什麼位置!
6.看到難點就逃避
###這一點,相信很多人都有感觸,就在開發上,遇到上一個或幾個自己覺得沒辦法實現的需求或功能。千方百計想著逃避,例如:這個功能不是很重要,不做可以嗎?這個功能我從來沒弄過,搞不定的。這個功能外包給別人做吧,我們做不了!很多一些逃避話語。大家可以想下,如果每次都是逃避,那麼時間一久,自己技術水平是不是還停留在基礎那個階段?以後要怎麼提升自己的技術水準。個人建議:迎難而上。在web前端開發這塊,如果遇上了難題是正常的,如果沒遇到難題就是見了鬼!面對難題,我們應該是挑戰難題,而不是逃避!大家都想提升自己的技術水平,挑戰難題不就是一個很好的提昇技術水平的實戰機會嗎?如果完成了先前認為不可能完成的難題,這樣就是一個技術水準提升的見證!不是嗎?我也覺得,每天就寫簡單的商業程式碼,不探索新知識,不挑戰難題,這樣做開發也沒多少意思! 7.能用就行,不想優化這個也是一個很常見的情況,很多人認為寫的程式碼能用就行,能實現需求就行!根本不管日後的優化。在開發專案或開發外掛上,雖然我也是提倡:先實現,再優化這個方式!但不代表我開發完了就完了,不會再想優化!如果不試著去優化自己的程式碼,不探索寫程式碼的更好方式,以後別說編寫高質量,簡潔的程式碼了,因為自己把學習編寫高質量,簡潔的程式碼的一個重要途徑給封鎖了。還有一個就是,在專案上,有些問題可能是潛在的,就是現在看著專案沒出現什麼問題,但不代表以後不會有問題。反而在專案開發完了之後,試著去優化自己的程式碼,探索更好的實現方式,試著寫出高品質,簡潔的程式碼。這樣不是一個很好的學習過程嗎?至於優化程式碼的方式,很多很多(例如常說的:程式碼過於重複,是否引入設計模式?網站效能一般,可否進行最佳化?),優化這一塊,也不是說一步就優化到最好的,而是至少不會比以前差!關於優化,我之前也發過一些資源。很容易找到,網路上的資源更是很多!大家挑著看便是!8.不懂不問、不懂立刻問
不懂不問,這個大家都知道,就是遇到問題,從不問同事或透過其他方式諮詢別人。就是自己在那裡苦思冥想,嘗試各種解決方案。這樣的方式,最糟的結果就是最後還是解決不了問題,讓同事來詢問開發狀況。最好的結果問題解決了,但是解決問題所花的時間會肯定很多。不懂立刻問,這就是詞面的意思。遇到問題馬上問別人。自己沒怎麼思考或根本不思考。這樣能解決問題,但是這樣會導致自己可能會頻繁的問同事,會搞得同事很不耐煩。如果把同事的耐心磨沒了,可能回答的語氣可能不會很好。這樣不僅影響同事之間的關係,還會讓自己之後不敢再請教同事,有讓自己處於上面所說的不懂不問的風險。個人建議:適時請教。遇到不懂的問題,先自己結合上下文思考下,想下以前有沒有遇到這個問題,解決不了去網上找解決方案,如果還沒有解決問題,這個時候再問別人,問同事或者透過其它渠道問別人。這樣自己有了思考,解決問題的時候記憶也很深刻,不會頻繁的打擾同事!
9.不懂裝懂
這個次面上跟上面的差不多,但其實不一樣!不懂裝懂就是去問別人的時候,實際上別人的講解並沒有完全聽懂,可能是礙於面子或是因為不好意思打擾別人那麼久,或者擔心打擾別人太久,所以裝作很懂。但是這樣可能忽悠得了一時,很快又會露出馬腳。這樣會搞得隔一會又要去問別人同樣的問題,這樣反而會搞得別人更加尷尬,更加為難!自己也會打擾別人更多的時間!個人建議:如果有問題去問別人,只要你問的人不是一個很沒耐心的人。他都會耐心的解答你的問題!所以,當問別人問題的時候,一定要確保自己是已經弄懂了問題的緣由,同事一遍沒解釋清楚,自己直接回答不明白,相信很多人都會再詳細的解釋一遍。如果擔心同事工作忙或其它原因,可以挑一個合適的時間!我現在問同事就是,要嘛不問,要問就切底弄清楚!當然了,我的同事都很有耐心,每次我有什麼問題,他們都會耐心解答,甚至是擴展開來講!
10.沒理清楚需求就寫程式碼
很多人在接到需求之後,第一個反應就是寫程式碼,即使是在自己沒把需求理清楚之前也是照樣寫程式碼。另一種情況就是,很多人是邊寫程式碼,邊想需求。這個開發方式,萬一自己對需求理解有誤!可能會導致自己寫的程式碼,很大一部分都要修改,甚至是全部刪除重寫。沒理清楚需求就寫程式碼這個情況,發生的機率應該挺大的,但是一般來說很難發現這個情況,畢竟程式設計師對程式碼的增刪改查是再正常不過了!我本身也不知道,就是在一次的技術分享中,老大提出來的,他的建議就是對於一些稍微複雜一點的需求,先理清楚需求,簡單畫個流程圖,然後在程式碼裡面,先寫上一點註釋,再開始動手寫程式!對於這一點,我現在就是在執行當中!除非需求真的很簡單,否則我都會在草稿本上簡單畫一下流程圖。根據流程圖,寫好註釋,再寫程式碼,這樣會比較有條理,程式碼也清晰,日後的返工也可能會有,但是不會像以前那麼多!在開發時間上,效率上,都得到了一個提升!
3.小結
web前端現在的行情,我不知道其它城市,但是廣州確實是不太好,競爭也很大,差不多是100人爭一個職位,其中的原因就是培訓機構林立以及前端入門簡單。面對這樣的情況,我們能做的,只有時時刻刻學習,提升自己的技術水準。這樣才能確保自己有很大的競爭力,能夠從這麼多人中脫穎而出。對於學習和提升自己,除了應該有適合自己的學習方式,也該對一些妨礙進步的學習方式引以為鑑!上面10點是我自己的一些想法。希望對大家有用!最後一個就是,如果打擊有什麼好的學習方式或不好的學習方式,歡迎指點。讓大家交流意見,互相學習!
以上是老手總結10個妨礙進步的學習方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

具有CSS的自定義光標很棒,但是我們可以將JavaScript提升到一個新的水平。使用JavaScript,我們可以在光標狀態之間過渡,將動態文本放置在光標中,應用複雜的動畫並應用過濾器。

互動CSS動畫和元素相互啟動的元素在2025年似乎更合理。雖然不需要在CSS中實施乒乓球,但CSS的靈活性和力量的增加,可以懷疑Lee&Aver Lee有一天會成為一種

有關利用CSS背景濾波器屬性來樣式用戶界面的提示和技巧。您將學習如何在多個元素之間進行背景過濾器,並將它們與其他CSS圖形效果集成在一起以創建精心設計的設計。

好吧,事實證明,SVG的內置動畫功能從未按計劃進行棄用。當然,CSS和JavaScript具有承載負載的能力,但是很高興知道Smil並沒有像以前那樣死在水中

是的,讓#039;跳上文字包裝:Safari Technology Preview In Pretty Landing!但是請注意,它與在鉻瀏覽器中的工作方式不同。

此CSS-tricks更新了,重點介紹了年鑑,最近的播客出現,新的CSS計數器指南以及增加了幾位新作者,這些新作者貢獻了有價值的內容。

在大多數情況下,人們展示了@Apply的@Apply功能,其中包括Tailwind的單個property實用程序之一(會改變單個CSS聲明)。當以這種方式展示時,@Apply聽起來似乎很有希望。如此明顯


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

Atom編輯器mac版下載
最受歡迎的的開源編輯器

禪工作室 13.0.1
強大的PHP整合開發環境