地址： 上海市靜安區(qū)共和新路4718弄10號(hào)樓2樓
熱線：400-166-3538
電話：13122077371
郵箱：sales@shyuanzhen.cn
著作權(quán)歸作者所有。
商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
作者：張?jiān)讫?br/>鏈接：http://www.zhihu.com/question/26187669/answer/32470493
來源：知乎
軟件架構(gòu)（software architecture）是一系列相關(guān)的抽象模式，用于指導(dǎo)大型軟件系統(tǒng)各個(gè)方面的設(shè)計(jì)。
傳統(tǒng)軟件架構(gòu)描述的對(duì)象是直接構(gòu)成系統(tǒng)的抽象組件，側(cè)重于系統(tǒng)的抽象、拆分、組織方式等。所以如果從傳統(tǒng)軟件架構(gòu)定義出發(fā)，前端架構(gòu)可能就是指前端項(xiàng)目的系統(tǒng)設(shè)計(jì)了。在進(jìn)行系統(tǒng)設(shè)計(jì)之前，由于前端開發(fā)語言缺乏一定的工程能力，所以web前端架構(gòu)師相比傳統(tǒng)軟件架構(gòu)師還應(yīng)該能提供以下開發(fā)基礎(chǔ)的支持：
開發(fā)規(guī)范：開發(fā)規(guī)范設(shè)計(jì)非常重要，設(shè)計(jì)良好的開發(fā)規(guī)范應(yīng)該以實(shí)用性為前提，可以提升開發(fā)效率，降低維護(hù)成本。常見的規(guī)范主要是針對(duì)模塊化開發(fā)定義的，想象一下，下面的規(guī)范示意圖是不是能對(duì)開發(fā)和維護(hù)有極大的幫助：
開發(fā)模型：主要是模塊化開發(fā)。前端由于編程語言的問題，沒有原生的模塊化支持，所以架構(gòu)師在做架構(gòu)設(shè)計(jì)之前，要先提供模塊開發(fā)體系。模塊化開發(fā)體系設(shè)計(jì)挺復(fù)雜的，完整的模塊化體系要統(tǒng)一js、css和模板的模塊化處理，此外，js、css模板中的資源（圖片等）引用也是要考慮的問題。此外，模塊化框架肩負(fù)著資源的加載控制，要面對(duì)性能優(yōu)化，所以，好的架構(gòu)師給出的模塊化方案應(yīng)該是能把性能優(yōu)化做到框架中，性能是一個(gè)工程問題！
構(gòu)建工具：還是由于前端開發(fā)語言的問題，前端還需要構(gòu)建工具配合，才能完成開發(fā)規(guī)范、開發(fā)模型的落地實(shí)現(xiàn)。這部分也許有人認(rèn)為是非必須的，但是我可以給出完整論證證明標(biāo)準(zhǔn)前端項(xiàng)目必須經(jīng)過構(gòu)建，這里就不展開了?？傊?，前端架構(gòu)師在給出規(guī)范、模型之后，還要給出配套的工具來保證它們的實(shí)現(xiàn)。
web前端架構(gòu)師至少要提供以上3項(xiàng)之后才能開展正式的架構(gòu)設(shè)計(jì)，我覺得這部分是衡量一個(gè)架構(gòu)師設(shè)計(jì)能力的重要指標(biāo)之一?；A(chǔ)搞定了，架構(gòu)設(shè)計(jì)的開展才能順利。沒有標(biāo)準(zhǔn)的模塊化支持，架構(gòu)設(shè)計(jì)很難做。
此外，由于web前端的產(chǎn)品模式與傳統(tǒng)軟件有很大差異，所以我覺得真正的前端架構(gòu)師還應(yīng)該能考慮以下問題：
項(xiàng)目部署：前端項(xiàng)目部署應(yīng)該由前端架構(gòu)師來決定，這里涉及到網(wǎng)絡(luò)性能優(yōu)化和開發(fā)規(guī)范對(duì)接的問題，所以前端架構(gòu)師要理解工程部署的過程，并把開發(fā)和部署打通，否則開發(fā)受限于部署，架構(gòu)設(shè)計(jì)會(huì)遇到阻礙。
組件化與組件生態(tài)：由于前端面向的是界面設(shè)計(jì)，所以在模塊化之上還有組件化開發(fā)模型需要架構(gòu)師提供。此外，項(xiàng)目中一些可復(fù)用的模塊或組件應(yīng)該有一定的復(fù)用渠道，這部分我稱之為生態(tài)。架構(gòu)師應(yīng)該提供這樣的渠道來解決多個(gè)團(tuán)隊(duì)或項(xiàng)目之間的代碼復(fù)用問題。
前端統(tǒng)計(jì)：前端統(tǒng)計(jì)包括性能統(tǒng)計(jì)、訪問統(tǒng)計(jì)、用戶行為統(tǒng)計(jì)、錯(cuò)誤統(tǒng)計(jì)、安全監(jiān)控等，雖然有些統(tǒng)計(jì)屬于產(chǎn)品指標(biāo)，但在大數(shù)據(jù)時(shí)代，前端研發(fā)的方向應(yīng)該有一定的數(shù)據(jù)做指導(dǎo)，前端架構(gòu)師必須關(guān)心統(tǒng)計(jì)數(shù)據(jù)，并能提供統(tǒng)計(jì)方案、統(tǒng)計(jì)平臺(tái)是一種衡量指標(biāo)。
前端安全：這部分也應(yīng)該有架構(gòu)師負(fù)責(zé)的部分。主要是在開發(fā)、統(tǒng)計(jì)的過程中對(duì)前端安全做保障，比如xss修復(fù)、頁面腳本注入監(jiān)控等
系統(tǒng)測(cè)試：很多人總是嘗試用API測(cè)試方法論中的單元測(cè)試來測(cè)試前端項(xiàng)目，其實(shí)是片面的。前端測(cè)試屬于GUI測(cè)試范疇，前端項(xiàng)目中使用的框架、類庫一般由外部提供，已經(jīng)由API測(cè)試做了質(zhì)量保證，而項(xiàng)目中的測(cè)試應(yīng)該主要集中在GUI測(cè)試上，這部分目前沒有好的解決方案做支撐，所以也沒有什么好的衡量辦法。
一個(gè)正常的企業(yè)網(wǎng)站，不追求視覺的沖擊，要放棄以視覺為中心的建站理念，堅(jiān)持以影虎為中心，根據(jù)用戶的需求、市場(chǎng)狀況、公司自身的情況等進(jìn)行綜合分析，制定出合理的設(shè)計(jì)方案。下面就說說建網(wǎng)站都有哪些立竿見影的方案！
建網(wǎng)站都有哪些立竿見影的方案
方案是方向，也是建網(wǎng)站的依據(jù)，然而只有方案是不能建網(wǎng)站的，設(shè)計(jì)和前端制作及程序就相當(dāng)重要了。選用php為基礎(chǔ)架構(gòu)語言，這是一種相對(duì)成熟的開發(fā)語言。
建網(wǎng)站所使用的工具方案：fw是用來設(shè)計(jì)和建網(wǎng)站頁面圖像的一種解決方案，幫助網(wǎng)頁圖像設(shè)計(jì)人員和開發(fā)人員解決所面對(duì)的特殊問題的制作環(huán)境。使用fw可以在一個(gè)專業(yè)化的環(huán)境中創(chuàng)建和編輯網(wǎng)站圖像、對(duì)其進(jìn)行動(dòng)畫處理、添加高級(jí)交互功能以及優(yōu)化圖片。在fw中可以在單個(gè)應(yīng)用程序中創(chuàng)建和編輯位圖和矢量?jī)煞N圖像，此外，流程方面可以實(shí)現(xiàn)自動(dòng)化。從而簡(jiǎn)化建站過程。fw與多種產(chǎn)品集成在一起，包含其他產(chǎn)品，如DW、flash、和其他圖像應(yīng)用程序及網(wǎng)頁編輯器，從而提供了一個(gè)真正集成的web解決方案。可以輕松地導(dǎo)出fw圖像為html文檔，輸出到flash，dreamweaver以及第三方應(yīng)用程序。
建網(wǎng)站在宣傳方面立竿見影的方案，整個(gè)網(wǎng)站的宣傳重心都是圍繞著公司的宣傳重心開展的，建網(wǎng)站的細(xì)節(jié)部分一直以來都是要以宣傳為核心?？梢哉f建網(wǎng)站要為了后期的宣傳工作而努力。顯然，企業(yè)建宣傳型網(wǎng)站無非就是對(duì)公司形象，產(chǎn)品業(yè)務(wù)等宣傳，以便與客戶架起溝通的橋梁。首先建網(wǎng)站時(shí)網(wǎng)站中內(nèi)容中要有企業(yè)簡(jiǎn)介，文化資質(zhì)，團(tuán)隊(duì)架構(gòu)以及發(fā)展情況，帶給用戶安全和信任感，其次公司最終的營(yíng)銷不管是產(chǎn)品還是服務(wù)，在網(wǎng)站上都要有詳細(xì)的說明，包含業(yè)務(wù)的范圍，常見問題解決方案，用戶案例等，至少是一種實(shí)力的證明，最后是從客戶角度思考，最好通過網(wǎng)站互動(dòng)的形式獲取到用戶對(duì)網(wǎng)站的宣傳反饋。
? ? ? ? | 公司名稱：上海緣震網(wǎng)絡(luò)科技有限公司 開戶銀行：中國工商銀行上海市彭浦支行 銀行賬號(hào)：1001 2508 0930 0206 455 |
總部：上海市奉賢區(qū)金海公路6055號(hào)29號(hào)3樓 分部：上海市靜安區(qū)共和新路4718弄10號(hào)樓2樓 商務(wù)官網(wǎng)：changtuyunshu.com 新官網(wǎng)：www.shyuanzhen.com 彥蓁科技：www.shyanzhen.cn | 緣震網(wǎng)絡(luò)成立于 2014 年，公司主要經(jīng)營(yíng)全案策劃，高端品質(zhì)網(wǎng)站建設(shè)、多媒體視頻宣傳片制作、微信公眾號(hào)開發(fā)、微信小程序開發(fā)、商城定制、SEO優(yōu)化、電商托管、空間托管、網(wǎng)站維護(hù)、應(yīng)用軟件開發(fā)、手機(jī)端APP開發(fā)、等為客戶提供一條龍網(wǎng)絡(luò)運(yùn)營(yíng)解決方案的的技術(shù)型企業(yè)。我們?cè)谌肆Y源、業(yè)務(wù)范圍、設(shè)計(jì)、技術(shù)、服務(wù)、信譽(yù)度、規(guī)范管理及企業(yè)文化等諸多方面完善自己，公司目前已與千余家各類客戶進(jìn)行長(zhǎng)期戰(zhàn)略合作，提供專業(yè)的網(wǎng)站建設(shè)與運(yùn)營(yíng)服務(wù)。我們的口號(hào)：廣結(jié)良緣、震古爍今！ |
免費(fèi)熱線：400-166-3538
咨詢QQ ：
微信咨詢 : chunhua19820
直接咨詢 
