1. 程式人生 > >web前端--10個妨礙進步的學習方式

web前端--10個妨礙進步的學習方式

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.太早接觸複雜專案

這個情況,比較普遍,無論是在學校或者是現在的培訓機構。很多學習前端的人,基礎沒打牢,就在那裡揚言要做一個大專案,我聽到的有的人想做知乎,有的人想做世紀佳緣等等一些偉大的目標!但是全部人都是連網站的業務流程和邏輯都沒弄清,最後越搞越亂,就放棄了!之前的偉大目標都成了爛尾樓,作用最多就是一個程式碼練習的作用!花了大量的時間,做了一件沒很大的實際意義的事情!
個人建議:從簡單到複雜,複雜的網站,都是有很多簡單的模組。不妨先從簡單的功能做起,做完了一個功能再往裡面加功能!現在所處的公司就是這樣,開發的後臺管理系統,開發幾個月了,從一個只有員工的登入註冊的功能,然後再逐一加功能,到現在專案逐漸完善!

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點是我自己的一些想法。希望對大家有用!最後一個就是,如果打擊有什麼好的學習方式或者不好的學習方式,歡迎指點。讓大家交流意見,相互學習!

相關推薦

web前端--10妨礙進步學習方式

1.前言 從事web前端的人很多,每個人的學習方式,學習習慣基本不會一模一樣!關於web前端(或者直接網際網路),大家都知道,是做到老,學到老的一個行業。之前寫文章的時候,我說過很多學習的方式和建議。今天換一下,說一下我個人不建議的學習方式,或者我個人覺得是妨礙進步的學習方

10web前端架構師總結開發學習路線!附送學習資料!

首先分享一下我的經驗,想做好一件事,必須要花費一些功夫,然後是多學、多思、多練、多交流、多總結,發現自己的問題,然後一定要克服,在狀態不好的情況下,往往要及時調整。新手學習前端的話,一定要想想為什麼要學習它,是出於一種什麼心態,然後定位好自己,多向大牛請教,多教一些沒有自己水平高的人,那樣往往能讓自

WEB前端資源代碼:學習

