資訊專(zhuān)欄INFORMATION COLUMN
摘要：溫馨提示這個(gè)項(xiàng)目主要是用來(lái)學(xué)習(xí)的，所以我會(huì)不斷建分支重寫(xiě)，下一個(gè)分支是。更加溫馨的提示已經(jīng)將運(yùn)用在了大型的項(xiàng)目中，反響一流，下一步是轉(zhuǎn)，希望喜歡的同學(xué)堅(jiān)定信念啊。
github-explorer
Rebuild with Vue 2.0
源碼地址
1.x版本
Live Demo
React版 Demo
之前看到了一個(gè)很有意思的項(xiàng)目，是一位大牛寫(xiě)的github-explorer。他用的是 React + rxjs 的組合來(lái)處理視圖與事件流的，非常有趣。因?yàn)槲冶容^喜歡Vue，所以就用Vue1.x重寫(xiě)了一遍，樣式文件和組件方式都沒(méi)有改，只是修改了內(nèi)核和數(shù)據(jù)流部分，個(gè)人認(rèn)為對(duì)不熟悉函數(shù)式編程和Rx的同學(xué)來(lái)說(shuō)更加友好一點(diǎn)。
然后Vue2.x出來(lái)了，所以，借著學(xué)習(xí)的旗號(hào)，又重寫(xiě)了一遍，vue-router和vuex都相應(yīng)地更新了。我是用vue-migration-helper來(lái)一項(xiàng)一項(xiàng)地修改，由于工作實(shí)在忙，所以只能用一些碎片時(shí)間來(lái)做，不過(guò)總時(shí)長(zhǎng)也就兩個(gè)小時(shí)的樣子。
所以最近從Vue1.x轉(zhuǎn)Vue2.x的同學(xué)可以通過(guò)這個(gè)項(xiàng)目對(duì)比參考一下兩個(gè)分支不同的實(shí)踐。
技術(shù)棧:Vuejs BEST??！
vue-router 路由
vue-resource 數(shù)據(jù)獲取
Vuex 狀態(tài)管理
vue-cli 解決了一切的配置煩惱
Get startnpm install npm run dev
瀏覽器中輸入localhost:8080，報(bào)錯(cuò)的話，請(qǐng)加上sudo。
溫馨提示這個(gè)項(xiàng)目主要是用來(lái)學(xué)習(xí)的，所以我會(huì)不斷建分支重寫(xiě)，下一個(gè)分支是Vue with Rxjs。
更加溫馨的提示已經(jīng)將Vue1.x運(yùn)用在了大型的項(xiàng)目中，反響一流，下一步是轉(zhuǎn)2.x，希望喜歡Vue的同學(xué)堅(jiān)定信念啊。:)
喜歡就給個(gè)star唄:)
github-explorer
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91662.html
摘要：哪吒別人的看法都是狗屁，你是誰(shuí)只有你自己說(shuō)了才算，這是爹教我的道理。哪吒去他個(gè)鳥(niǎo)命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰(shuí)和你做朋友太乙真人人是否能夠改變命運(yùn)，我不曉得。我只曉得，不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
摘要：看過(guò)的源碼都知道，其雙向數(shù)據(jù)綁定原理是通過(guò)的，中的方法來(lái)實(shí)現(xiàn)數(shù)據(jù)劫持的，但是有一個(gè)弊端就是無(wú)法兼聽(tīng)到數(shù)組內(nèi)部的數(shù)據(jù)變化當(dāng)然我們可以通過(guò)，來(lái)實(shí)現(xiàn)內(nèi)部數(shù)據(jù)變化的檢測(cè)。相比有一定的性能問(wèn)題。 showImg(https://segmentfault.com/img/bVbsjcO?w=640&h=372);看過(guò)Vue2.x的源碼都知道，其雙向數(shù)據(jù)綁定原理是通過(guò)es5的Object.defin...
摘要：年前就打算學(xué)習(xí)并總結(jié)一下，但是因?yàn)槟昵肮ぷ鞅容^多，所以進(jìn)展十分緩慢，現(xiàn)在終于學(xué)了一大部分，而且自己在學(xué)習(xí)開(kāi)發(fā)中也踩了不少坑也總結(jié)了不少，所以將自己踩過(guò)的坑總結(jié)一下分享出來(lái)。因?yàn)樵陧?xiàng)目中使用了，所以對(duì)于也有一個(gè)踩坑總結(jié)，點(diǎn)擊鏈接。 年前就打算學(xué)習(xí)并總結(jié)一下vue2.x，但是因?yàn)槟昵肮ぷ鞅容^多，所以進(jìn)展十分緩慢，現(xiàn)在終于學(xué)了一大部分，而且自己在學(xué)習(xí)開(kāi)發(fā)中也踩了不少坑也總結(jié)了不少，所以將自己...
摘要：前言經(jīng)?？吹街v解的虛擬原理的，但很多都是在原代碼的基礎(chǔ)上添加些注釋等等，這里從行代碼開(kāi)始實(shí)現(xiàn)一個(gè)的虛擬實(shí)現(xiàn)標(biāo)簽名孩子文本節(jié)點(diǎn)對(duì)應(yīng)的真實(shí)對(duì)象為什么這里默認(rèn)把置為，不直接根據(jù)用把賦值而要等后面時(shí)候再賦值呢定義一個(gè)類(lèi)，創(chuàng)建節(jié)點(diǎn)分為兩類(lèi)，一類(lèi)為節(jié)點(diǎn) 前言 經(jīng)常看到講解Vue2的虛擬Dom diff原理的，但很多都是在原代碼的基礎(chǔ)上添加些注釋等等，這里從0行代碼開(kāi)始實(shí)現(xiàn)一個(gè)Vue2的虛擬DOM ...
閱讀 2470·2021-10-09 09:44
閱讀 3842·2021-09-22 15:43
閱讀 2955·2021-09-02 09:47
閱讀 2596·2021-08-12 13:29
閱讀 3903·2019-08-30 15:43
閱讀 1704·2019-08-30 13:06
閱讀 2212·2019-08-29 16:07
閱讀 2775·2019-08-29 15:23
