vue制作漂亮網(wǎng)頁 新手學(xué)習(xí)js是直接學(xué)vue,還是從jquery開始學(xué)?
新手學(xué)習(xí)js是直接學(xué)vue,還是從jquery開始學(xué)?本來不想寫,作為10年的老weber,在這里多嘴幾句!web技術(shù)變化太快,而jquery卻到現(xiàn)在都沒有淘汰,想一想為什么!還有,vue等新框架,確
新手學(xué)習(xí)js是直接學(xué)vue,還是從jquery開始學(xué)?
本來不想寫,作為10年的老weber,在這里多嘴幾句!web技術(shù)變化太快,而jquery卻到現(xiàn)在都沒有淘汰,想一想為什么!還有,vue等新框架,確實(shí)簡化了編程的繁瑣度,這是他的優(yōu)點(diǎn)。但是,vue能做的,jquery都能做,jquery能做的,vue不一定能做。同樣,jquery能做的,js都能做,而js能做的,jquery不一定能做!面試的時(shí)候,很多人說精通vue。而精通,是指精通vue的源碼和思想。一問,十不知!只能說會(huì)vue!js,看著很簡單,沒個(gè)五六年,不能說精通js。個(gè)人建議,先學(xué)js基礎(chǔ),然后jquery和vue,數(shù)據(jù)模型驅(qū)動(dòng)要學(xué),操作dom也要會(huì)。同時(shí),再回去學(xué)習(xí)js,不斷的反復(fù)。不要局限于一種方式,過時(shí)的是框架,不是語言!
vue配置多頁面應(yīng)用的示例代碼?
- express就是一個(gè)后端服務(wù)框架,你可以通過它來寫api,而且如果你看過vue-cli開發(fā)環(huán)境下的配置代碼(/build/dev-server.js)的話你應(yīng)該更好理解,里面就嵌了一個(gè)express微服務(wù)
- vue多頁面應(yīng)用肯定是可以的,只是要考慮這點(diǎn):你跨頁面之間的組件之間通信多不多,多的話寫起來麻煩點(diǎn),如果不多,大膽用,給你個(gè)栗子
- 你的架構(gòu)大致應(yīng)該這樣:某個(gè)數(shù)據(jù)庫(例如mongodb, mysql) express(nodejs)作為服務(wù)端寫api(其實(shí)就是向數(shù)據(jù)庫拿數(shù)據(jù),推薦可以用TypeScript寫) vue 前端(SPA or MPA) 請(qǐng)求api
Vue被淘汰了嗎?
我今天才開始去了解Vue-cli 3.0,著手寫了一個(gè)demo下來發(fā)現(xiàn),簡直驚為天人,拋棄了2.x版本繁瑣的webpack配置,現(xiàn)在的可以說簡潔明了,你甚至不用寫vue.config.js也行,空著唄,反正無傷大雅,但如果你配置一下你會(huì)發(fā)現(xiàn)也并不麻煩。
在我知道的知識(shí)范圍內(nèi),應(yīng)該是沒有比這個(gè)腳手架更能快速直接地反應(yīng)出數(shù)組或?qū)ο笞兓牧恕?/p>
此外,語法糖基本沒有很大變化,以前該怎么用現(xiàn)在還怎么用,只是性能優(yōu)化和語法糖很多了。講真,我完全找不到vue-cli3.0致命的坑。
然后,我還看到有人為jq打抱不平,我在一年半以前基本都是用jq寫的,那時(shí)候覺得jq是js最好的框架,實(shí)在太方便了,操作dom也實(shí)在太爽了,直到我某次寫一個(gè)排課項(xiàng)目卡了殼。。。
隨后我就轉(zhuǎn)小程序了,發(fā)現(xiàn)小程序的寫法不就是vue么。。。尤其是組件的寫法。。。
講到底,vue被淘汰有點(diǎn)難,畢竟這個(gè)時(shí)代是操作數(shù)據(jù)的時(shí)代,已經(jīng)不是dom操作的天下了。
最后,我覺得你不應(yīng)該拘泥于前端框架,就算以后會(huì)出現(xiàn)更先進(jìn)的框架,充其量也還是js,我實(shí)在想不出在框架這方面還能玩出什么花了。大概es會(huì)慢慢參考這些框架,然后自己變成如此也說不定。就比如當(dāng)年你能想到j(luò)s里面還能寫class來繼承?我第一次看到還以為是java。。。但現(xiàn)在不也就支持了么。。。
所以為什么不把目光放向后端?node都熟練了嗎?deno了解過嗎?php入門了嗎?python好歹掌握一下吧?這些語言我相信以后會(huì)慢慢出現(xiàn)在前端必會(huì)知識(shí)點(diǎn)里面(雖然php已經(jīng)是了,但感覺過氣了啊,說好的php是世界上最好的語言呢。。。)
vue如何跨頁面讀取內(nèi)容?
方法是利用vue-resource組件提供的一系列api:get(url, [data], [success], [options])post(url, [data], [success], [options])put(url, [data], [success], [options])patch(url, [data], [success], [options])delete(url, [data], [success], [options])jsonp(url, [data], [success], [options])具體舉例如下:1、導(dǎo)入vue-resource2、基于全局Vue對(duì)象使用http// 通過someUrl獲取后臺(tái)數(shù)據(jù),成功后執(zhí)行then的代碼Vue.http.get("/someUrl", [options]).then(successCallback, errorCallback)3、在一個(gè)Vue實(shí)例內(nèi)使用$http// $http是在vue的局部范圍內(nèi)的實(shí)例this.$http.get("/someUrl", [options]).then(successCallback, errorCallback)說明:在發(fā)送請(qǐng)求后,使用then方法來處理響應(yīng)結(jié)果,then方法有兩個(gè)參數(shù),第一個(gè)參數(shù)是響應(yīng)成功時(shí)的回調(diào)函數(shù),第二個(gè)參數(shù)是響應(yīng)失敗時(shí)的回調(diào)函數(shù)。
后端快速寫vue頁面?
1、拆分成add/list/item三個(gè)組件,創(chuàng)建三個(gè)vue。
2、main.js注冊(cè)入口頁面
3、引用css,竟然是在index.html中引用css。
此處引用了bootstrap的css
4、開始編寫app.vue,把其他組件的地方空出來
5、嚴(yán)格按照三步走:
①引入組件
②映射組件標(biāo)簽
③使用組件標(biāo)簽