Skip to content

Commit b8d448d

Browse files
committed
Revert "move gif to CDN FIX issue#16"
This reverts commit 243e40f.
1 parent 243e40f commit b8d448d

11 files changed

+18
-20
lines changed

README.md

+9-11
Original file line numberDiff line numberDiff line change
@@ -291,16 +291,14 @@ Finally look at Cordova's effect:
291291

292292
Build a Web page with Vue.js quickly.
293293

294-
295-
296294
<p align='center'>
297-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_22.gif'>
295+
<img src='./image/Gifs/Web.gif'>
298296
</p>
299297

300298
Vuex management status is very convenient. Login status saved in the state inside, the global object will be obtained it.
301299

302300
<p align='center'>
303-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_23.gif'>
301+
<img src='./image/Gifs/Web-login.gif'>
304302
</p>
305303

306304
If there is no login in information and user click the purchase button to buy an e-book, it will jump to the login page.
@@ -316,47 +314,47 @@ In HTML5 history mode, router-link will intercept the click event so that the br
316314
When you are using the base option in HTML5 history mode, you don't need to include it in to prop's URLs.
317315

318316
<p align='center'>
319-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_24.gif'>
317+
<img src='./image/Gifs/Web-logout.gif'>
320318
</p>
321319

322320
Similarly, once the user logs out, all places showing the user name will become a status to be logged in, the shopping cart on navigationBar also be disappeared. Manage status with Vuex, very exciting.
323321

324322
<p align='center'>
325-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_25.gif'>
323+
<img src='./image/Gifs/Web-email.gif'>
326324
</p>
327325

328326
This is the email form validation, not too much technical content.
329327

330328
<p align='center'>
331-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_26.gif'>
329+
<img src='./image/Gifs/Web-buy.gif'>
332330
</p>
333331

334332
Here is the shopping cart page and use the MVVM page binding ideas. There are four buttons on the page, clicking any one will immediately change the related total price. To iOSer, it's worthy to learn the implemention on the MVVM.
335333

336334
Then this is the iPhone's Safari performance, the speed is well.
337335

338336
<p align='center'>
339-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_27.gif'>
337+
<img src='./image/Gifs/Web-iPhone.gif'>
340338
</p>
341339

342340
In the cross-platform of these applications, the best experience, I think, is the application of Mac.
343341

344342
<p align='center'>
345-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_28.gif'>
343+
<img src='./image/Gifs/Web-Mac.gif'>
346344
</p>
347345

348346
Finally is the mobile phone app build by Cordova framework, I'm a little picky and not satificated with the unoptimized Cordova. See this showcase below:
349347

350348
iPhone application
351349

352350
<p align='center'>
353-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_29.gif'>
351+
<img src='./image/Gifs/Web-iPone app.gif'>
354352
</p>
355353

356354
iPad application
357355

358356
<p align='center'>
359-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_30.gif'>
357+
<img src='./image/Gifs/Web-iPad app.gif'>
360358
</p>
361359

362360
## 🤔 Reflection

README_CN.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -281,13 +281,13 @@ iPad 的 Web
281281
用 Vue.js 搭建一个 Web 页面很快。
282282

283283
<p align='center'>
284-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_22.gif'>
284+
<img src='./image/Gifs/Web.gif'>
285285
</p>
286286

287287
看看 Vuex 管理状态的方便。登录状态保存在 state 里面,全局都会获取到。
288288

289289
<p align='center'>
290-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_23.gif'>
290+
<img src='./image/Gifs/Web-login.gif'>
291291
</p>
292292

293293
一旦用户没有登录,点击购买电子书的时候,判断没有用户登录都会跳转到登录页面。
@@ -303,47 +303,47 @@ iPad 的 Web
303303
当你在 HTML5 history 模式下使用 base 选项之后,所有的 to 属性都不需要写(基路径)了。
304304

305305
<p align='center'>
306-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_24.gif'>
306+
<img src='./image/Gifs/Web-logout.gif'>
307307
</p>
308308

309309
登出页面同理,一旦用户登出,所有显示用户名的地方都会变成登录,navigationBar 上的购物车也一并消失。用 Vuex 管理状态,挺好的。
310310

311311
<p align='center'>
312-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_25.gif'>
312+
<img src='./image/Gifs/Web-email.gif'>
313313
</p>
314314

315315
这就是 email 的表单验证了,没有太多的技术含量。
316316

317317
<p align='center'>
318-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_26.gif'>
318+
<img src='./image/Gifs/Web-buy.gif'>
319319
</p>
320320

321321
这里是购物车页面,这里用到了 MVVM 页面的绑定的思想,页面上 4 个按钮,点任意一个按钮都会立即改变下面的总价。关于 Vue.js 的 MVVM 实现思想值得 iOSer 们学习。
322322

323323
接下来这个是 iPhone 的 Safari 上的表现,速度还可以。
324324

325325
<p align='center'>
326-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_27.gif'>
326+
<img src='./image/Gifs/Web-iPhone.gif'>
327327
</p>
328328

329329
在跨平台的这几个应用中,体验最好的,我觉得还是 Mac 的应用。使用起来满意度非常高。
330330

331331
<p align='center'>
332-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_28.gif'>
332+
<img src='./image/Gifs/Web-Mac.gif'>
333333
</p>
334334

335335
最后就是 Cordova 框架搭建的 手机 app,体验度不高,具体如何,看图吧,总之不优化的 Cordova ,对于挑剔的我来说,我是不满意的。
336336

337337
iPhone 上的应用
338338

339339
<p align='center'>
340-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_29.gif'>
340+
<img src='./image/Gifs/Web-iPone app.gif'>
341341
</p>
342342

343343
iPad 上的应用
344344

345345
<p align='center'>
346-
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_30.gif'>
346+
<img src='./image/Gifs/Web-iPad app.gif'>
347347
</p>
348348

349349
## 🤔 项目完成之后的感想

image/Gifs/Web-Mac.gif

7.63 MB
Loading

image/Gifs/Web-buy.gif

4.66 MB
Loading

image/Gifs/Web-email.gif

616 KB
Loading

image/Gifs/Web-iPad app.gif

13.2 MB
Loading

image/Gifs/Web-iPhone.gif

7.66 MB
Loading

image/Gifs/Web-iPone app.gif

6.69 MB
Loading

image/Gifs/Web-login.gif

2.17 MB
Loading

image/Gifs/Web-logout.gif

647 KB
Loading

image/Gifs/Web.gif

12.1 MB
Loading

0 commit comments

Comments
 (0)