这是之前文章提到过的JS购物车,当时简单的介绍了下它的思路和结构。
然后有同学发信息说,看的不太明白,最好能有代码,,
于是就录了这个视频教程,主要就是介绍它的开发过程,
这个JS购物车说简单也不难,大概思路几句话就介绍完了,
但要细说,,其实它也是满复杂的,,
一是用window.onhashchange事件来监听页面链接的变化,
二是用localStorage来存储数据,
三是用switch来实现了一个简单的页面路由。。
四是整个应用只有一个html文件,就是index.html,它也是一个页面的容器。
所有的页面都是做为它的子节点,通过load事件来加载进页面中来的,实际就是单页应用了。
其实这个购物车就是一个应用了hash事件的,mvc结构的H5单页应用。
第一节视频教程内容只是简单的介绍了它的功能、需求和大概的思路,并没有深入讲解代码及开发过程。
在以后的视频教程中,将带领大家一步步的实现它,明后天我把代码整理下放个DEMO上来,让大家可以在手机上试试看。。
下面就是视频了,大家先看看,有什么意见可以在评论中留言给我。
视频链接,请点此:
https://v.qq.com/iframe/player.html?vid=g0174l6dvqo&width=670&height=502.5&auto=0