前端開發基礎扎實的標準是什么？搞懂這些學習速度瞬間開掛

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

　 　 電腦基礎：

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

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

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

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

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

　　(3) 懂計算機網絡

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

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

　　(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) 其他編程語言的儲備

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

　　比如：php java c++等;

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

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