• 课程 / JavaScript

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

    《22期PHP线上直播班》开课啦!

    立即报名
    介绍章节评论课件
    尚优选是一款HTML、CSS、JavaScript技术综合应用的商城项目,适合初学前端的小伙伴夯实基础,积累项目经验。项目具有很强的实用性,既是对前端基础知识的梳理和整合,同时为后续更多主流技术提供了实际应用的练兵场。
  • 难度:初级
  • 共39章节
  • 1357次播放
  • 第1章 页面布局

    项目简介

    05:15

    登录注册布局搭建

    16:17

    列表布局搭建

    07:14

    logo以及搜索框

    07:14

    商品分类导航布局

    07:19

    路径导航布局

    07:33

    路径导航数据动态渲染

    14:49
    第2章 放大镜效果

    左侧放大镜布局搭建

    13:27

    放大镜鼠标移入移出效果

    13:41

    放大镜鼠标移动实现蒙版元素的拖拽效果

    16:11

    蒙版元素移动的边界控制

    06:53

    放大镜移动实现大图元素等比例移动效果

    13:33

    放大镜缩略图布局搭建效果

    12:50

    放大镜缩略图数据动态渲染

    09:06

    点击缩略图实现换小图以及大图效果

    19:15

    实现缩略图点击左右箭头的图片轮播效果原理分析

    08:09

    计算每一次图片移动的距离以及ul移动的距离

    17:28
    第3章 右侧商品

    右侧商品上半部分详情介绍的布局搭建

    24:04

    右侧商品上半部分详解介绍数据动态渲染

    15:00

    右侧商品下半部分商品参数布局搭建

    10:12

    右侧商品下半部分商品参数数据动态渲染

    第4章 商品参数

    点击第一行商品参数的文字颜色排他效果

    16:22

    利用闭包函数来解决循环中事件里面的变量问题

    18:28

    实现选择结果的布局搭建

    04:25

    点击商品参数实现对应结果的动态添加

    18:38

    点击删除按钮实现删除对应参数数据

    19:36

    封装价格变动函数

    17:32
    第5章 中间左侧选项卡

    购物车以及购买价格的布局搭建

    08:57

    中间左侧选项卡整体结构布局搭建

    13:12

    中间左侧选项卡具体内容布局搭建

    10:05
    第6章 中间右侧选项卡

    中间右侧选择搭配的整体结构布局搭建

    16:54

    选择搭配中复选框选中状态的套餐价联动效果

    15:57

    中间右侧选项卡布局搭建

    13:27
    第7章 右侧导航栏

    封装一个公共的选项卡函数并调用

    18:38

    右侧导航栏的上班部分搭建

    09:56

    右侧导航栏的中间布局搭建

    15:39

    右侧导航栏的点击切换状态实现

    11:15

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    尚优选是一款HTML、CSS、JavaScript技术综合应用的商城项目,适合初学前端的小伙伴夯实基础,积累项目经验。项目具有很强的实用性,既是对前端基础知识的梳理和整合,同时为后续更多主流技术提供了实际应用的练兵场。

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网