web前端開發由網頁制作演變而來，隨著web2.0的發展，網頁不再只是承載單一的文字和圖片，各種豐富媒體讓網頁的內容更加生動，網頁上軟體化的互動形式為用戶提供了更好的使用體驗，這些都是基于前端技術實作的，
經過了市場的沉淀，很多前端們開始無所適從，以前簡單的技能已經無法適用前端技術的發展，新技術新框架又不斷涌現，
前端開發市場仍然有著大量的需求，我們知道前端開發應用是很廣泛的，這些公司都有前端開發崗位（當然這只是一部分）：并且薪資也不低，除了互聯網公司，傳統公司想要連接互聯網，同樣離不開前端工程師，而隨著H5、微信小程式、各類APP的發展，對于前端的需求將一直上漲，所以總的來說，前端開發行業仍然有羹可分，并且營養豐富，
任何行業都需要努力，前端開發也不例外，首先你必須真的想要學習，想要改變，你需要有一個清晰的學習路線和方向，最好是能跟著有經驗的人學習，這樣才能快速入門前端，不走彎路，
前端開發的基礎語法，由HTML+CSS+JavaScript組成，這是前端開發最基本的3個語言，
網頁布局基礎：HTML+CSS
HTML就是超文本標記語言，組成網頁內容的最基本語言，你可以直接說他是網頁的骨架，網頁的圖片、文字、視頻、音頻、程式都需要他引入到網頁中體現，
光是HTML做網頁，只是有了內容，當然是遠遠不夠的，因為只是HTML的話，只能用Table做布局才能勉強做出個成型的網頁來，但是從Web2.0時代開始，都是盒子模型布局法了，也就是用DIV+CSS來實作布局了，CSS就是層疊樣式表，通過樣式屬性來對標簽進行布局規范，在不再使用table布局的時候，只要CSS樣式對網頁標簽進行對應的布局實作才是正確的開發方式了，
HTML(div)+CSS布局，是基礎入門的基本步驟，在這個階段，你需要學習的內容，包括有：
1.標簽語意化，SEO
2.頁面加載的流程和原理
3.網頁結構
4.盒子模型（W3C盒子模型和IE盒子模型）
5.CSS選擇器
6.CSS布局浮動、定位
在剛剛開始的階段，大家學習的布局方式基本都是以px為單位的靜態布局方法，熟悉好布局方法，先給自己一個小目標，做一個簡單的電商網頁的基本結構出來，不用特效，不需要互動，
瀏覽器腳本語言：JavaScript
JavaScript是我們學習前端開發中非常重要的一個內容，也是一個大家經常掉坑里的難點，JavaScript現在可以說是互聯網時代使用率最高的腳本語言了，在網頁中，所有的資料渲染，特效的互動都需要利用JavaScript，來影響瀏覽器的顯示，
由于今年疫情，所以轉行學前端的千萬不要選擇裸辭，能邊作業邊學習盡量就邊作業邊學習，今年就業環境嚴峻，崗位需求降低，
對于個人技術水平提高，所以千萬不能盲目跟風，自己是否對于前端感興趣
是否有學習的耐心，是否有這方面的學習能力，希望你可以自學半個月自己感受一下，有任何問題隨時問我，我建立的前端學習q裙
851231348
JavaScript不只是開發網頁特效和渲染資料的重要內容，在學習前端開發的后期，大量使用演算法和框架的時候，對JavaScript基礎的考驗也是很多的，
在基礎階段，我們學習JavaScript需要注意：
1.基本關鍵字指令
2.基本資料型別、陣列
3.函式
4.面向物件編程
5.原型鏈、閉包
6.JSON
7.Ajax
8.DOM(檔案物件模型 原生DOM操作)
9.事件捕獲、冒泡、代理
10.常用函式方法
11.ES5、6、7
在JavaScript部分學習，主要還是要去理解好互動的原理，把原理分析清楚，真的理解語法，那寫出多復雜的邏輯也是手到擒來，
JavaScript經典類別庫jQuery
說到學習JavaScript，很多小白同學肯定會很頭痛他的原生寫法，每次邏輯業務都需要手動寫，也就是用一次就造一次輪子，覺得很麻煩，如果能簡單一點就好了，
因為JavaScript有可以封裝的特性，所以在后面也出現了很多用JavaScript封裝的類別庫、插件，比如說最經典的類別庫就是jQuery了，
jQuery類別庫就是在類別庫里面封裝好了很多JavaScript的事件方法，jQuery通過封裝，減輕了遍歷、物件選擇等等很多的問題，把網頁特效的實作變得簡單化，通過呼叫方法就可以了，
在學習jQuery的時候，需要重點認識的有:
1.jQuery語法和JavaScript原生語法的差異
2.Dom物件和jQuery物件
3.jQuery的入口函式和JavaScript的入口函式的差異
4.jQuery事件的執行邏輯，
學習jQuery，最需要達到的效果就是能快速的完成網頁的特效，比如說輪播圖、手風琴選單、旋轉木馬、放大鏡等等這些特效，能完成一個電商網站的布局+特效開發是最基本的要求了，
這些就是零基礎學習必備的一些基本內容，在入門前端開發最基本需要掌握的東西，把基礎理解好，才能為后面的學習做更多的準備，
多終端進階學習
除了基礎的PC端，目前移動端可以說是非常火的了，
比PC端單一的網頁不同，在移動端的技術可以應用到WEB-APP,小程式，Hybrid-App等等，
Web-App
也就是我們常見的瀏覽器（以及內置瀏覽器，比如微信）打開的大型移動端網頁，比如我們常見的電商網站，功能性網站，管理網站，在布局和功能上都有APP的效果，
做好Web-App開發，最基本的很多人肯定會說回應式布局，但是前端開發是又5種布局法的，除了出名的回應式，還有在移動端最重要的彈性布局法，也就是很多人頭疼的rem布局，
除了布局方法之外，在H5新特性和觸屏事件和設備兼容性問題也是需要信手拈來，
小程式
這個也不用多說，現在可以說是非常火的，各大平臺都有在做自己的小程式，各種砍價，搶票，電商，游戲都有運用，這個以微信小程式為例，主要是微信團隊基于前端基礎來做的封裝語法，主要的還是ES語法，小程式目前很多公司都是招聘前端開發，目前還沒有獨立的小程式開發工程師，所以小程式可以說是前端工程師高薪就業的加分技能，換句話說就是成熟開發必備了，
Hybrid-App
又稱混合式APP，可能聽說的人很少，但是18年是越來越多人去開發了，這種是能直接產出下載到終端的APP的，在體驗感上可以說已經具備傳統APP的大部分功能了，這種開發門檻較低，也就是前端開發就可以完成，多數都是大包平臺就能做，這個你可以后面了解一下，
前端主流技術框架
前面的都是基礎東西，現在去就業前端開發，不是只靠個基礎東西，搞個移動端頁面就可以算成熟了，前端3大框架，VUE、Angular、React這3個可以說是現在非常火熱的了，
基礎語法都可以寫的前端，為什么還要框架？
很多小白朋友是不懂什么是框架的，只聽過jQuery這些東西，以為就是框架，或者認為框架就是加速開發，覺得這些庫、插件就能完成框架的作業了，
其實框架的出現，是改變前端地位的重要標志，最重要的表現，就是前后端分離，在前后端分離之前，很多后端開發都是又當爹又當媽的，效果不好效率也不高，我就是在后端出身，深知痛苦，
現在的前端專案，比以前是更加復雜化、多樣化了，專案復雜了，問題也多了，
Web前端開發入門低的另一個重要表現就是符合8/2定律，也就是20%的東西使用率占到80%，所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來，前端這20%的東西大概就是常用的HTML標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的兼容，拿下這些東西意義非凡，一方面證明你適合做前端這份作業，另一方面這些技能能讓你找到一份作業，
讓你能夠從容地去學習剩下的80%，總之就是專心對付重要的東西，那些什么less、sass、angular這類的東西，當你把我之前說的基礎打好之后，學習起來暢通無阻，隨學隨用，較難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的專案，沒有這些專案又很難成長，所以自己有專案可參與應該珍惜，
小白學習web前端最常見的幾個問題和誤區：
1.無腦盲目的刷視頻去看，但是很少去練習，正常的狀態應該是在整個學習的程序中，四分之三的時間都是在練習，視頻只是讓你了解學習什么內容，看一遍就行了，有很多人都是無腦的刷視頻看，最后浪費幾個月的時間，也找不到作業，
2.小白開始學習的時候，看書是一種非常嚴重的誤區，所以新手禁忌看書學習編程，至于原因是什么，在這里我不做太多解釋，
3.很多人都是遇到一個問題，就是能看懂代碼，但是不會寫，這是比較常見的問題，
4.還有一個最現實的問題，就是學了后面的忘了前面，這是由于學習方法和方式存在這很大的錯誤，
5.整個學習流程混亂，沒有系統的安排，學的不系統不專業，技術掌握的不好，浪費幾個月甚至半年的時間，
6.缺乏和專業人士交流的程序，作為一個小白，在初期學習的時候，所學的最多的東西一定是從別人那里學到的，閉門造車，
不管是web前端技識訓是其他IT技術也好，其實都是從零基礎開始的，你可以直接學習或者是通過相近經歷轉行，所以新人不需要因零基礎而擔心自己學不會，
想要成為合格的WEB前端工程師，其實也不是很難的事情，主要是要選擇科學的學習方式，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/67756.html
標籤：JavaScript
上一篇：函式內賦值失效問題