cli https 方法 是否 高德 per listener web前端 tla 1.JS設計模式片段 Function.prototype.addMethod = function (name,fn) { this.prototype[name] = fn

什麼是Web前端Web前端需要學習什麼?學習web前端有什麼好的學習方法?

什麼是Web前端? Web前端,主要是用來開發使用者通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言,所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。 HTML+CSS:也就是網站的骨架和樣子,包括你看到的知乎的介面,一段文字,一個圖片,都是一個HTML

Web前端黑客技術揭祕》學習筆記 第二章(二)

Dom樹: <html>是樹根,其他是樹的每個節點 標籤節點以<xxx>表示,屬性節點以@xxx表示,而文字節點以xxx表示 隱私資料可能儲存在: HTML內容中 瀏覽器本地儲存中,如Cookies等 URL地址中 很多網站通過ifram

web前端開發之幾種佈局方式之響應式佈局

一理解幾種佈局的概念 1、靜態佈局(Static Layout) 即傳統Web設計,對於PC設計一個Layout,在螢幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;  意思就是不管瀏覽器尺寸具體是多少,網頁佈局就按照當時寫程式碼的佈局來佈置;  對於移動裝

零基礎小白Web前端自學該怎麼規劃學習(內附詳細學習方法)

隨著網際網路的迅速發展,更多的人投入到web前端的學習中來,那麼想要自學前端該怎麼規劃學習呢?要學習的技能涉及到哪些呢?對於新手學習HTML5的方法,我有幾個建議給大家,希望可以幫助到想要學習HTML5的同學。 自學前端,首先的你得搞懂前端是什麼,要學習的內容是什麼,每天能抽出多少的時間去學習,能不能堅

web前端後端資料的互動方式總結

做web開發,很重要的一個環節就是前後臺的資料的互動,資料從頁面提交到contoller層,資料從controler層傳送到jsp頁面來顯示。這2個過程中資料具體是如何來傳送的,是本節講解的內容。    首先說一下資料如何從後臺的contorller層傳送到頁面jsp上

web前端入門必知的10技術

如何使用 web前端 職稱 htm 10個 教程 需要 can 進行 隨著HTML5的發展和普及,了解HTML5將成為Web開發人員的必修課。如何把網頁做得更美觀,對用戶更有吸引力,不僅是企業對前端開發人員要求,更是一個合格的web前端工程師的自我修行。今天小編就跟大家分享

如何深入了解Web前端的未來前景,並且用更有效率的方式學習

前端 前端工程師 前端學習 前端框架隨著互聯網在中國的發展,只要跟互聯網計算機領域相關的工作,都成了每一年的熱門,從2015年開始,web前端的需要量,像火箭一樣“嗖”的一下就上去了。現在各種傳統行業如電子、機械、建築等並不被年輕人所青睞,互聯網時代的年輕人更加喜歡快捷的、方便的,信息化的工作,轉行做web前

web前端學習路線(含20真實web開發專案集合)

目前web前端工程師日均崗位缺口已經超過50000,隨著網際網路+的深入發展,html5作為前端展示技術,市場人才需求量將呈直線上漲。 Web前端工程師的崗位職責是利用HTML、CSS、Java、DOM等各種web技能結合產品的介面開發,製作標準化純手工程式碼,並增加互動功能,豐富網際網路的Web開拓,致力

web前端學習(二)html學習筆記部分(10)-- HTML5構建應用佈局和頁面

1.2.25  HTML5構建應用佈局和頁面 1.2.25.1  HTML5在移動開發中的準則   1.儘量使用單頁面開發   2.慎重選擇前端UI框架   3.動畫、特效使用準則(60fps)     瀏覽器消耗最小的css屬性       位置  -&n

#Java、Web和移動程式設計師可以在2018年學習10框架

在今天的文章中,我將分享一些您可以學習的最好的框架,以提高您在移動和Web開發以及大資料技術方面的知識。 在當今世界,對各種框架的瞭解是非常重要的。它們使您可以快速開發原型和實際專案。 如果有想學習java的程式設計師,可來我們的java學習扣qun:79979,2590免費送java的視訊

【2018-10-17】【web前端學習】【day1】

Html:超文字標記語言 Html的五個規範: 一個HTML檔案開始和結束的標籤。<html></html> HTML包含:<head></head>  <body></body> HTML要有開始

細數web前端學習中的一些黑科技,第一真沒想到過

1.實時編輯 CSS 在 HTML 5 中新增了一個新的全域性屬性,contenteditable 屬性。 contenteditable 屬性規定是否可編輯元素的內容。 我們可以通過設定這個屬性,來對之前的一些文字進行編輯。 就像這樣。 該屬性的取值: 值 描述 true

前端學習-10demo示例學會CSS3 radial-gradient徑向漸變

線性 應用場景 就會 感覺 會有 20px sid red rom 一、語法細節記不住怎麽辦?實際開發的時候,當要使用radial-gradient徑向漸變的時候,腦中會有大概的語法,但是細節卻記不住,於是想快捷找個案例看看具體怎麽用,然後直接套一下。通常一番搜索,會發現雖

Web前端面試指導(十一):樣式導入有哪些方式

web前端樣式導入方式linkimport使用方式link的使用[css] view plain copy <link href="index.css" rel="stylesheet"> import的使用[css] view plain copy <style type="text/c

網頁web前端學習技巧

編程 yahoo 語言 http 背景 帶來 組織 需要 觸發 1. 寫js效果時一定要註意先分析好效果的行為,盡量用最簡單通用性的代碼。分析步驟可以是1.先把要實現的功能一步一步的寫在紙上(即自然語言)2.再根據自然語言翻譯成機器語言,用jquery寫的代碼一定要註意代碼

web前端學習歷程--跨域問題

padding 服務 腳本 call local ati ashx 頁面 ice 一、同源策略 一個頁面的ajax只能獲取這個頁面相同源(協議、域名、端口號都必須相同)的數據。 二、jsonp方法 1、json和jsonp JSON(JavaScript Object

愛創課堂----Web前端開發的工資如何?都要學習哪些技術?

node 互聯網 前端 今天來和大家講講Web前端開發需要學習什麽?前端開發又需要用到哪些開發工具?然後分享一些前端開發的免費課程給大家,然後也簡單的和大家介紹下前端開發的前景和薪水工資情況,下面就簡單和大家介紹一下。1. Web前端的職能Web前端工程師其實在不同的公司,有不同的職能,但是稱呼都