前端開發(fā)基礎(chǔ)扎實的標(biāo)準(zhǔn)是什么？搞懂這些學(xué)習(xí)速度瞬間開掛

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

　 　 電腦基礎(chǔ)：

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

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

　　輸入設(shè)備：鍵盤，鼠標(biāo)等;

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

　　存儲設(shè)備：內(nèi)存儲器 外存儲器

　　(3) 懂計算機網(wǎng)絡(luò)

　　Tcp協(xié)議 ip dns等都需要掌握;

　　前端技術(shù)(嚴(yán)格遵守web標(biāo)準(zhǔn)開發(fā)的準(zhǔn)則)：

　　(1) Html基礎(chǔ)-html雖然簡單，卻是前端開發(fā)的結(jié)構(gòu)，簡單但重要(xhtml1.0、html4、html5);

　?、?要掌握html語法規(guī)范，了解每個標(biāo)簽的語義;

　　② 掌握單標(biāo)簽、雙標(biāo)簽，塊狀元素、行內(nèi)元素;

　?、?掌握標(biāo)簽的正確嵌套，標(biāo)簽使用的優(yōu)化準(zhǔn)則;

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

　　① css語法，css樣式表語法，css樣式表分類，c樣式表優(yōu)先級

　?、?css選擇器，選擇器的權(quán)重(選擇器的權(quán)重問題，在開發(fā)中是很重要也是容易被大家忽略的點;)

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

　　③ css常用屬性

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

　?、?盒子模型：

　　盒模型(content padding border margin);

　　彈性盒模型(新老語法)

　　⑤ css命名規(guī)范要遵守，很重要;

　?、?css代碼優(yōu)化，在開發(fā)過程中，要從始至終注意優(yōu)化代碼;

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

　?、?js基礎(chǔ)語法，邏輯操作符，分支語句，循環(huán)語句，函數(shù)，定時器，正則表達(dá)式;

　?、?bom操作，dom操作;

　?、?內(nèi)置對象，事件、面向?qū)ο?，繼承

　?、?ajax jq bootstrap等

　?、?es6的新特性;

　?、?重點在算法和邏輯、編程思維的培養(yǎng);

　　(4)前端高級技術(shù);

　?、?node.js

　　Node api模塊

　　Node Common.js規(guī)范

　　Node web應(yīng)用級框架 express koa 打造web服務(wù)器和api服務(wù)器

　　MongoDB數(shù)據(jù)庫

　　Robe 3T MongoDB數(shù)據(jù)庫可視化工具

　　Mongoose操作MongoDB數(shù)據(jù)庫

　　前端通信 socket 技術(shù)

　?、?vue.js

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

　　Vue 生命周期

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

　　Vue loader、Vue cli、Vue-router、Vuex

　　Vue服務(wù)端渲染ssr 、 Nuxt.js

　?、?react.js

　　React 腳手架 create-react-app

　　Webpack

　　React 組件創(chuàng)建： 函數(shù)式組件 類組件

　　React組件通信

　　React Hooks、React Context

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

　　React-router 【 3版本 4 版本 】

　　React狀態(tài)管理： Flux Redux Mobx

　　工具： Loadsh Immutable

　　④ 移動端開發(fā)

　　微信小程序

　　原生開發(fā)小程序： 組件 api

　　框架開發(fā)小程序

　　Mpvue

　　Wepy

　　Taro

　　微信公眾號

　　微信公眾號二次開發(fā)

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

　　微信小游戲

　　原生js + H5 canvas

　　H5主導(dǎo)的混合開發(fā)

　　Dcloud 提供的 uni-api wap2App h6+

　　ApiCloud 提供的api.js

　　React Native 主導(dǎo)的開發(fā)

　　Flutter開發(fā)

　?、?代碼托管工具

　　Github gitee【 碼云 】

　?、?獨立接口文檔

　　Restful api 規(guī)范

　　⑦ 版本控制管理工具

　　Git

　　Svn

　?、?自動化構(gòu)建工具

　　Gulp

　　Webpack

　?、?前端流行技術(shù)

　　大數(shù)據(jù)可視化 Echarts

　　移動端類庫： Zepto Touch

　　Api接口調(diào)試調(diào)用： GranphGl

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

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

　　比如：php java c++等;

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

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