专栏首页web前端教室javascript-购物车(2)

javascript-购物车(2)

大家好,这几天一直加班,好久没有更新微信公众号了。 这次我们继续来讲解“购物车应用”,这次来讲解下它的路由功能。。

它是一个单页应用,所有的操作和页面跳转都是在一个页面完成,那么页面的切换就必须要有一个路由系统了。 这个应用的页面实际只有一个,就是index.html,其它的所有页面都是用jquery的load方法,加载到index.html页面的wrapMenu容器的。

第一个知识点就是window.location.hash,这个hash属性可以得到网页地址栏中#后面的部份#product。 然后用slice方法来把#号切掉,就是slice(1,hash.length)。 这样就得到了product,然后用switch方法来按不同的hash值进行跳转,其实就是用goto方法,加载不同的html页面的HTML内容到index.html页面的wrapMenu容器里,等于是变相的实现了页面跳转。

详细的内容,就请大家看视频吧视频链接请点:

https://v.qq.com/iframe/player.html?vid=g0174ogiphi&width=670&height=502.5&auto=0 有什么不懂的就在评论里留言给我

html5- canvas可拖动的曲线“视频教程”

本文分享自微信公众号 - web前端教室(webfeel),作者:老尚

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2015-12-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在公司里感觉学不到东西了怎么办?

    在公司里工作到了现在,感觉学不到什么新东西了。有二种可能,一是公司业务你都掌握了,确实没什么搞头了;二是你在公司里负责的都是些初级的开发任务。 如果是第一种可能...

    web前端教室
  • 对前端的假数据那有一些不太懂,为什么要这么搞?

    如标题所示,为什么要搞那些假数据?不太明白。这是web前端零基础0827的一个同学的作业邮件里问我的。

    web前端教室
  • 【视频5分钟】如何保持不同页面间的统计数据一致性?

    温馨提示:视频请点此观看 // 视频原文: 为了更好的掌握用户的需求,我们经常需要统计: 1、统计用户在站点的停留时长 2、收集页面链接的点击数量等 3、统...

    web前端教室
  • Web前端学习笔记之前端跨域知识总结

    相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩,碰到这种情况,就只能自己总结一篇博客,...

    Jetpropelledsnake21
  • 微信小程序之提高应用速度小技巧

    小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序的响应速度和用户体验。当然,开发体验也提高不少。

    WeTest质量开放平台团队
  • Mysql Query Cache的负面影响

    Query Cache确实是以比较简单的实现带来巨大性能收益的功能。但可能很多人都忽略了使用QueryCache之后所带来的负面影响 (1)Query的hash...

    dys
  • Java描述设计模式(23):访问者模式

    电竞是游戏比赛达到“竞技”层面的体育项目。利用电子设备作为运动器械进行的、人与人之间的智力对抗运动。通过电竞,可以提高人的反应能力、协调能力、团队精神等。但是不...

    知了一笑
  • 模仿天猫实战【SSM】——总结

    前台花费了大部分的时间,不仅仅是繁杂的样式和页面需要自己去编写,业务逻辑也比后台要复杂一些,因为是模仿,所以大部分的 CSS 我都是参照着天猫官网写的(利用Fi...

    我没有三颗心脏
  • 「SEO」页面搜索引擎优化详细解说

    黄伟SEO
  • 【DB笔试面试511】如何在Oracle中写操作系统文件,如写日志?

    可以利用UTL_FILE包,但是,在此之前,要注意设置好UTL_FILE_DIR初始化参数。

    小麦苗DBA宝典

扫码关注云+社区

领取腾讯云代金券