一個(gè)成熟的前端開發(fā)者都需要哪些知識(shí)

2021-01-27    分類: 網(wǎng)站建設(shè)

首先,成為一名成熟的開發(fā)者,首先必是一位有基礎(chǔ)的開發(fā)。

所以最基本的一些HTML、CSS、JavaScript這些基礎(chǔ)的語法,就不詳細(xì)說了。

扎實(shí)的JavaScript基礎(chǔ)

在前端開發(fā)里,最講究的還是在JS里,基礎(chǔ)的語法,能運(yùn)用很簡單。

但是說成熟開發(fā),那必然是對(duì)JavaScript是熟練掌握和有深入的理解了。說到要熟練掌握J(rèn)avaScript,那必然是要掌握閉包,ES678,原型鏈,這一系列的了。

除了扎實(shí)的JS基礎(chǔ),還有就是要掌握符合目前市場需求的技術(shù)點(diǎn)了。


多終端開發(fā)

除了基礎(chǔ)的PC端,目前移動(dòng)端可以說是非?;鸬牧?。

比PC端單一的網(wǎng)頁不同,在移動(dòng)端的技術(shù)可以應(yīng)用到WEB-APP,小程序,Hybrid-App等等。

WEBapp,也就是我們常見的瀏覽器(以及內(nèi)置瀏覽器,比如微信)打開的大型移動(dòng)端網(wǎng)頁。比如我們常見的電商網(wǎng)站,功能性網(wǎng)站,管理網(wǎng)站,在布局和功能上都有APP的效果。

做好WEB-APP開發(fā),最基本的很多人肯定會(huì)說響應(yīng)式布局,但是前端開發(fā)是又5種布局法的,除了出名的響應(yīng)式,還有在移動(dòng)端最重要的彈性布局法,也就是很多人頭疼的rem布局。

除了布局方法之外,在H5新特性和觸屏事件和設(shè)備兼容性問題也是需要信手拈來。

小程序,這個(gè)也不用多說,現(xiàn)在可以說是非?;鸬?,各大平臺(tái)都有在做自己的小程序,各種砍價(jià),搶票,電商,游戲都有運(yùn)用。這個(gè)以微信小程序為例,主要是微信團(tuán)隊(duì)基于前端基礎(chǔ)來做的封裝語法,主要的還是ES語法。小程序目前很多公司都是招聘前端開發(fā),目前還沒有獨(dú)立的小程序開發(fā)工程師,所以小程序可以說是前端工程師高薪就業(yè)的加分技能,換句話說就是成熟開發(fā)必備了。

Hybrid-App,又稱混合式APP,可能聽說的人很少,但是18年是越來越多人去開發(fā)了,這種是能直接產(chǎn)出下載到終端的APP的,在體驗(yàn)感上可以說已經(jīng)具備傳統(tǒng)APP的大部分功能了。這種開發(fā)門檻較低,也就是前端開發(fā)就可以完成。多數(shù)都是大包平臺(tái)就能做,這個(gè)你可以后面了解一下。

前端主流技術(shù)框架

前面的都是基礎(chǔ)東西,現(xiàn)在去就業(yè)前端開發(fā),不是只靠個(gè)基礎(chǔ)東西,搞個(gè)移動(dòng)端頁面就可以算成熟了。前端3大框架,VUE、Angular、React這3個(gè)可以說是現(xiàn)在非?;馃岬牧?。

基礎(chǔ)語法都可以寫的前端,為什么還要框架?

很多小白朋友是不懂什么是框架的,只聽過jQuery這些東西,以為就是框架。或者認(rèn)為框架就是加速開發(fā),覺得這些庫、插件就能完成框架的工作了。

其實(shí)框架的出現(xiàn),是改變前端地位的重要標(biāo)志。最重要的表現(xiàn),就是前后端分離,在前后端分離之前,很多后端開發(fā)都是又當(dāng)?shù)之?dāng)媽的,效果不好效率也不高,我就是在后端出身,深知痛苦。

現(xiàn)在的前端項(xiàng)目,比以前是更加復(fù)雜化、多樣化了。項(xiàng)目復(fù)雜了,問題也多了。

那框架到底解決了什么問題?

解決重復(fù)引用外部js,以用jQuery開發(fā)為例,很多時(shí)候都是不能單一完成一個(gè)項(xiàng)目的,還需要引用很多的第三方插件和庫,導(dǎo)致會(huì)一個(gè)項(xiàng)目引入很多外部JS文件。

這樣不僅讓代碼變得雜亂,而且很影響打開速度。但是用框架呢,以VUE為例,一般會(huì)和構(gòu)建工具配合,然后就是一個(gè)入口文件就可以完成了,在運(yùn)行時(shí)候就在入口引入一次,一勞永逸。

使用組件化開發(fā),組件是前端框架里非常強(qiáng)大的功能之一,它可以擴(kuò)展你的HTML,封裝可以重用的代碼塊,比如你的輪播圖、tab切換、頁面頭部、頁面底部等等。

這種獨(dú)立的組件具有了結(jié)構(gòu)(html),表現(xiàn)(css)和行為(js)完整的功能,很大程度的節(jié)省了代碼量,提高了代碼的復(fù)用性。特別是團(tuán)隊(duì)合作的時(shí)候,可以很好的提高使用效率。

減少開發(fā)周期,如果你覺得jQuery可以減少開發(fā)周期了,那其實(shí)框架可以比庫更快。比如說使用jQuery開發(fā)的時(shí)候,很多時(shí)候是需要頻繁去操作DOM,每次效果都要去查找DOM,這樣就顯得很繁瑣了。使用框架的時(shí)候,很多功能都得到了封裝,比如說很多指令都有數(shù)據(jù)綁定,數(shù)據(jù)格式化這些功能。這樣更多時(shí)候,我們開發(fā)的時(shí)候只需要關(guān)注數(shù)據(jù)的邏輯就行了。

沒有真正的成熟

你會(huì)提出成熟,是因?yàn)橄虢o自己一個(gè)標(biāo)準(zhǔn),但是做技術(shù)工作,最重要還是市場的標(biāo)準(zhǔn)。

前端技術(shù)是日新月異的,基本每年都是會(huì)有新的概念,新的架構(gòu),新的應(yīng)用產(chǎn)品,新的交互體檢。這些都是有不確定性的。

做技術(shù)沒有真正的成熟可言,更多的還是不斷學(xué)習(xí),持續(xù)進(jìn)步。

把技術(shù)不斷做到專,做到精,才能在當(dāng)前時(shí)代成為“成熟”。

如果你想了解更多前端的知識(shí),也歡迎關(guān)注我,會(huì)經(jīng)常發(fā)布一些最新的前端技術(shù)資訊和前端干貨教程。

網(wǎng)站欄目:一個(gè)成熟的前端開發(fā)者都需要哪些知識(shí)
URL地址:http://www.bm7419.com/news3/97753.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站電子商務(wù)、網(wǎng)頁設(shè)計(jì)公司做網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站營銷

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司