摘要:更新日志更新完成靜態(tài)頁面原型修復使用的正確姿勢更新添加靜態(tài)頁面更新添加使用方法請戳我主要作用就是在你開發(fā)環(huán)節(jié)在后端同學還未開發(fā)完成的情況下,提供一個。
底下評論說是標題黨,或者是光扔個github地址上來的同學我就不說什么了。你們有看看倉庫的提交記錄么?我還沒有吃撐到開個倉庫去騙star.我的出發(fā)點就是每天更新一部分代碼,教大家用我所提到的技術(shù)棧搭建一個blog,我的出發(fā)點就是這么簡單。這個項目才開始2天,就是每天晚上抽點時間寫寫,速度不會很快,這周末前將前端的靜態(tài)頁面和mock數(shù)據(jù)及webpack打包構(gòu)建寫完,下周開始寫服務端的內(nèi)容。
更新日志 2.14更新完成post靜態(tài)頁面原型,修復webpack使用extractTextPlugin的正確姿勢
2.15更新添加about靜態(tài)頁面
2.16更新添加json-server. 使用方法請戳我
主要作用就是在你開發(fā)環(huán)節(jié)在后端同學還未開發(fā)完成的情況下,提供一個mock backend server。
在我們還未開始寫后端代碼前,主要用這個backend server去模擬數(shù)據(jù)格式。
PS: 因為你webpack-dev-server占用了一個端口,那么json-server需要使用另外一個端口。
這個時候需要利用webpack-dev-server提供的proxy功能。
具體的配置信息,見webpack.config.dev.js文件
添加axios作為http資源庫
其實vue對于開發(fā)者使用什么資源庫沒做什么限制。使用你順手的就好了。
將axios集成進vue的方式見App.vue文件。
axios文檔請戳我
vue添加插件的方法請戳我
2.18更新添加webpack生產(chǎn)環(huán)境配置信息
見webpack.config.prod.js文件。主要添加的內(nèi)容為文件的hash,文件的打包及輸出內(nèi)容
tags頁面添加vue-router路由動態(tài)匹配
使用方法請戳我
2.19更新添加mock數(shù)據(jù), 見lib/mock/db.json文件
完成archive靜態(tài)頁面
這是一個開源的個人blog項目。
前端的所使用的技術(shù)棧:
es6
vue2
vue-router2
webpack2
axios
less
后端:
node
mongoDB
這個小項目才開始,使用webpack2已經(jīng)搭建好了前端開發(fā)環(huán)境, 及相應的vue的路由配置。接下來我會帶著大家一起完成整個blog的開發(fā)工作。
如果你想學習vue2的基本套路及其生態(tài), 如果你想學習如何使用webpack2進行文件的編譯,打包及構(gòu)建,如何進行文件的組織。。(總之作為一個業(yè)余項目,你能跟下來的話肯定能學到很多啦~~)
你還在等什么,趕緊上車吧~~~ 代碼倉庫請戳我
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/81498.html
摘要:下面圍繞的這樣的目的,即左右知乎網(wǎng)頁上屏幕截圖功能的實現(xiàn)前端掘金背景最近注意到知乎的屏幕截圖反饋功能,感覺非常不錯。正如你期望的,文中的闖關(guān)記之垃圾回收和內(nèi)存管理前端掘金題圖來源,授權(quán)基于協(xié)議。 微信小程序?qū)崙?zhàn)學習 起手式 DEMO 仿肯德基 - 前端 - 掘金小程序?大場景? 微信小程序本質(zhì)上來說就是一個 HTML 5(移動網(wǎng)頁) 應用,用view、scoll-view代替了div標...
showImg(https://segmentfault.com/img/bVN5fu?w=1920&h=4878); 使用es6 vue2 webpack2 vue-router2 axios vue-awesome-swiper vue-spinner SPA 完成的個人簡歷訪問地址:https://github.com/vqlai/vqla...歡迎star,3Q
摘要:它會檢測出最大靜態(tài)子樹就是不需要動態(tài)性的子樹并且從渲染函數(shù)中萃取出來。這樣在每次重渲染的時候,它就會直接重用完全相同的同時跳過比對。需要注意的是,中的操作必須是同步的,不可以存在異步操作的情況。 新增:哈哈,最近又推出了 vue 的文章,在這里放個鏈接~手把手教你從零寫一個簡單的 VUE 感謝有人看我扯技術(shù),這篇文章主要介紹最近非?;鸬膙ue2前端框架的特點和vue2+vuex2+we...
摘要:它會檢測出最大靜態(tài)子樹就是不需要動態(tài)性的子樹并且從渲染函數(shù)中萃取出來。這樣在每次重渲染的時候,它就會直接重用完全相同的同時跳過比對。需要注意的是,中的操作必須是同步的,不可以存在異步操作的情況。 新增:哈哈,最近又推出了 vue 的文章,在這里放個鏈接~手把手教你從零寫一個簡單的 VUE 感謝有人看我扯技術(shù),這篇文章主要介紹最近非?;鸬膙ue2前端框架的特點和vue2+vuex2+we...
閱讀 1819·2023-04-26 00:30
閱讀 3217·2021-11-25 09:43
閱讀 2954·2021-11-22 14:56
閱讀 3273·2021-11-04 16:15
閱讀 1226·2021-09-07 09:58
閱讀 2086·2019-08-29 13:14
閱讀 3179·2019-08-29 12:55
閱讀 1063·2019-08-29 10:57