學習web前端，掌握這些，才有底氣跟面試官提薪資

個人發表一下愚見，希望可以給各位看友們一定的幫助，可能對于剛入門前端開發或者打算入門前端開發的朋友們而言，會認為一定要具備很多電腦基礎或者很多計算機原理的基礎才可以做好前端開發，其實在本人看來，只要有對代碼的興趣熱情，這些慢慢都可以入門之后，再提高和了解的，那下面本人說一下對資深前端開發人員基礎扎實的標準。

電腦基礎：

(1) 最最基本的要熟悉電腦鍵盤，打字(指代碼)要穩要快要流，這樣可以保證開發速度;

(2) 掌握電腦的輸入設備，處理設備(cpu)，存儲設備等。

輸入設備：鍵盤，鼠標等;

處理設備：計算機主機 ，核心部件是中央處理器，有運算器和控制器，這樣就可以理解邏輯代碼中的cpu優化指的是什么;

存儲設備：內存儲器 外存儲器

(3) 懂計算機網絡

Tcp協議 ip dns等都需要掌握;

前端技術(嚴格遵守web標準開發的準則)：

在這里小編建了一個前端學習交流扣扣群：132667127，我自己整理的最新的前端資料和高級開發教程，如果有想需要的，可以加群一起學習交流

(1) Html基礎-html雖然簡單，卻是前端開發的結構，簡單但重要(xhtml1.0、html4、html5);

① 要掌握html語法規范，了解每個標簽的語義;

② 掌握單標簽、雙標簽，塊狀元素、行內元素;

③ 掌握標簽的正確嵌套，標簽使用的優化準則;

(2) css基礎(css2、css3)--表現語言，效果美觀、好用、簡單

① css語法，css樣式表語法，css樣式表分類，c樣式表優先級

② css選擇器，選擇器的權重(選擇器的權重問題，在開發中是很重要也是容易被大家忽略的點;)

元素選擇器、群組選擇器、屬性選擇器、偽類選擇器、id選擇器…

③ css常用屬性

文本屬性，背景屬性，列表屬性，浮動 (float)，定位 (position)，透明度設置(opacity)，轉換(transform)，運動 (animation keyframes)，多列 (column)，盒子陰影等;

④ 盒子模型：

盒模型(content padding border margin);

彈性盒模型(新老語法)

⑤ css命名規范要遵守，很重要;

⑥ css代碼優化，在開發過程中，要從始至終注意優化代碼;

(3) js --原生js是web標準中的行為語言，是前端所有框架的根基;(es5 es6)

① js基礎語法，邏輯操作符，分支語句，循環語句，函數，定時器，正則表達式;

② bom操作，dom操作;

③ 內置對象，事件、面向對象，繼承

④ ajax jq bootstrap等

⑤ es6的新特性;

⑦ 重點在算法和邏輯、編程思維的培養;

(4)前端高級技術;

① node.js

Node api模塊

Node Common.js規范

Node web應用級框架 express koa 打造web服務器和api服務器

MongoDB數據庫

Robe 3T MongoDB數據庫可視化工具

Mongoose操作MongoDB數據庫

前端通信 socket 技術

② vue.js

Vue指令、Vue 組件、組件注冊、組件通信

Vue 生命周期

Vue 自定義指令、自定義事件、自定義過濾器

Vue loader、Vue cli、Vue-router、Vuex

Vue服務端渲染ssr 、 Nuxt.js

③ react.js

React 腳手架 create-react-app

Webpack

React 組件創建： 函數式組件 類組件

React組件通信

React Hooks、React Context

React 生命周期(15版本、16版本 )

React-router 【 3版本 4 版本 】

React狀態管理： Flux Redux Mobx

工具： Loadsh Immutable

④ 移動端開發

微信小程序

原生開發小程序： 組件 api

框架開發小程序

Mpvue

Wepy

Taro

微信公眾號

微信公眾號二次開發

微信公眾號申請和界面運營

微信小游戲

原生js + H5 canvas

H5主導的混合開發

Dcloud 提供的 uni-api wap2App h6+

ApiCloud 提供的api.js

React Native 主導的開發

Flutter開發

⑤ 代碼托管工具

Github gitee【 碼云 】

⑥ 獨立接口文檔

Restful api 規范

⑦ 版本控制管理工具

Git

Svn

⑧ 自動化構建工具

Gulp

Webpack

⑨ 前端流行技術

大數據可視化 Echarts

移動端類庫： Zepto Touch

Api接口調試調用： GranphGl

(4) 其他編程語言的儲備

最好要掌握一門后臺的編程語言;

比如：學習node.js，Python，php java c++等;

注意：前端的技術不是一成不變的，反而是日益更新的，擴張一點說，稍微不注意，就會發現前端又出現了很多新的東西(只是有些新的技術還沒有廣泛的應用和推廣)，所以作為一個合格的前端攻城獅，應該一直保持去前端技術的熱情和學習，不能懈怠，時刻的關注前端技術的更新交替，保證自己的技術一直是處于前沿的和提升的狀態;

補充：上面列舉出來的技術，是作為一個前端開發工程師，最最基本應該掌握的技術;如果細列技術點，那就太多了(還有很多好用的插件，工具，框架，小編在這就不一一列出了)，如有興趣，可以留言交流;