学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。

这就需要经验的积累了。

本项目是一个十分接近天猫官网的网站

点击进入: 模仿天猫官网

本项目90%的内容是由纯 Html CSS和JQuery完成,你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。

学习本项目过程中,能够学习到如何考虑布局,细节怎么处理,积累宝贵的前端项目经验。
面试的时候,多一项谈资,多一层砝码,多一些薪水

项目展示:

在这里插入图片描述
在这里插入图片描述

基础

  • 项目简介
  • 前端页面浏览
  • 学习思路
  • 讲解规划

公共页面

  • 概念
  • 定置导航
  • 搜索栏
  • 简单搜索栏
  • 页脚一
  • 页脚二

首页

  • 概述
  • 导航和轮播
  • 分类和推荐产品
  • 产品列表
  • 交互

分类页面

  • 概述
  • 排序和价格
  • 产品列表
  • 交互

产品页面

  • 概述
  • 产品图片
  • 基本信息
  • 产品详情
  • 另计评论
  • 交互

购物车页面

  • 概述
  • 结算按钮
  • 订单内容
  • 交互

我的订单页面

  • 概述
  • 标题部分
  • 产品列表
  • 交互