• 课程 / JavaScript

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

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

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

    17分钟04秒
    第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中文网