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

我的發表一下愚見，但願能夠給各位看友們必定的幫助，可能對於剛入門前端開發或者打算入門前端開發的朋友們而言，會認爲必定要具有不少電腦基礎或者不少計算機原理的基礎才能夠作好前端開發，其實在本人看來，只要有對代碼的興趣熱情，這些慢慢均可以入門以後，再提升和了解的，那下面本人說一下對資深前端開發人員基礎紮實的標準。

電腦基礎：

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

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

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

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

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

(3) 懂計算機網絡

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

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

在這裏小編建了一個前端學習交流扣扣羣：132667127，我本身整理的最新的前端資料和高級開發教程，若是有想須要的，能夠加羣一塊兒學習交流

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

① 要掌握html語法規範，瞭解每一個標籤的語義;

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

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

(2) css基礎(css二、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 h5+

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++等;

注意：前端的技術不是一成不變的，反而是日益更新的，擴張一點說，稍微不注意，就會發現前端又出現了不少新的東西(只是有些新的技術尚未普遍的應用和推廣)，因此做爲一個合格的前端攻城獅，應該一直保持去前端技術的熱情和學習，不能懈怠，時刻的關注前端技術的更新交替，保證本身的技術一直是處於前沿的和提高的狀態;

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