A. Web前端工程師必備的排版技巧匯總
今天小編要跟大家分享的文章是關於Web前端工程師必備的排版技巧匯總。Web前端開發，在整個編程行業來說都算是一個門檻相對較低的崗位。但同時，其所面向的對象又對開發者有一定的美學素養需求，這就使得在製作前端頁面的時候需要掌握一些基本的排版技巧，畢竟排版不能也交給美工不是。那麼，在開發的過程當中，有哪些能夠讓頁面更好看的排版方式值得去學習呢?
一、強調字體
字體的設計與強調在網頁當中相當重要，合適的排版和適當的字體強調，不僅可以讓用戶快速的抓住網站中的重點，同樣可以增強網站對用戶的吸引力。
二、單頁面設計
隨著互聯網的發展，用戶的習慣更傾向於滑鼠滾輪。在用戶的體驗和習慣方面來講，與其在多個Web前端頁面中來回點擊查看，不如直接滾輪來的方便。
三、網頁色塊設計
隨著互聯網的發展和H5的出現，網站網頁的排版方式越來越傾向於簡潔大方，這最根本的原因在於：用戶的視覺和心理。不同的色塊放在一起形成強烈的對比，要麼以純文字形式，要麼以方形照片配上文字形式，這兩者在一定程度上刺激了用戶的視覺興趣，進而使用戶繼續探索。
四、背景
網頁以什麼樣的方式作為背景呢?純色?漸變?圖片?這三種都是可以的，但以商業化為目的展示，用照片作為網站網頁的背景，不僅可以達到展示的目的，而且還可以達到強烈的視覺表達效果。這種設計方式在時尚、品牌和旅遊等行業最為常見。
五、圖片
簡約、設計時尚、顏色對比突出，表達清楚、突出目的的大圖，是很多Web前端開發者所追捧的。同樣與枯燥的文字相比，用戶也更願意繼續觀賞這樣的網站。
六、響應式設計
隨著手機和移動端設備廣泛的被人們使用，響應式設計成為目前網站開發比不可少的內容。不僅能節省開發者的成本和時間，更能方便用戶在不同尺寸的設備上暢通無阻的瀏覽你的網站。
七、視差滾動
讓多層背景以不同的速度移動，形成運動視差的3D效果，這樣的效果以後很可能會在H5的網站中更加常見和流行。
以上就是小編今天為大家分享的關於Web前端工程師必備的排版技巧匯總的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。
B. 前端什麼框架更好用
bootstrap框架，這個應該是所有前端開發都知道並用過的一個框架了，應為這個是目前最流行的框架，使用最廣，網上文檔資料模板最多最容易查找的了。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件，簡潔、直觀、強悍，讓web開發更迅速、簡單。
Foundation 是一個易用、強大而且靈活的響應式前端框架，用於構建基於任何設備上的響應式網站、 Web應用和電子郵件。結構語前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!義化、移動設備優先、完全可定製。
Semantic UI 經過多年的努力、致力於可以用更語義化的方式構建網站、原生語言規則讓代碼更易讀易懂。
Amaze UI | 中國首個開源 HTML5 跨屏前端框架。Amaze UI 以移動優先（Mobile first）為理念，組件豐富，模塊化；本地化支持， 關注中文排版；輕量級，高性能。官網提供有豐富的模板下載。織夢系統wap手機模塊就是用的就是這個。
SUI 是一套基於bootstrap開發的前端組件庫，同時她也是一套設計規范。通過SUI，可以非常方便的設計和實現精美的頁面。
SUI Mobile 是一套基於 Framework7 開發的UI庫。它非常輕量、精美，只需要引入我們的CDN文件就可以使用，並且能兼容到 iOS 6.0+ 和 Android 4.0+，非常適合開發跨平台Web App。
C. web前端主流框架主要有哪些
1、Bootstrap
AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易於擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。
8、Amaze UI
這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。
9、Frozen UI
Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基於手Q樣式規范，目前全面應用於企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最後更新時間是一年前，難道已經沒人維護了嗎？
# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos
還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁碟空間的各種信息。
D. Web前端的路線該怎麼走
對於前端開發，基本內容就這些了，可以根據自己的興趣愛好選擇性學習以下內容。交互設計。大公司依然有專業人士搞這些，不過不懂交互的前端一定不是好前端。推薦《簡約至上》。後端。應該說前段工程師必須至少了解一門後端語言，不過如果愛好也可深入學習，入手難度比較低的應該是php了。這部分由可分為基於頁面，基於框架兩種。大型項目都是基於框架開發的，建議至少了解一個MVC框架，比如php的ci, yii, yaf 等，好還框架的設計思想都大同小異。如今NodeJs在大公司已經得到普遍的使用，推薦大家使用在Node上使用Express框架做一些後端服務的開發。 Android和ios開發。時至今日，前端的工作領域已經非常廣泛，native的界面開發本質上也是前端開發，個大公司都面臨著Native環境和web環境頁面同時維護的問題，如果能夠在技術上得到統一，將會有巨大的價值。對於學有餘力的同學，應該了解Native開發的基本流程，至少了解到界面構建的技術。
E. Web前端開發主要學哪些課程
一、web前端開發需要學習什麼?
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
二、web前端需要報班嗎？
很多人對前端工程師的崗位比較感興趣但是卻不清楚該怎麼下手，是自學還是去培訓課，很多人想要系統的學好前端，並且在最快的時間學會最多的知識，那麼培訓班是大家最好的選擇。
現在市場上的IT培訓機構十分多，並且很多機構都開設了web前端的課程，很多人在轉行IT的時候，培訓機構處於學員的自身條件參考，會對學員宣傳入行門檻比較低的web前端課程，同時薪資也不是很低，這是小白，尤其是當學員學歷還有資質不是很好的時候，這個是很好的推薦。
無論是在培訓機構學習IT，學習前端知識，還是買書或是在網路上自己看視頻學習也好，如果你想要快速入行找到就業，個人覺得時間比較寶貴，快速的找到一條正確的學習路徑，方便自己快速轉行才是重中之重。
看視頻還是買書自學，本質上也是花錢獲得別人知識積累的過程，這根培訓班上課並沒有什麼本質上區別，但是在培訓機構，可以在平時學習的同時獲得大幅的實戰訓練，才能快速幫助自己成長，不會走偏，歡聚而言，自學如果有熟人帶的話固然好，這也是相當於有培訓班的便利，但是熟人畢竟也有自己的工作，很多學生在嘗試了之後最後還是走上了培訓班的道路。
本身來說，大學結束後才出來花錢學習也不是什麼丟臉的事情，本身在就業的問題上最後還是看的大家的工資的高低，在學習辦理會遇到很多的同學，有老師帶著學，在以後這個行業里也會走得越來越遠。
目前市面上的培訓機構也是五花八門，因為很多培訓機構的好壞沒辦法通過直接的對比看出來，當然首先從解答來考慮，面授的肯定遠遠好於視頻的。
最後，對web前端有興趣的小夥伴們，不妨先從web前端入門開始！B站上有很多的web前端入門教學視頻，從基礎到高級的都有，還挺不錯的，知識點講的很細致，還有完整版的學習路線圖。也可以自己去看看，下載學習試試。
F. 初級前端該怎麼寫簡歷
簡歷是一般是用來求職的，簡歷可以說是他人短時間內鑒別你是否能勝任這份工作的不二之選。
首先先從內容說起，一般分為 個人信息 --> 教育經歷 --> 工作經歷 --> 專業技能 --> 項目經歷==》 自我評價可寫可不寫，加分項： 個人優勢（博客、github線上項目、封裝組件庫、了解源碼、精通某個知識面、做過什麼關於前端的貢獻等等 ）自我評價（可寫可不寫）。
1） 個人信息 姓名、郵箱、電話 、放個 微信 也行方便聯系、 現在住址、性別 頭像 可以 選擇 不 用 放 （技術類的職業），攔不住那種也可以放。什麼求職意向，薪資，年齡，生日，民族，工作經驗（工作經歷可以看出），面貌都可以不寫。 有特長或者優勢可以寫加分項
2） 教育背景 如果工作經驗兩年的話就應該 弱化教育背景（寫最後也行） 寫 時間 -學校名字-專業-學歷即可
3） 專業技能 簡單寫一些重點的就行，不需要太多。一般是 精通、熟練、熟悉、了解 這幾個層次劃分結合 工作經驗 來寫
4） 工作經歷 一般寫的是 公司的名稱 工作的時間 負責做什麼業務 職業崗位 離職原因不要寫
5） 項目經驗 分為 項目名稱 項目介紹 項目職責 技術棧 技術點主要是 技術點 這塊
6）自我評價 可以寫自己的學習習慣 個人性格 興趣愛好 個人見解 個人規劃 個人追求 優勢 對工作的態度 對生活的態度
最後， 就是最好 找 個 好看 的 簡約 的 模板 還有就是要簡約、簡潔、條理性。不要堆積技術點，挑著寫。 知道你很牛，面試中發揮。
補充：
面試前 多刷一點面試題 特別是 vue es6 http promise ....
面試中 呢，最好要 親切、禮貌、快速反應、微笑 、不要支支吾吾、也不要太過於嚴肅、主要以 真誠 、 真實為主 吧，會就會不會就不會。可以 不會 的 可以問面試官。 遇到 自己會的點可以將詳細一點順帶相關的知識點也可以講一點（ 給面試官 帶節奏）
面試後 可以一定要 做總結。
G. 前端開發框架有哪些
前端框架好不好用還是要看具體情況分析，我這里給你推薦幾個常用的框架，可以按需使用。
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板已經非常成熟了，並且有相關的社區和維護人員，開發時候遇到問題也不要慌。
2、AdminLTE
非常流行的基於Bootstrap 3.x的免費的後台UI框架，這是一個非常老牌的後台管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手用來做項目。
3、ant-design-pro
這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復制粘貼模式哦。
4、ng2-admin
這是基於Angular 2、Bootstrap 4和webpack的後台管理面板框架，要收前面已經有了React和vue技術棧的模板，那怎麼能少了ng的？雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三巨頭之一的地位。
9：material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material
Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。
10：d2-admin
D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作
11：vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板，採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和注冊的預建頁面。
H. 如何深入學習web前端
web前端學習包括自學和系統學習兩種方式，零基礎是可以學會web前端的。自學吃力的原因，可能在於學習順序不太對，比如先去學習了最難的一部分，所以感覺比較吃力。其實掌握了方法，前端學起來真的不會特別難。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
如果你想要快速學習Web前端技術，專業全面的學習方式比較好，一般費用在2W左右。
祝你學有所成！望採納！
I. 如何系統地學習前端
目前入門前端的人群分類
1、計算機相關專業出身系統走過計算機的理論基礎，比如計算機組成原理、操作系統原理、計算機網路、演算法數據結構、設計模式，至少用過兩門以上編程語言（強類型+弱類型）。
優點：理論、架構方面扎實，有整體計算機思維，內功不錯，外功學起來比較快。
缺點：部分人，前端相關細節技術不扎實，不過花時間能很快搞定。
2、非計算機出身自學（也包括計算機專業沒好好學的）理論基礎薄弱，後來因個人興趣或者職業需求，自學前端開發技能。
優點：自學能力比較強，能夠根據自己的興趣規劃學習內容。
缺點：部分人對前端沒有整體的學習框架 ，屬於東一片，西一片，不成體系，部分人計算機沒有整體思維，建議系統梳理下前端知識體系結構，該補的還是要補起來。
門前端時的一些困境
1、因一些基礎演算法、數據結構理論不扎實導致一些編程思維難於理解。比如 原型鏈，如果清楚 數據結構中鏈表結構，那麼這個東西不難理解，再比如 哈希值，懂得數據結構中哈希表，哈希值也就迎刃而解。
2、計算機體系結構、操作系統理論、網路理論不扎實導致到後期一些東西難於理解。比如有同學從前端學習入手，後來學習node開發 ，在 I/O ,進程、線程、IPC 、線程鎖方面有些概念就比較難於理解，而導致不能很好得使用node 的api 。
3、前端整體體系架構沒有做過深入思考。
導致用會用，但不知道為什麼用，用另外一個有什麼區別。
4、學習環境中無高手。
沒有高手能夠指導自己進入下一個層次。
5、有意識但是沒有行動我的網盤收集了一堆資料或者一堆視頻，然後就沒有然後了 。
如何系統學習前端
網站開發開發大致分為前端和後端，前端主要負責實現視覺和交互效果，以及與伺服器通信，完成業務邏輯。其核心價值在於對用戶體驗的追求。如果你現在是零基礎學員，大致可以按如下思路學習系統學習：
基礎部分
1、HTML + CSS 這部分學習，可以模仿一些網站做些頁面。在實踐中積累了一些經驗後，可以系統的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據情況斟酌。
2、Java 要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，建議馬上看《Java語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。
進階部分
有了以上基礎，就可以進行一般的靜態網頁設計，不過對於復雜的頁面還需要進一步學習。
1、CSS。必看《精通CSS》，看完這本書你應該對：盒子模型，流動，Block，inline，層疊，樣式優先順序，等概念非常了解了。作為練習可以看下《CSS藝門之匠》這本書，它對標題，背景，圓角，導航條，table，表單等主題都有詳細的介紹。
2、Java。上面提到內容還不足以讓你勝任JS編程。在有了基礎之後，進一步學習內容包括：
a） 框架。
推薦jQuery，簡單易用，學習方法也很簡單，照著產品文檔做幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性，讓你能更專注與Web開發學習的精髓部分。補充：可以使用 Codecademy 學習 Java，jQuery，用戶體驗真的很好（感謝 TonyOuyang ）。
b） Java 語言範式 。這個名字可能並不恰當，只是我找不到可以描述「面向對象」，「函數式」這個兩個概念的概念。Java不完全是一個面向對象的語言，它的很多設計理念都有函數編程語言的影子，甚至說如果你不用面向對象，完全可以把它理解成一門函數式編程語言。
Java的很多語言特性，都是因為他具有函數式語言的特點才存在的。這部分推薦先學習面向對象的基本理論，對封裝，繼承，多態等概念要理解，維基網路，網路會是你的幫手，另外推薦《Object Oriented Java》，應該有中文版。對與函數式編程我了解的也不系統，不好多說，可以自己網路一下。
c） Java 語言內部機制。必須弄清如下概念：JS 中變數的作用域，變數傳遞方式，函數的定義環境與執行環境，閉包，函數的四種調用方式（一般函數，對象的方法，apply，call），以及四種調用方式下，『this』指向的是誰。這部分內容你會在《Java語言精粹》中詳細了解。另外，你必須理解 json。
d） dom編程，這個Web前端工程師的核心技能之一。必讀《Dom編程藝術》，另外《高性能 Java》這本書中關於dom編程的部分講的也很好。
e） Ajax編程，這是另一核心技術。Ajax建議在網上查些資料，了解這個概念的來龍去脈，網路，維基網路上的內容就足夠了。真正編程是很容易的，如今幾乎所有框架都對Ajax有良好的封裝，編程並不復雜。
f） 了解瀏覽器差異性。這部分包括CSS和js兩部分，瀏覽器差異內容很多，建議在實踐中多多積累。另外對於瀏覽器的渲染模式，DOCTYPE等內容應該系統學習。
3、HTML5和CSS3 。HTML5規范已經於2014年10月28日發布了，移動端HTML5和CSS3已經得到了非常廣泛的使用，必知必會呀。
升級部分
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：1）易維護，2）可測試，3）高性能，4）低流量（移動端）。
易維護。對於頁面你該理解『樣式』，『數據』，『行為』三者分離，對應的當然就是CSS,HTML,js。對於js代碼，你最好了解設計模式，重構，MVC等內容。
可測性。
高性能。必讀《高性能Java》
低流量。移動端關注比較多。
額外補充部分
前端項目同樣面臨軟體生命周期的各個環節，首先是代碼管理，你必須學會使用Svn和Git。其次是代碼的構建，如今前端代碼構建已經不是簡單的壓縮一下了，需要進行依賴管理、模塊合並、各種編譯，比需要學會使用Grunt、Gulp等前端構建工具。
以上內容只是簡單說了前端學習的順序。對於前端開發，基本內容就這些了，可以根據自己的興趣愛好選擇性學習以下內容。
1、交互設計。大公司依然有專業人士搞這些，不過不懂交互的前端一定不是好前端。推薦《簡約至上》。
2、後端。
應該說前端工程師必須至少了解一門後端語言，不過如果愛好也可深入學習，入手難度比較低的應該是PHP了。這部分由可分為基於頁面，基於框架兩種。大型項目都是基於框架開發的，建議至少了解一個MVC框架，比如PHP的Ci、Yii、Yaf 等，好還框架的設計思想都大同小異。如今NodeJs在大公司已經得到普遍的使用，推薦大家使用在Node上使用Express框架做一些後端服務的開發。
3、Android和IOS開發。
時至今日，前端的工作領域已經非常廣泛，native的界面開發本質上也是前端開發，個大公司都面臨著Native環境和web環境頁面同時維護的問題，如果能夠在技術上得到統一，將會有巨大的價值。
如何才能快速入門前端
1、學習東西，自學是一種途徑，然而在自學的過程中，很多人處於不知道自己不知道的狀態。
2、另一種是跟著高手，開闊視野，達到知道自己不知道的境界，從而有方向，在短時期內進入到一個新的境界，節約時間成本。
J. 如何開始學習前端知識，我的基礎比較差
一、明確目標
1、明確自己以後要做什麼，需要掌握什麼技能。很多人在不知情的情況下盲目學習。首先，你知道公司現在需要什麼人才，你應該為什麼目標而奮斗。
2、系統的規劃，每天學習哪些新知識和每天做的作業、練習。很多人都想自學web前端，以為過幾天看完教學視頻就行了。但事實上，想通過學習web前端找工作，沒有4-6個月或者接觸項目實戰很難做到。因此，規劃是必要的，而且需盡早開始規劃。
3、注重學習方法，很多人在學習web前端的時候，剛開始學習的時候選擇了錯誤的學習方法，因此最終註定要放棄，回到原來的崗位繼續做自己不喜歡的事，學習web前端需要一定的技巧，在開始學習之前要多問問別人，不要盲目的自學，浪費時間。
二、掌握基礎技巧
一個優秀的網路前端開發工程師必須具備系統的知識和豐富的工作經驗，因此，許多大公司很難招聘到理想的前端工程師，甚至高薪也是如此。那麼如何系統地學習實用的企業 web前端技術呢？在此，源妹兒不再進行技術講解，而是集中進行技術講解。技術並非黑白分明，只有對錯，技術見仁見智。
1、必須掌握基礎的Web前端開發技術，包括CSS, HTML, DOM, BOM, Ajax, JavaScript等等，在掌握了這些技術之後，還必須清楚地了解它們對不同瀏覽器的兼容性，渲染原理以及存在的bug。
2、要想成為一名合格的前端工程師，還必須具備網站性能優化、SEO、伺服器等基本知識。
3、要學會利用前端的各種輔助開發工具。
4、除技術層面外，還應具備以下方面的理論知識：代碼的可維護性、組件的易用性、層次化語義模板和瀏覽器分級支持等。
三、了解框架
做前端開發的都知道3大框架：Angular,Vue,React，下面說說他們的特點。
1、React：次組件重復渲染問題需要手動優化；rex可以用於狀態管理，函數化，不可變，模式化，時間旅行；JSX，完全的 javascript功能；更加繁榮的社區生態。
2、Vue：可使用JSX，但推薦使用模版語言不是JSX；
3、Angular：包括模板、數據雙向綁定、路由、模塊化、服務、過濾、依賴項注入等所有功能的完整 MV框架；Typescript；比較 UI與後台數據一致性的不完整數據檢查。
4、jQuery ：還推薦使用，它使用簡單，學習方法也很簡單。只要根據產品文檔完成幾頁的工作，你就不需要做任何事情。然後，查一下這些文件。這個框架可以幫助你屏蔽瀏覽器的多樣性，讓你更加關注 Web開發的本質和學習。
5、Boostrap:它無疑是目前使用最廣泛的一個框架。它是一套美觀，直觀，實用的網頁設計工具，可以用來開發跨瀏覽器兼容性好，視覺效果好的網頁。這個軟體提供了很多流行的簡約風格的 UI組件，網格系統，以及一些常用的 JavaScript插件。
四、注意事項
1、有必要理解產品的邏輯和形成過程——希望參與開發產品的相關人員可以參與到產品討論中，以了解需求。並理解產品隱藏在未來的需求！
2、想要知道交互細節——想要參與產品開發頁面的相關人員參與交互討論，想要了解交互和設計細節！確保網頁的結構合理且可擴展！只要有合理的建議！
3、了解資料界面-了解產品相關模組所需資料，與相關技術人員溝通並形成文件。
4、學習行業最新技術，參與行業交流！
前端是網站的門面，是背景實現和視覺表達之間的橋梁，貫穿整個產品開發過程，起著承上啟下的作用。一個好的前端工程師可以很好的理解產品經理對用戶體驗的要求，也可以很好的理解後台工程師對數據邏輯或者程序邏輯分離的要求，並將這些要求轉化為前端開發工作。
最後，如果基礎特別差，建議可以選擇前往培訓班學習。重慶源碼時代，專注於JAVA、H5前端、Python等IT教育培訓，著力於為企業培養編程、設計、產品等方面的「實戰型」人才。為互聯網市場培育了10W+精英學員，學員畢業平均首薪7500+，專業就業率高達98%，學員口碑推薦入學率高達80%。無論你是零基礎還是想轉行，來源碼時代，帶你實現高薪就業~