什么是前端?前端究竟在做些什么?

1.前端是什么驼鹅?前端就是view。
2.前端人員做什么森篷?把設(shè)計圖轉(zhuǎn)化為view输钩,展示view,優(yōu)化view仲智,提升用戶對view的體驗买乃。
3.什么是前端技術(shù)皿伺?除數(shù)據(jù)層以外校读,一切為view服務(wù)的技術(shù)概念說完了蝇完,咱們來解讀下敲霍,首先前端的任務(wù)是展示矮固,展示用戶可見的部分鳖目。這就需要用到大家熟知的html洲敢,css败玉,和js蛀恩。做完頁面發(fā)現(xiàn)加載比較慢疫铜,之后就開始做前端性能優(yōu)化,
1.優(yōu)化下html標簽嵌套結(jié)構(gòu)双谆,
2.優(yōu)化一下http請求方式壳咕,
3.減少第三方框架引入,
4.優(yōu)化js邏輯顽馋,
5.壓縮源代碼以減小web包的大小谓厘,
6.模塊化項目結(jié)構(gòu)以減少重復(fù)代碼
7.資源的離線緩存做完之后,發(fā)現(xiàn)頁面快了不少寸谜,但是發(fā)現(xiàn)開發(fā)竟稳,壓縮,打包很繁瑣熊痴,引入第三方包也要到處找他爸,很麻煩。于是就開始引入打包工具(grunt果善,gulp诊笤,webpack),包管理工具(npm巾陕,bower讨跟,yarn)纪他,說白了,這些工具是為了方便開發(fā)许赃。這些技術(shù)存在一個前提:nodejs止喷!至少你要會用nodejs,如果深入打包混聊,優(yōu)化打包工具弹谁,你要會nodejs編程。

那么問題來了句喜,nodejs為后臺語言预愤,但在這里應(yīng)用到了打包和包管理上,怎么算咳胃?答:不超綱植康,這是前端程序員必備技能,是前端的一部分展懈。流行起來vue销睁,react,angular之后存崖,打包和包管理這塊基本有cli搞定冻记,但是首屏渲染成了很大的問題,畢竟打包完了之后 js来惧,css都被打入了一個首頁里面冗栗,再加上大量的打包工具攜帶代碼,首先變得很慢供搀,因為首頁必須要加載完成之后才能顯示出來隅居。

到這里另一個舊概念被提出來,服務(wù)器渲染葛虐,這個概念不新胎源,之前java web的時候是經(jīng)常做的,或者html+java的時候也是∮炱辏現(xiàn)在我們要說的這種服務(wù)器渲染是用nodejs來做首頁的渲染乒融,從服務(wù)端拉下已經(jīng)整理好的html段返回給前端做展示。到這里你已經(jīng)逃不過nodejs開發(fā)了摄悯,但此時nodejs依舊扮演者前端技術(shù)的角色。如果你的項目有些數(shù)據(jù)很固定比如組織架構(gòu)愧捕,或者人員信息奢驯,每次展示都從服務(wù)器拉去其實很費時間,于是想做一下本地數(shù)據(jù)固化次绘,最后選擇了sqlite瘪阁。

總所周知撒遣,sql是后臺程序猿必備技術(shù)之一,前端和它八竿子打不著管跺!但此時你必須的用它了义黎,在這里依舊為view服務(wù)。前端展示問題基本解決了豁跑,你還覺得不夠廉涕,于是想用nodejs做中間層處理并發(fā)以及給請求加殼,過濾和轉(zhuǎn)發(fā)艇拍。這里你用到了http.request來發(fā)送請求狐蜕,這么說,你的nodejs最多算是中端卸夕,或者前端技術(shù)层释,ok,前端程序員必備快集!有些同學(xué)看到這里覺得會這么多算是全棧了贡羔,no,你還是沒有脫離前端个初,你還是一個純純的前端乖寒!

前端入門簡單,深入很有學(xué)問勃黍,精通前端難上加難宵统。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市覆获,隨后出現(xiàn)的幾起案子马澈,更是在濱河造成了極大的恐慌,老刑警劉巖弄息,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痊班,死亡現(xiàn)場離奇詭異,居然都是意外死亡摹量,警方通過查閱死者的電腦和手機涤伐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缨称,“玉大人凝果,你說我怎么就攤上這事∧谰。” “怎么了器净?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長当凡。 經(jīng)常有香客問我山害,道長纠俭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任浪慌,我火速辦了婚禮冤荆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘权纤。我一直安慰自己钓简,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布妖碉。 她就那樣靜靜地躺著涌庭,像睡著了一般。 火紅的嫁衣襯著肌膚如雪欧宜。 梳的紋絲不亂的頭發(fā)上坐榆,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機與錄音冗茸,去河邊找鬼席镀。 笑死,一個胖子當(dāng)著我的面吹牛夏漱,可吹牛的內(nèi)容都是我干的豪诲。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼挂绰,長吁一口氣:“原來是場噩夢啊……” “哼屎篱!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起葵蒂,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤交播,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后践付,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體秦士,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年永高,在試婚紗的時候發(fā)現(xiàn)自己被綠了隧土。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡命爬,死狀恐怖曹傀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情饲宛,我是刑警寧澤皆愉,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響亥啦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜练链,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一翔脱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧媒鼓,春花似錦届吁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至潮模,卻和暖如春亮蛔,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背擎厢。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工究流, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人动遭。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓芬探,卻偏偏與公主長得像,于是被迫代替她去往敵國和親厘惦。 傳聞我的和親對象是個殘疾皇子偷仿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,713評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,104評論 25 707
  • 大部分的后端會很很鄙視前端。我也不知道為什么宵蕉,可能大部分人都會覺得腳本語言根本不算語言酝静。 大多人 會叫我們切圖仔,...
    小黑的眼閱讀 3,332評論 0 15
  • 每天三件事82/100天 1国裳、回家 晚上住在許云家形入,一早他去金華打球,我就順風(fēng)車到亭川缝左,然后花了半小時騎車6.5公...
    錢程浩瀚閱讀 194評論 0 0
  • 快到而立之年亿遂,環(huán)顧四周好友,成家的成家渺杉,做事業(yè)的也有所作為蛇数。細看自己,畢業(yè)幾年來是越,沒學(xué)到立生之本耳舅,也無創(chuàng)業(yè)之能,一...
    漂泊的風(fēng)箏閱讀 137評論 0 0
  • 文/一土 看過電影《煎餅俠》之后,我的心里是五味雜陳浦徊。但凡有一點點判斷馏予,都能選擇后悔。觀眾盔性,永遠不會為下一部可能的...
    雨下撒哈拉閱讀 167評論 0 1