前端工程師要懂些什么

Wildcard 發(fā)布于2019-08-22 17:17 / 752人閱讀

摘要：溝通方面的技巧，后端，產(chǎn)品，設(shè)計(jì)，測(cè)試等領(lǐng)域的知識(shí)。可以看出，前端需要跟團(tuán)隊(duì)中的各種角色交流對(duì)接，對(duì)相關(guān)的領(lǐng)域有了解可以降低溝通的成本。

前端除了JS,HTML,CSS三板斧，還要懂些什么？有什么東西對(duì)我們提升自己前端水平有幫助？

開發(fā)的過程

我們不如先了解一下前端開發(fā)的過程

跟產(chǎn)品了解需求

跟后臺(tái)溝通接口

跟美術(shù)對(duì)接設(shè)計(jì)

寫文檔

編寫代碼

使用babel，sass等工具編譯代碼

部署代碼(測(cè)試)

測(cè)試代碼

部署代碼(正式)

代碼運(yùn)行的過程

用戶訪問網(wǎng)站

查詢dns，建立http連接

內(nèi)容從服務(wù)器到客戶端

構(gòu)建dom樹和cssom樹

字節(jié)流轉(zhuǎn)成字符流

詞法分析器將字符流轉(zhuǎn)成token

構(gòu)建ast

構(gòu)建渲染樹

布局

繪制

構(gòu)建合成層

如何提升

之前的我們可能只關(guān)注了編寫代碼，只去了解js，css的只是，通過上面的章節(jié)，可以意識(shí)到，想要做好前端，我們還可以補(bǔ)充以下的知識(shí)，按重要程度排序

HTTP知識(shí)，加快網(wǎng)站訪問的速度

瀏覽器渲染的知識(shí)，提升頁面性能

編譯原理，了解前端代碼是怎么被編譯的

linux和nginx等知識(shí)，想要獨(dú)擋一面，還是要了解服務(wù)器運(yùn)行部署方面的知識(shí)。

溝通方面的技巧，

后端，產(chǎn)品，設(shè)計(jì)，測(cè)試等領(lǐng)域的知識(shí)。可以看出，前端需要跟團(tuán)隊(duì)中的各種角色交流對(duì)接，對(duì)相關(guān)的領(lǐng)域有了解可以降低溝通的成本。

GPU云服務(wù)器云服務(wù)器前端要懂哪些技術(shù) 前端工程師是什么前端工程師做什么什么是前端工程師

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/95034.html

相關(guān)文章

我眼中的前端開發(fā)

摘要：狹義上的前端開發(fā)讓我們先從狹義上的前端開始討論吧。這是我們就需要把視野打開，成為廣義上的前端。比起移動(dòng)端開發(fā)，前端開發(fā)有著免審核，開發(fā)迅速，統(tǒng)一維護(hù)等好處。這也導(dǎo)致前端開發(fā)可被替代性強(qiáng)，待遇自然也上不去。大家都知道程序員是少見的低門檻高工資的職業(yè)，而前端工程師又比其他崗位入門更快，因此，很多人都想成為一個(gè)前端工程師。但是，在決定成為一個(gè)前端工程師之前，你了解前端是什么嗎？一千個(gè)人眼...

suxier 2019-08-22 16:30 評(píng)論0 收藏0
寫給在迷茫中前行的前端學(xué)習(xí)/工作者

摘要：我從今年的月份開始在知乎上連續(xù)回答前端開發(fā)相關(guān)的問題，至今已有將近三個(gè)月，回顧寫過的一百多條回答，不少是給迷茫的前端工作者的建議。今天我把我的思考提煉整理成文，希望能給予在迷茫中前行中的前端學(xué)習(xí)工作者一些有用的建議。本文首發(fā)于知乎專欄——前端指南作者：Mark MFS老師轉(zhuǎn)載請(qǐng)注明來源。我從今年的2月份開始在知乎上連續(xù)回答前端開發(fā)相關(guān)的問題，至今已有將近三個(gè)月，回顧寫過的一百多條回...

羅志環(huán) 2019-08-20 16:03 評(píng)論0 收藏0
原生js之DOM事件相關(guān)

摘要：而由于級(jí)標(biāo)準(zhǔn)中并沒有定義事件相關(guān)的內(nèi)容，所以事件級(jí)別只包括級(jí)，級(jí)和級(jí)三種。此屬性返回當(dāng)前事件所綁定的對(duì)象。自定義事件可以綁定到任意元素上，此處選擇只是為了演示方便。前端學(xué)習(xí)的東西有很多，現(xiàn)代前端開發(fā)，前端工程化的東西要懂，基礎(chǔ)的原生js也要懂，畢竟，框架都是有生命周期的，更替非常快，然而卻有這么一個(gè)框架，它是最輕量的前端框架，每個(gè)瀏覽器都內(nèi)置，它叫vanilla.js。好吧，其實(shí)va...

learning 2019-08-22 13:51 評(píng)論0 收藏0
Flutter與React Native

摘要：一什么是年月日谷歌官方宣布的首個(gè)發(fā)布預(yù)覽版正式發(fā)布，這標(biāo)志著谷歌進(jìn)入了正式版發(fā)布前的最后階段。是一個(gè)由谷歌開發(fā)的開源移動(dòng)應(yīng)用軟件開發(fā)工具包，用于為和開發(fā)應(yīng)用，同時(shí)也將是目的是為了替換系統(tǒng)下開發(fā)應(yīng)用的主要工具。一、Flutter 1.什么是Flutter 2018年6月21日谷歌官方宣布Flutter的首個(gè)發(fā)布預(yù)覽版（Release Preview 1）正式發(fā)布，這標(biāo)志著谷歌進(jìn)入了Fl...

lastSeries 2019-08-22 18:15 評(píng)論0 收藏0
前端人人都應(yīng)該理解的盒模型BFC渲染機(jī)制

摘要：如圖所示如果你眼力不錯(cuò)或者親自試試會(huì)發(fā)現(xiàn)個(gè)之間設(shè)置了的距離但是他們現(xiàn)在實(shí)際的間距卻是。如何設(shè)置盒模型的類型通過的就可以設(shè)置為盒模型了默認(rèn)是盒模型渲染機(jī)制基本慨念是英文縮寫翻譯為塊級(jí)格式化上下文。說白了就是一種盒模型的渲染規(guī)則。前端人人都要懂的盒模型BFC渲染機(jī)制為什么我們說,前端工程師有必要需要了解BFC渲染機(jī)制? 因?yàn)槿绻阋粋€(gè)前端壓根沒聽說過BFC,那你是如何理解下面這幾個(gè)cs...

testHs 2019-08-30 13:52 評(píng)論0 收藏0