前端:為什么我看不懂你的代碼(上)

圖1?

世界上漂亮的臉蛋很多,有趣的靈魂很少。不是我們默契不行而是你的代碼真他媽太亂,看不懂啊。

1、單兵作戰(zhàn)還是協(xié)作開(kāi)發(fā)

? ? ? ? 隨著市場(chǎng)對(duì)于軟件的需求越來(lái)越高,軟件工程變得越來(lái)越重要。以前的單兵作戰(zhàn)明顯已經(jīng)跟不上市場(chǎng)的需求。但凡是成熟的軟件產(chǎn)品必定的是一個(gè)團(tuán)隊(duì)協(xié)作開(kāi)發(fā)的成果。

2、前后端分離

? ? ? ?你如果說(shuō)全棧工程師一個(gè)人就可以完成全部的工作,那只能說(shuō)你有可能項(xiàng)目經(jīng)驗(yàn)還不夠豐富?!叭珬!边@個(gè)概念怎么說(shuō)呢挺模糊的,圈子里的人都知道PHP程序員什么都能寫(xiě),招一個(gè)PHP的可以讓他干三個(gè)人的活,這樣就算是全棧了嗎?從開(kāi)發(fā)的角度來(lái)說(shuō)PHP可以寫(xiě)頁(yè)面也可以寫(xiě)后端,軟件開(kāi)發(fā)基本沒(méi)有上下游這樣大大減少了項(xiàng)目溝通的成本,開(kāi)發(fā)時(shí)間上來(lái)說(shuō)會(huì)比較省事省力。

? ? ? 上述的開(kāi)發(fā)模式開(kāi)發(fā)網(wǎng)站什么的確實(shí)很棒,快速高效。但是開(kāi)發(fā)web應(yīng)用角度來(lái)說(shuō)這樣有很大的不足,一、性能瓶頸;二、業(yè)務(wù)邏輯耦合; 三、學(xué)習(xí)成本高(又要會(huì)前端又要回后端)。前后端分離后端負(fù)責(zé)數(shù)據(jù)和接口,前端負(fù)責(zé)界面展示和操作場(chǎng)景。前后端只通過(guò) JSON 來(lái)交流,組件化、工程化不需要依賴(lài)后端去實(shí)現(xiàn)。這樣后端就有更多的時(shí)間去從全局考慮問(wèn)題,優(yōu)化數(shù)據(jù)等。這是后端要學(xué)的(餓了嗎后端技術(shù)棧

個(gè)人觀點(diǎn):你什么都能做,但什么都做不好不如專(zhuān)精一塊,把它做到完美才是價(jià)值的體現(xiàn)。程序員又不是服務(wù)員啥都做,我只寫(xiě)前端。對(duì)就這么屌。


3、如何協(xié)作開(kāi)發(fā)

? ? ? ?在沒(méi)有統(tǒng)一標(biāo)準(zhǔn)的前提下,說(shuō)前端協(xié)作開(kāi)發(fā)那就是放屁,站在說(shuō)話(huà)不腰疼。一個(gè)人寫(xiě)代碼其實(shí)是很痛苦的,面對(duì)成片成片的業(yè)務(wù)邏輯和接口,真的是心疼自己啊,累到?jīng)]有性生活。

? ? 3.1總體框架的統(tǒng)一

? ? ? 這邊的’總體框架‘我做一下詳細(xì)解釋?zhuān)嚎傮w框架分為技術(shù)框架UI框架

? ? ? 1、技術(shù)選型類(lèi)框架項(xiàng)目Vue、React、Angular、backbone等

? ? ? 2、UI框架 bootstrap、ElementUI、iview、zui等

? ? ? 這塊統(tǒng)一了后至少我們的html和Template都能看得懂會(huì)用

? ? ?3.2 CSS樣式統(tǒng)一、樣式模塊化

? ? ? 3.3JS書(shū)寫(xiě)規(guī)范


4、開(kāi)發(fā)規(guī)范

? ? ? ?4.1HTML開(kāi)發(fā)規(guī)范

? ? ? ??鏈接地址

? ? ? ?4.2CSS開(kāi)發(fā)規(guī)范

? ? ? ? ?鏈接地址


JS開(kāi)發(fā)規(guī)范下周整理發(fā)布:

? ? ? ? 前端:為什么我看不懂你的代碼(下)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,030評(píng)論 25 709
  • 本文首發(fā)于 GitChat,現(xiàn)免費(fèi)放出~感謝大家的支持。 我們都知道,大學(xué)幾乎是沒(méi)有 Web 前端課的。以我所在的...
    hylerrix閱讀 5,173評(píng)論 6 60
  • 在磕磕絆絆的學(xué)完非?;A(chǔ)的HTML和CSS之后,開(kāi)始了JS 之旅,和之前兩個(gè)相比難度確實(shí)不同尋常。 ...
    然并阮閱讀 353評(píng)論 0 0
  • 因?yàn)橐绞患倨诹?,所以這一周很忙,現(xiàn)在剛剛打開(kāi)手機(jī)寫(xiě)今天的文。最近都很喜歡晚上用手機(jī)寫(xiě)點(diǎn)東西,不用開(kāi)電腦,效率也...
    飛天蘿莉想閱讀 431評(píng)論 0 0

友情鏈接更多精彩內(nèi)容