1. 現如今如果想做一套pc端的電商網站,前端用什麼框架
可以直接用react+antd
2. 電商前端架構設計
什麼是前端架構
說到架構,很容易拉出一系列的概念知識點,像系統架構、軟體架構、框架等等,這些不是今天探討的重點,大家可以下去網路來理解。架構的本質是什麼?其實也是一種管理。通常我們所說的管理,都是指對於任務和人員的管理,而架構管的是機器和代碼。比如說,機器的部署屬於運維的物理架構,SOA屬於服務架構,那麼,前端的架構指什麼呢?
長期以來,前端所處的位置是比較偏應用層,很薄的一層,而架構又要求深度和廣度,所以之前在前端裡面做架構,好比在小水塘里游泳,稍微撲騰兩下就到處碰壁。但最近這幾年來,隨著一些列新的技術和概念的出現,前端的范圍被大大拓展了,所以這一層逐漸變得大有可為。
單純從語言的角度來說,html、js、css是最簡單最容易上手的開發語言,不考慮模塊化、工具、壓縮優化,任何人都可以快速上手,完成一兩個功能簡單的頁面。在規模很小的項目中,前端技術要素彼此不會直接產生影響,因此無需架構相關的思考。由於前端語言這種靈活鬆散的特點,使得前端項目規模在達到一定規模後,工程問題凸顯,成為發展瓶頸,原來孤立的技術要素開始彼此產生影響,各種技術要素彼此之間開始出現關聯,要用模塊化開發,就必須對應某個模塊化框架,用這個框架就必須對應某個構建工具,要用這個工具,就必須對應某個包管理工具……這個時候,需要有人從比較高的角度去梳理、尋找適合自己團隊的集成解決方案。而這一系列解決問題的工具和手段就是所謂的前端架構。
架構不等於框架這一點很好理解,相信大家都能夠很深入的說明這里的差別,框架是架構的重要組成部分,架構決定框架的選型,框架決定架構的技術路線。架構圍繞框架進行一系列的流程工具建設,從而形成完善自動的開發體系。
+框架不等於類庫,這里就是很多人困惑的點,你用的什麼框架?jquery、underscore、linq、seajs、requirejs等等,每個人都能夠列舉一大堆。但這個是不準確的,一套編碼框架是有一系列的元素組成:開發模式,我們如何來實現代碼的職責分離。以前整個前端是mvc中v這一層,而現在前端內部也進行了mvc的邏輯細分,Javascript的MVC框架現在很多,有的強化m、有的強化c。每一個框架其實都有其特點的,並且有越來越多的創新改造,比如現在最流行的是mvvm。有angular、react等等。我們是為了引入mvvc才把他們納入到我們的開發體系,而不是因為他是一個好用的類庫。
通訊,模塊化、組件化是前端在推進開發模式過程中的一個過程產物,為了有效的進行組件隔離和獨立,現在有各種各樣的通信模型出來,不過由於實現簡單,代碼少,他往往是合入到某個類庫裡面,但本質也是一個類庫。比較成熟的比如:消息匯流排、事件模擬、緩存中轉、flux模型等等。
模板,我們用什麼樣的方式來集中的處理數據往html的轉換過程,這里就不用多展開,這種類庫現在太多了,光我們公司就有很多套,大家在代碼行、緩存管理、預編譯、運算性能、強大的語法等等各個維度不段追求各種極致。
基礎類庫最後才是傳統類庫,相信現在已經沒有同學會在項目中去約束團隊中的dom操作、常用函數、方法、非同步化等等各種很基礎東西,這個時候我們一般就是引入jq、zepto、underscor這些封裝好的東西就行了。核心就是為了改善編碼生產力。
對於框架的選型要從兩面看,一是看該框架的本領,二是看你們團隊的能耐。從經驗上給幾個點建議:
這里也可以順便展開聊一下現在前端產品的形態分類:
從這些分類裡面,我們這些年派生出了所謂全端和全棧的概念。但本質上怎麼走還是要由所在產品的形態來決定。
內容型Web站點 側重渲染方面的優化,前端邏輯比重小
操作型B/S系統 以數據和邏輯為中心,界面較規整
hybrid內置型,要處理緩存和一些本地介面,包括PC客戶端和移動端。現在的本地應用,基於很多考慮,都變成了混合應用,也就是說,開發這個應用的技術,既包含原生的代碼,也包含了嵌入的HTML5代碼
Web游戲,前端的邏輯非常重,在代碼結構上要求非常高的可管理性和更復雜的設計模式。
桌面應用型,現在有一些PC端的混合應用開發技術,比如node-webkit和hex,前者的典型應用是XDK,後者的典型應用是有道詞典,此外,豌豆莢的PC客戶端也是採用類似技術的,也有一些產品是用的qt-webkit。這類技術可以方便做跨平台,極大減少開發工作量。
大工程應該盡量避開谷歌產品,他的很多技術開源項目都是玩票性質的,GWT、Closure、Darty就是前車之鑒。曾今提出過很多的新技術,到現在還是獨家的,變出太大。包括現在angular,喜歡做斷崖式升級,做做運營後台系統問題不大,如果是線上系統的話,每次升級就是一次人月神話中的典型焦油坑。
關注應用場景,像剛才說到的boss後台是一種;另外我的平台是否有沉重的歷史包袱,需要兼容ie6,還是可以輕裝上陣;產品對於seo是什麼樣的態度?是否需要考慮自適應?或者我的團隊足夠大,能夠各搞一套?;產品特徵是強內容還是強交互或者是游戲性。這些都是選擇不同框架的主要出發點。
沒有最好,只有最適合自己的,基本上,針對每個平台,我們都可以列出一些主流框架,但不意味著你們都能駕馭得住。小馬過馬,老牛沒過膝,松鼠淹個半死,就是這么回事。但無論我們選擇什麼框架或決定自己動手造輪子,都勿忘初心,技術必須讓我們工作生活更為輕松愉快——我們只選擇我們能駕馭住的框架,我們不能保證它在一年後是否會過時落後。
而且按照我個人這么多年的經驗來看,任何框架都會過時,往往不是因為他不夠好,而是因為一定有更好的出來。我們再選擇一個框架或者一個類庫的時候就要想好,未來我如何拋棄他。至少不能成為我們引入新的框架的絆腳石。現實的工作中很多的團隊往往會陷入到年復一年的用今年的新框架去重構去年老框架代碼的歷史循環中去。對於引入框架如何盡量延長他的生命力,我個人的意見是選擇框架時去追求概念,而不是潮流,當我的架構可以接受新的設計概念的時候才去考慮引入新的框架。用設計理念的選擇代替框架的選擇。之所以這么說是因為我觀察到我們部門的後端架構的開發理念跟我進公司的時候是差不多的。更多你可以參考成都網站建設
架構的組成
組件框架
3. 獨立開發一套電商系統,UI用什麼框架
基礎架構層面。
1. 前端網站和M站,考慮到訪問量和系統的可用性,基本會採用分布式部署。通過代理伺服器進行請求分發。
2. 其他的業務子系統,像商家前台,和管理系統,基本上都是單機或是主從部署。
3. 各個DB ,Redis 服務和 文件和圖片服務,搜索引擎Solr服務等,採用主從部署。
亞寧傳媒在整個系統架構裡面,還有一個比較重要的組成部分,那就是監控系統。例如:流量監控,硬體監控,系統性能監控等,
還有就是對某個頁面進行監控,設置頁面的其中一塊進行監控等。它是提高整個平台可用性的一個重要手段,多平台,多個維度的監控,能夠確保系統的可用性,一旦出現異常,特別在硬體或者性能方面出現異常,監控系統也能立刻發出警告,這樣也好防範於未然。
總而言之,一個好的系統架構應該從擴展性、安全性、性能和可靠性來考慮。羅馬不是一天建成的,架構適合就行,可以先行之而後優。通過
4. 前端框架vue適合開發電商、社交網站嗎
vue是對搜索引擎不好,但是也有解決的辦法啊。既然有解決的辦法,那就可以用vue來做電商,社交網站。
5. 做一套pc端的電商網站,前端用什麼框架
現在的主流網站都是用div+css,框架來做的;
也可以根據需求來選擇框架;
具體情況不同網站有不同的做法。
6. 電商網站開發適合用什麼框架
基礎架構層面。
1. 前端網站和M站,考慮到訪問量和系統的可用性,基本會採用分布式部署。通過代理伺服器進行請求分發。
2. 其他的業務子系統,像商家前台,和管理系統,基本上都是單機或是主從部署。
3. 各個DB ,Redis 服務和 文件和圖片服務,搜索引擎Solr服務等,採用主從部署。
亞寧傳媒在整個系統架構裡面,還有一個比較重要的組成部分,那就是監控系統。例如:流量監控,硬體監控,系統性能監控等,
還有就是對某個頁面進行監控,設置頁面的其中一塊進行監控等。它是提高整個平台可用性的一個重要手段,多平台,多個維度的監控,能夠確保系統的可用性,一旦出現異常,特別在硬體或者性能方面出現異常,監控系統也能立刻發出警告,這樣也好防範於未然。
總而言之,一個好的系統架構應該從擴展性、安全性、性能和可靠性來考慮。羅馬不是一天建成的,架構適合就行,可以先行之而後優。通過漸進演化的過程,逐步是系統越來越完善。
7. 套pc端的電商網站,前端用什麼框架
先要想明白PC端和移動端主要的差別
1、PC端兼容性問題,如果要兼容IE低版本系列,react+rex 或者 vue 之類的要排出在外
2、SEO問題,採用前端渲染的話是沒有SEO的,或者說很難做SEO (電商網站對SEO要求應該比較高)
重點要考慮這兩點問題,react vue angular等前端框架在PC上實現項目的能力都是有的。
8. PC端電商網站適合什麼前端框架來做
根據具體需求而定,如果電商用戶不是特別多,或者預算有限 可以用php 。php開發非常快而且非常便宜。
如果用戶很多,而且後期還要有 app 微信等多方面融合。建議用 java 相關技術。 php 在安全性 和大數據, 擴展性方面 我覺得還是不如java。