Fork me on GitHub

HTML5课上学到的一些小案例

2020-04-07

原创字数统计: 349 | 阅读时长: 1分

一转眼H5已经结课了，小结一下。

仿京东商品栏

源代码：https://download.csdn.net/download/qq_40922859/12311607

京东商品切换.gif

大差不差，总感觉还是少了点啥，应该是差个“仅剩X件” ￣□￣｜｜。

仿当当主页轮播图

源代码：https://download.csdn.net/download/qq_40922859/12311610

GIF当当轮播图.gif

本来当当的轮播图就是不带按钮的，因为人家的是自动滚动，但老师的要求是：在自动滚动的基础上,
加上两个可以左右控制的按钮，所以还是有点小bug:”点击按钮切换的同时，轮播图后面还在自动滚”

仿某市政务网站竖向切换

源代码：https://download.csdn.net/download/qq_40922859/12311617

市政竖向切换.gif

核心的东西都在左边的tab上，所以右边其实是截的图o(罒ω罒)O

省市县三级联动菜单

源代码：https://download.csdn.net/download/qq_40922859/12311633

省市县三级联动菜单.gif

这里要注意js没有多维数组的概念，但有方法实现多维数组，详见代码。正常的前端人员不会想用
多维数组这种东西吧￣□￣｜｜。

简易购物车

源代码：https://download.csdn.net/download/qq_40922859/12311636

简易购物车.gif

老师的要求是：书加入购物车后没有选中的时候显示总价，但凭我多年使用淘宝的经验，选中才计价看起来更舒服。L(‘ω’)┘三└(‘ω’)｣

更多资源欢迎访问CSDN下载：https://me.csdn.net/download/qq_40922859

本文作者： 本该如此
本文链接： https://anyway521.github.io/post/963d5a1a.html
最后更新： 2021年01月13日 11:12:36
版权声明： 博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议进行许可，转载请注明出处！

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

<br>我必须承认<br><br>生命中大部分时光是属于孤独的，<br><br>努力成长<br><br>是在孤独里可以进行的最好的游戏。