個(gè)人發(fā)表一下愚見(jiàn),希望可以給各位看友們一定的幫助,可能對(duì)于剛?cè)腴T(mén)前端開(kāi)發(fā)或者打算入門(mén)前端開(kāi)發(fā)的朋友們而言,會(huì)認(rèn)為一定要具備很多電腦基礎(chǔ)或者很多計(jì)算機(jī)原理的基礎(chǔ)才可以做好前端開(kāi)發(fā),其實(shí)在本人看來(lái),只要有對(duì)代碼的興趣熱情,這些慢慢都可以入門(mén)之后,再提高和了解的,那下面本人說(shuō)一下對(duì)資深前端開(kāi)發(fā)人員基礎(chǔ)扎實(shí)的標(biāo)準(zhǔn)。
電腦基礎(chǔ):
(1) 最最基本的要熟悉電腦鍵盤(pán),打字(指代碼)要穩(wěn)要快要流,這樣可以保證開(kāi)發(fā)速度;
(2) 掌握電腦的輸入設(shè)備,處理設(shè)備(cpu),存儲(chǔ)設(shè)備等。
輸入設(shè)備:鍵盤(pán),鼠標(biāo)等;
處理設(shè)備:計(jì)算機(jī)主機(jī) ,核心部件是中央處理器,有運(yùn)算器和控制器,這樣就可以理解邏輯代碼中的cpu優(yōu)化指的是什么;
存儲(chǔ)設(shè)備:內(nèi)存儲(chǔ)器 外存儲(chǔ)器
(3) 懂計(jì)算機(jī)網(wǎng)絡(luò)
Tcp協(xié)議 ip dns等都需要掌握;
前端技術(shù)(嚴(yán)格遵守web標(biāo)準(zhǔn)開(kāi)發(fā)的準(zhǔn)則):
(1) Html基礎(chǔ)-html雖然簡(jiǎn)單,卻是前端開(kāi)發(fā)的結(jié)構(gòu),簡(jiǎn)單但重要(xhtml1.0、html4、html5);
?、?要掌握html語(yǔ)法規(guī)范,了解每個(gè)標(biāo)簽的語(yǔ)義;
?、?掌握單標(biāo)簽、雙標(biāo)簽,塊狀元素、行內(nèi)元素;
?、?掌握標(biāo)簽的正確嵌套,標(biāo)簽使用的優(yōu)化準(zhǔn)則;
(2) css基礎(chǔ)(css2、css3)--表現(xiàn)語(yǔ)言,效果美觀、好用、簡(jiǎn)單
?、?css語(yǔ)法,css樣式表語(yǔ)法,css樣式表分類,c樣式表優(yōu)先級(jí)
② css選擇器,選擇器的權(quán)重(選擇器的權(quán)重問(wèn)題,在開(kāi)發(fā)中是很重要也是容易被大家忽略的點(diǎn);)
元素選擇器、群組選擇器、屬性選擇器、偽類選擇器、id選擇器…
?、?css常用屬性
文本屬性,背景屬性,列表屬性,浮動(dòng) (float),定位 (position),透明度設(shè)置(opacity),轉(zhuǎn)換(transform),運(yùn)動(dòng) (animation keyframes),多列 (column),盒子陰影等;
④ 盒子模型:
盒模型(content padding border margin);
彈性盒模型(新老語(yǔ)法)
?、?css命名規(guī)范要遵守,很重要;
?、?css代碼優(yōu)化,在開(kāi)發(fā)過(guò)程中,要從始至終注意優(yōu)化代碼;
(3) js --原生js是web標(biāo)準(zhǔn)中的行為語(yǔ)言,是前端所有框架的根基;(es5 es6)
?、?js基礎(chǔ)語(yǔ)法,邏輯操作符,分支語(yǔ)句,循環(huán)語(yǔ)句,函數(shù),定時(shí)器,正則表達(dá)式;
?、?bom操作,dom操作;
?、?內(nèi)置對(duì)象,事件、面向?qū)ο?,繼承
?、?ajax jq bootstrap等
?、?es6的新特性;
?、?重點(diǎn)在算法和邏輯、編程思維的培養(yǎng);
(4)前端高級(jí)技術(shù);
?、?node.js
Node api模塊
Node Common.js規(guī)范
Node web應(yīng)用級(jí)框架 express koa 打造web服務(wù)器和api服務(wù)器
MongoDB數(shù)據(jù)庫(kù)
Robe 3T MongoDB數(shù)據(jù)庫(kù)可視化工具
Mongoose操作MongoDB數(shù)據(jù)庫(kù)
前端通信 socket 技術(shù)
② vue.js
Vue指令、Vue 組件、組件注冊(cè)、組件通信
Vue 生命周期
Vue 自定義指令、自定義事件、自定義過(guò)濾器
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
④ 移動(dòng)端開(kāi)發(fā)
微信小程序
原生開(kāi)發(fā)小程序: 組件 api
框架開(kāi)發(fā)小程序
Mpvue
Wepy
Taro
微信公眾號(hào)
微信公眾號(hào)二次開(kāi)發(fā)
微信公眾號(hào)申請(qǐng)和界面運(yùn)營(yíng)
微信小游戲
原生js + H5 canvas
H5主導(dǎo)的混合開(kāi)發(fā)
Dcloud 提供的 uni-api wap2App h6+
ApiCloud 提供的api.js
React Native 主導(dǎo)的開(kāi)發(fā)
Flutter開(kāi)發(fā)
?、?代碼托管工具
Github gitee【 碼云 】
?、?獨(dú)立接口文檔
Restful api 規(guī)范
⑦ 版本控制管理工具
Git
Svn
?、?自動(dòng)化構(gòu)建工具
Gulp
Webpack
⑨ 前端流行技術(shù)
大數(shù)據(jù)可視化 Echarts
移動(dòng)端類庫(kù): Zepto Touch
Api接口調(diào)試調(diào)用: GranphGl
(4) 其他編程語(yǔ)言的儲(chǔ)備
最好要掌握一門(mén)后臺(tái)的編程語(yǔ)言;
比如:php java c++等;
注意:前端的技術(shù)不是一成不變的,反而是日益更新的,擴(kuò)張一點(diǎn)說(shuō),稍微不注意,就會(huì)發(fā)現(xiàn)前端又出現(xiàn)了很多新的東西(只是有些新的技術(shù)還沒(méi)有廣泛的應(yīng)用和推廣),所以作為一個(gè)合格的前端攻城獅,應(yīng)該一直保持去前端技術(shù)的熱情和學(xué)習(xí),不能懈怠,時(shí)刻的關(guān)注前端技術(shù)的更新交替,保證自己的技術(shù)一直是處于前沿的和提升的狀態(tài);
補(bǔ)充:上面列舉出來(lái)的技術(shù),是作為一個(gè)前端開(kāi)發(fā)工程師,最最基本應(yīng)該掌握的技術(shù);如果細(xì)列技術(shù)點(diǎn),那就太多了(還有很多好用的插件,工具,框架,小應(yīng)用在這就不一一列出了),如有興趣,可以留言交流;
分享文章:前端開(kāi)發(fā)基礎(chǔ)扎實(shí)的標(biāo)準(zhǔn)是什么?搞懂這些學(xué)習(xí)速度瞬間開(kāi)掛-創(chuàng)新互聯(lián)
鏈接分享:http://aaarwkj.com/article8/csocip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站排名、云服務(wù)器、建站公司、全網(wǎng)營(yíng)銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容