Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 243e40f

Browse files
committed
move gif to CDN FIX issue#16
1 parent b87f054 commit 243e40f

File tree

11 files changed

+20
-18
lines changed

11 files changed

+20
-18
lines changed

‎README.md‎

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

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

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

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

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

304306
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.
@@ -314,47 +316,47 @@ In HTML5 history mode, router-link will intercept the click event so that the br
314316
When you are using the base option in HTML5 history mode, you don't need to include it in to prop's URLs.
315317

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

320322
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.
321323

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

326328
This is the email form validation, not too much technical content.
327329

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

332334
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.
333335

334336
Then this is the iPhone's Safari performance, the speed is well.
335337

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

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

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

346348
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:
347349

348350
iPhone application
349351

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

354356
iPad application
355357

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

360362
## 🤔 Reflection

‎README_CN.md‎

Lines changed: 9 additions & 9 deletions
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='./image/Gifs/Web.gif'>
284+
<img src='https://ob6mci30g.qnssl.com/Blog/ArticleImage/49_22.gif'>
285285
</p>
286286

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

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

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

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

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

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

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

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

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

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

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

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

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

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

337337
iPhone 上的应用
338338

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

343343
iPad 上的应用
344344

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

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

‎image/Gifs/Web-Mac.gif‎

-7.63 MB
Binary file not shown.

‎image/Gifs/Web-buy.gif‎

-4.66 MB
Binary file not shown.

‎image/Gifs/Web-email.gif‎

-616 KB
Binary file not shown.

‎image/Gifs/Web-iPad app.gif‎

-13.2 MB
Binary file not shown.

‎image/Gifs/Web-iPhone.gif‎

-7.66 MB
Binary file not shown.

‎image/Gifs/Web-iPone app.gif‎

-6.69 MB
Binary file not shown.

‎image/Gifs/Web-login.gif‎

-2.17 MB
Binary file not shown.

‎image/Gifs/Web-logout.gif‎

-647 KB
Binary file not shown.

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /