最近公司在作一個本身內部的圖片上傳系統,目的是幫助設計人員方便上傳圖片,用的是vue技術,可是說到vue,可能要提到更早出來的react,react是facebook搞的一套語法糖,也是革命性的用組件開發前端頁面,採用jsx語法,組件化開發,而後庫會進行解析轉化成瀏覽器識別的語言,由於很熱,用的人不少,因而我本身也作了個仿豆瓣的單頁應用。css
es6語法+webpack構建,webpack最大的好處就是能夠將前端資源模塊化打包處理,還能支持本地服務器熱加載等實用功能,也有不少插件,特別方便。前端
我這個demo中,webpack用了兩個文件,一個用於開發階段,一個用於生產階段,區別主要是生產階段會對js,css壓縮,加上了版權聲明等插件,還有其餘不少插件,若是實際用得上的話能夠本身找到玩玩。vue
es6考慮到兼容性問題,能夠用babel解析轉換成es5,單頁應用主要用了react的路由模塊,能夠百度搜react路由,推薦阮一峯的文章,照着整個敲一遍就差很少了。react
代碼我打包了,想看效果的話直接下載下來安裝好依賴包後直接npm run watch 啓動webpack服務器查看效果webpack
由於不能上傳附件,附上github吧: GitHub Sourcegit
先看看效果圖吧:es6