成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

用Vue2.x重寫github-explorer

keithyau / 1870人閱讀

摘要:溫馨提示這個(gè)項(xiàng)目主要是用來學(xué)習(xí)的,所以我會(huì)不斷建分支重寫,下一個(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)目,是一位大牛寫的github-explorer。他用的是 React + rxjs 的組合來處理視圖與事件流的,非常有趣。因?yàn)槲冶容^喜歡Vue,所以就用Vue1.x重寫了一遍,樣式文件和組件方式都沒有改,只是修改了內(nèi)核和數(shù)據(jù)流部分,個(gè)人認(rèn)為對(duì)不熟悉函數(shù)式編程和Rx的同學(xué)來說更加友好一點(diǎn)。

然后Vue2.x出來了,所以,借著學(xué)習(xí)的旗號(hào),又重寫了一遍,vue-routervuex都相應(yīng)地更新了。我是用vue-migration-helper來一項(xiàng)一項(xiàng)地修改,由于工作實(shí)在忙,所以只能用一些碎片時(shí)間來做,不過總時(shí)長也就兩個(gè)小時(shí)的樣子。

所以最近從Vue1.x轉(zhuǎn)Vue2.x的同學(xué)可以通過這個(gè)項(xiàng)目對(duì)比參考一下兩個(gè)分支不同的實(shí)踐。

技術(shù)棧:

Vuejs BEST?。?/p>

vue-router 路由

vue-resource 數(shù)據(jù)獲取

Vuex 狀態(tài)管理

vue-cli 解決了一切的配置煩惱

Get start
npm install
npm run dev

瀏覽器中輸入localhost:8080,報(bào)錯(cuò)的話,請(qǐng)加上sudo。

溫馨提示

這個(gè)項(xiàng)目主要是用來學(xué)習(xí)的,所以我會(huì)不斷建分支重寫,下一個(gè)分支是Vue with Rxjs

更加溫馨的提示

已經(jīng)將Vue1.x運(yùn)用在了大型的項(xiàng)目中,反響一流,下一步是轉(zhuǎn)2.x,希望喜歡Vue的同學(xué)堅(jiān)定信念啊。:)

喜歡就給個(gè)star唄:)

Reference

github-explorer

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/91662.html

相關(guān)文章

  • 前方來報(bào),八月最新資訊--關(guān)于vue2&3的最佳文章推薦

    摘要:哪吒別人的看法都是狗屁,你是誰只有你自己說了才算,這是爹教我的道理。哪吒去他個(gè)鳥命我命由我,不由天是魔是仙,我自己決定哪吒白白搭上一條人命,你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運(yùn),我不曉得。我只曉得,不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...

    izhuhaodev 評(píng)論0 收藏0
  • Vue2.x 與Vue3.x 雙向數(shù)據(jù)綁定區(qū)別

    摘要:看過的源碼都知道,其雙向數(shù)據(jù)綁定原理是通過的,中的方法來實(shí)現(xiàn)數(shù)據(jù)劫持的,但是有一個(gè)弊端就是無法兼聽到數(shù)組內(nèi)部的數(shù)據(jù)變化當(dāng)然我們可以通過,來實(shí)現(xiàn)內(nèi)部數(shù)據(jù)變化的檢測(cè)。相比有一定的性能問題。 showImg(https://segmentfault.com/img/bVbsjcO?w=640&h=372);看過Vue2.x的源碼都知道,其雙向數(shù)據(jù)綁定原理是通過es5的Object.defin...

    phpmatt 評(píng)論0 收藏0
  • Vue2.x踩坑與總結(jié)

    摘要:年前就打算學(xué)習(xí)并總結(jié)一下,但是因?yàn)槟昵肮ぷ鞅容^多,所以進(jìn)展十分緩慢,現(xiàn)在終于學(xué)了一大部分,而且自己在學(xué)習(xí)開發(fā)中也踩了不少坑也總結(jié)了不少,所以將自己踩過的坑總結(jié)一下分享出來。因?yàn)樵陧?xiàng)目中使用了,所以對(duì)于也有一個(gè)踩坑總結(jié),點(diǎn)擊鏈接。 年前就打算學(xué)習(xí)并總結(jié)一下vue2.x,但是因?yàn)槟昵肮ぷ鞅容^多,所以進(jìn)展十分緩慢,現(xiàn)在終于學(xué)了一大部分,而且自己在學(xué)習(xí)開發(fā)中也踩了不少坑也總結(jié)了不少,所以將自己...

    bovenson 評(píng)論0 收藏0
  • 從0行代碼開始學(xué)習(xí)Vue2.x的虛擬DOM diff原理

    摘要:前言經(jīng)??吹街v解的虛擬原理的,但很多都是在原代碼的基礎(chǔ)上添加些注釋等等,這里從行代碼開始實(shí)現(xiàn)一個(gè)的虛擬實(shí)現(xiàn)標(biāo)簽名孩子文本節(jié)點(diǎn)對(duì)應(yīng)的真實(shí)對(duì)象為什么這里默認(rèn)把置為,不直接根據(jù)用把賦值而要等后面時(shí)候再賦值呢定義一個(gè)類,創(chuàng)建節(jié)點(diǎn)分為兩類,一類為節(jié)點(diǎn) 前言 經(jīng)??吹街v解Vue2的虛擬Dom diff原理的,但很多都是在原代碼的基礎(chǔ)上添加些注釋等等,這里從0行代碼開始實(shí)現(xiàn)一個(gè)Vue2的虛擬DOM ...

    justCoding 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<