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