前端项目-尚优选【HTML/CSS/JS技术综合实战】

• 第1章 页面布局
• 1-1 项目简介
• 1-2 登录注册布局搭建
• 1-3 列表布局搭建
• 1-4 logo以及搜索框
• 1-5 商品分类导航布局
• 1-6 路径导航布局
• 1-7 路径导航数据动态渲染
• 第2章 放大镜效果
• 2-1 左侧放大镜布局搭建
• 2-2 放大镜鼠标移入移出效果
• 2-3 放大镜鼠标移动实现蒙版元素的拖拽效果
• 2-4 蒙版元素移动的边界控制
• 2-5 放大镜移动实现大图元素等比例移动效果
• 2-6 放大镜缩略图布局搭建效果
• 2-7 放大镜缩略图数据动态渲染
• 2-8 点击缩略图实现换小图以及大图效果
• 2-9 实现缩略图点击左右箭头的图片轮播效果原理分析
• 2-10 计算每一次图片移动的距离以及ul移动的距离
• 第3章 右侧商品
• 3-1 右侧商品上半部分详情介绍的布局搭建
• 3-2 右侧商品上半部分详解介绍数据动态渲染
• 3-3 右侧商品下半部分商品参数布局搭建
• 3-4 右侧商品下半部分商品参数数据动态渲染
• 第4章 商品参数
• 4-1 点击第一行商品参数的文字颜色排他效果
• 4-2 利用闭包函数来解决循环中事件里面的变量问题
• 4-3 实现选择结果的布局搭建
• 4-4 点击商品参数实现对应结果的动态添加
• 4-5 点击删除按钮实现删除对应参数数据
• 4-6 封装价格变动函数
• 第5章 中间左侧选项卡
• 5-1 购物车以及购买价格的布局搭建
• 5-2 中间左侧选项卡整体结构布局搭建
• 5-3 中间左侧选项卡具体内容布局搭建
• 第6章 中间右侧选项卡
• 6-1 中间右侧选择搭配的整体结构布局搭建
• 6-2 选择搭配中复选框选中状态的套餐价联动效果
• 6-3 中间右侧选项卡布局搭建
• 第7章 右侧导航栏
• 7-1 封装一个公共的选项卡函数并调用
• 7-2 右侧导航栏的上班部分搭建
• 7-3 右侧导航栏的中间布局搭建
• 7-4 右侧导航栏的点击切换状态实现