尚优选是一款HTML、CSS、JavaScript技术综合应用的商城项目，适合初学前端的小伙伴夯实基础，积累项目经验。项目具有很强的实用性，既是对前端基础知识的梳理和整合，同时为后续更多主流技术提供了实际应用的练兵场。项目技术栈包含：定义HTML页面结构、CSS样式的属性定义，Less中混合器的创建和使用规则、嵌套语法、父级引用等，以及JavaScript中的循环、分支、函数、DOM、BOM、数组、对象等。

菜鸟自学网,网络技术教程下载观看

菜鸟教程【原生项目】前端原生项目尚优选视频课程+笔记源码目录如下：

视频

01–项目简介.mp4

02–登录注册布局搭建.mp4

05–商品分类导航布局.mp4

06–路径导航布局.mp4

07–路径导航数据动态渲染.mp4

08–左侧放大镜布局搭建.mp4

09–放大镜鼠标移入移出效果.mp4

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

11–蒙版元素移动的边界控制.mp4

12–放大镜移动实现大图元素等比例移动效果.mp4

13–放大镜缩略图布局搭建效果.mp4

14–放大镜缩略图数据动态渲染.mp4

15–点击缩略图实现换小图以及大图效果.mp4

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

17–计算每一次图片移动的距离以及ul移动的距离.mp4

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

19–右侧商品上半部分详情介绍数据动态渲染.mp4

20–右侧商品下半部分商品参数布局搭建.mp4

21–右侧商品下半部分商品参数数据动态渲染.mp4

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

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

24–实现选择结果的布局搭建.mp4

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

26–点击删除按钮实现删除对应参数数据.mp4

27–封装价格变动函数.mp4

28–购物车以及购买价格的布局搭建.mp4

29–中间左侧选项卡整体结构布局搭建.mp4

30–中间左侧选项卡具体内容布局搭建.mp4

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

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

33–中间右侧选项卡布局搭建.mp4

34–封装一个公共的选项卡函数并调用.mp4

35–右侧导航栏的上半部分搭建.mp4

36–右侧导航栏的中间布局搭建.mp4

37–右侧导航栏的点击切换状态实现.mp4

logo以及搜索框.mp4

列表布局搭建.mp4

笔记.zip

源码.zip