update README.MD

This commit is contained in:
binaryify
2018-11-13 17:30:05 +08:00
parent 2105fa56f4
commit 0cf0b6b688
2 changed files with 5 additions and 5 deletions

View File

@@ -15,13 +15,13 @@ Not only refers to the screen adaptation, `but the change of input depending on
![phone](https://img.alicdn.com/tps/TB1kvJyOVXXXXbhaFXXXXXXXXXX-320-555.gif) ![phone](https://img.alicdn.com/tps/TB1kvJyOVXXXXbhaFXXXXXXXXXX-320-555.gif)
### Data persistence ### Data persistence
![previes](http://static.binaryify.com/persistence.gif)
[video](https://www.youtube.com/watch?v=SzTNX7rg9Qg) [video](https://www.youtube.com/watch?v=SzTNX7rg9Qg)
What's the worst can happen when you're playing stand-alone games? Power outage. The state is stored in the `localStorage` by subscribing to `store.subscribe`, which records exactly all the state. Web page refreshes, the program crashes, the phone is dead, just re-open the connection and you can continue playing. What's the worst can happen when you're playing stand-alone games? Power outage. The state is stored in the `localStorage` by subscribing to `store.subscribe`, which records exactly all the state. Web page refreshes, the program crashes, the phone is dead, just re-open the connection and you can continue playing.
### Vuex state preview ([Vue DevTools extension](https://github.com/vuejs/vue-devtools)) ### Vuex state preview ([Vue DevTools extension](https://github.com/vuejs/vue-devtools))
![preview](http://7xkm8j.com1.z0.glb.clouddn.com/vuex.gif) ![preview](http://static.binaryify.com/vuex.gif)
[video](https://www.youtube.com/watch?v=iuoSSTqSAUE) [video](https://www.youtube.com/watch?v=iuoSSTqSAUE)

View File

@@ -23,14 +23,14 @@ Please view [README.md](https://github.com/Binaryify/vue-tetris/blob/master/READ
### 数据持久化 ### 数据持久化
[视频](http://7xkm8j.com1.z0.glb.clouddn.com/persistence.mp4) [视频](http://static.binaryify.com/persistence.mp4)
玩单机游戏最怕什么?断电。通过订阅 `store.subscribe`将state储存在localStorage精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了重新打开连接都可以继续。 玩单机游戏最怕什么?断电。通过订阅 `store.subscribe`将state储存在localStorage精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了重新打开连接都可以继续。
### Vuex 状态预览([Vue DevTools extension](https://github.com/vuejs/vue-devtools) ### Vuex 状态预览([Vue DevTools extension](https://github.com/vuejs/vue-devtools)
![preview](http://7xkm8j.com1.z0.glb.clouddn.com/vuex.gif) ![preview](http://static.binaryify.com/vuex.gif)
[视频](http://7xkm8j.com1.z0.glb.clouddn.com/vuex.mp4) [视频](http://static.binaryify.com/vuex.mp4)
Vuex 设计管理了所有应存的状态,这是上面持久化的保证。 Vuex 设计管理了所有应存的状态,这是上面持久化的保证。