第一周至第十三周视频文件目录及笔记连接
第一周
- 第一天
- 标题与无序列表
- 粗体、斜体、代码块
- 有序列表，图片和链接引入
- 表格
- 体验html
- 第一天笔记
- 第二天
- 复习昨天知识
- 相对路径
- 链接属性
- 链接本页面之间相互跳转
- 列表
- 表单
- 表单2
- 多选框
- 下拉单和留言框
- 表单按钮和笔记整理
- 白天知识复习
- 小项目练习
- 第二天笔记
- 第三天
- 复习
- webstrom设置
- 复习表单和icon
- html已废弃的标签
- css引入方式
- 第三天笔记
- webstorm及html及ps中的设置及方法
- 第四天
- css常用属性和选择器
- css盒子模型和脱离文档流
- 关于浮动和清除浮动
- 顶部通栏
- 项目-顶部通栏
- 顶部通栏制作完成
- 轮播图
- 第四天笔记
- 第五天
- 顶部复习1
- 顶部复习2
- 轮播图
- 产品列表
- 新闻部分
- 第一周项目练习笔记
- 第六天
- padding解读
- 小圆点居中
- ul固定宽度的菜单
- 不固定宽度的菜单
- 透明度兼容处理
- 页面框架的搭建
- 第六天笔记
第二周
- 第一天
- 解读base样式文件
- 顶部通栏布局
- 小米大banner区域的制作
- 第二天
- 页面框架的了解和base样式解读
- 搭小米页面结构
- header部分的菜单
- banner区域搜索框
- 大banner左侧菜单
- 大banner区域活动菜单
- 第三天
- 大banner部分左右按钮和焦点制作
- 明星产品
- 智能产品区
- 内容版块
- 第四天
- 清除浮动+遮罩练习
- 网站开发前的准备
- 顶部导航
- banner区域
- 产品区域
- news左边部分
- news右边区域
- 第五天
- logo和搜索区域
- banner区域-产品列表
- 产品和内容区域
- 第二周小米项目练习笔记
第三周
- 第三天
- 复习以前的知识，并详细讲解自定义属性
- 普通对象的增删改查
- 对象的遍历
- 选项卡
- 闭包思想
- 函数闭包继续解读
- 第三天笔记
- 第四天
- number数据类型转化和arguments
- 任意个参数求和
- 属性和参数，返回值复习
- 算术运算和条件判断
- 运算符+条件判断
- 循环及用法和区别
- 九九乘法表
- 第四天笔记
- 第五天
- for循环
- 对象的克隆
- 数组的增加，删除和替换
- 数组的拼接，查找和克隆
- 数组的其他方法
- 随机验证码
- 九九乘法表
- 选项卡及封装
- 第五天笔记
第四周
- 第一天
- 九九乘法表
- 选项卡
- 快速排序
- 插入排序
- 第一天笔记
- 第二天
- 复习昨天的插排和快排
- 冒泡排序
- 数组去重
- 利用对象来解决重复问题
- 字符串常用方法继续
- Math和字符串常用的方法
- 隐式数据类型的比较
- 定时器
- 第二天笔记
- 第三天
- 复习昨天知识
- 日期对象
- 时钟
- 倒计时
- DOM基本知识
- 封装当前容器下的所有子元素
- 复习两个封装
- 第三天笔记
- 第四天
- 复习基础知识
- 运算符的比较
- DOM部分的复习
- 补充getChildren
- 封装上一个哥哥，下一个弟弟，所有哥哥
- 元素的动态创建和插入
- 克隆
- 属性操作
- 数据类型转换复习
- 闭包和自执行函数
- 函数类型
- 第四天笔记
- 第五天
- 定时器的考题
- 隔行换色题
- 第五天笔记
第五周
- 第一天
- git基本操作
- git-clone
- 老师远程内容的更新
- 同学作业提交
- git总结
- 预解释基础
- 内存和内存释放
- 引用数据类型的题
- 第一天笔记之git操作
- 第一天笔记之预解释
- 第二天
- 无节操和this
- 带var和不带var区别
- 自执行函数题的讲解
- 面试题++i,i++,this
- 第二天笔记
- 第三天
- 面试题乘法，this题
- this和返回值
- 预解释
- 单例模式
- 面向对象设计模式
- 构造函数原型模式
- 三句话原型图
- 第三天笔记之面试题解读
- 第三天笔记之面向对象
- 第四天
- 非常重要的原型图解读
- 函数的三种角色面试题分析
- 对象图谱重新复习
- 封装是否为公有属性
- 属性判断
- call解读
- 求最大值和最小值
- toString
- 第四天笔记
- 第五天
- 原型继承
- 寄生组合式继承
- 测试题
- 面向对象选项卡
- 闭包版面向对象封装
- 面向对象版的选项卡重讲
- 第五天笔记
第六周
- 第一天
- 考题解析
- 求平均值
- 类数组转数组
- makeArray和jsonParse封装
- sort排序深入解读
- 插入页面的几种方式
- 第一天笔记
- 第二天
- ajax
- 表格排行榜
- 表格数据获取和字符串绑定
- 动态创建绑定数据
- 表格排序
- 表格排序综合版
- 第二天笔记
- 第三天
- 复习表格排序
- 表格排序复习
- 元字符和修饰符
- 正则校验
- exec和match
- 第三天笔记
- 第四天
- replace实战
- 重复子项
- 日期格式化封装+urlParse
- 正则静态属性和去除首尾空格
- forEach的封装
- map复习
- 第四天笔记
第七周
- 第一天
- 盒子模型
- 解读JS中常见的封装思想
- getCss封装
- 第一天笔记
- 第二天
- 区分结构父级和定位父级
- offset封装
- win封装
- 图片跑马灯
- 瀑布流
- 复习部分工具库
- 跑马灯复习
- 瀑布流复习
- 第二天笔记
- 第三天
- 回到顶部
- 回到顶部随时停下版
- 分步运动
- 单张图片的延迟加载
- 多张图片的延迟加载
- 第三天笔记
- 第四天
- 工具库的复习
- 花瓣网
- 瀑布流+图片延迟加载
- 回到顶部
- DOM库结构
- getByclass封装
- hasClass和addClass
- 第四天笔记之花瓣网实例
- 第四天笔记之DOM库
- 第五天
- Dom-class相关
- setCss封装
- css三合一
- 复习css方法和class方法
- getChildren
- DOM库结束
- 花瓣网复习及遇到的问题等待事件库解决
- 第五天笔记之DOM库
第八周
- 第一天
- es6语法解读
- es6增强的对象字面量和模板字符串
- es6参数
- promise体验
- 第一天笔记
- 第二天
- promise小球复习
- promise详细解读
- 左右按钮点击运动
- 通过linner公式求出的运动
- 一个物体的多运动
- 运动库初级版
- 透明度问题的处理
- 第二天笔记
- 第三天
- 运动库完整封装版
- 复习运动库
- 轮播图样式布局
- 轮播图左右切换
- 第三天笔记之运动库封装
- 第三天笔记之轮播图左右切换实例
- 第四天
- 左右切换轮播图完整版
- jQuery知识
- 用jQuery写选项卡
- jQueryAPI继续分析
- 数据交互
- 动画
- jQuery插件
- 第四天笔记之轮播图实例完整版
- 第四天笔记之jQuery知识点
- 第五天
- map和each
- 渐隐渐现轮播图布局
- ajax获取数据
- 绑定数据
- 图片懒加载
- 图片自动渐隐渐现
- 完成jQuery版渐隐渐现轮播图
- jQuery版左右切换轮播图
- 构造函数+es6+jQuery左右轮播图
- 字符串拼接
- 完成jQuery+es6+面向对象轮播图
- 第五天笔记
- 第五天笔记之es6+面向对象+jQuery版左右切换轮播图实例
第九周
- 第一天
- toTop立即隐藏-面向对象+es6版
- 回到顶部带继承
- 回到顶部的继承
- 第一天笔记之toTop回到顶部实例
- 第二天
- 复习并优化toTop的继承
- banner轮播图面向对象
- 轮播图面向对象
- 事件初次接触
- 事件对象
- 第二天笔记之渐隐渐现轮播图实例es6版面向对象+原生JS
- 第二天笔记之事件
- 第三天
- 复习事件对象
- 冒泡
- 小米购物车点击版
- 放大镜
- 第三天笔记
- 第四天
- 两种思路的放大镜
- 产品展示
- 拖拽
- 复习过滤
- bind封装-柯理化函数
- 第四天笔记
- 第五天
- 测试标准事件绑定，并找出IE下事件绑定的不足
- 解决事件池this问题和顺序问题
- 事件库
- 事件封装复习
- 多级菜单
- 第五天笔记
第十周
- 第一天
- 百度搜索框
- 第一天笔记
- 第二天
- 体验jsonp的原理
- 设计ajax+jsonp的库
- 封装ajax功能
- 完整版ajax封装带jsonp功能
- 百度搜索框
- 第二天笔记
- 第三天
- 复习事件库
- 面向对象版拖拽
- 弹性拖拽运动
- 订阅发布初步体验
- 用户根据接口写弹性运动
- 第三天笔记
第十一周
- 第一天
- 复习dom库
- 运动库
- 事件库复习
- ajax库的封装
- 面向对象的拖拽和订阅发布复习
- 照片墙-半成品
- 第一天笔记
- 第二天
- 小小相册墙
- html5标签介绍
- 360音乐播放器
- 第二天笔记之照片墙实例
- 第二天笔记之html5知识
- 第三天
- 体验canvas
- canvas使用图片
- 炫酷小球球
- html5功能解读
- input功能扩展
- data自定义属性
- classList
- localStorage
- 第三天笔记之canvas知识
- 第三天笔记之html5知识解读
- 第四天
- 自定义字体和字体图标
- 过渡
- 复习transition和animation
- 3D效果
- 翻转菜单
- 立方体
- 第四天笔记之css3知识解读
- 第五天
- 切割轮播图
- fullpage
- 解决fullpage中遇到的问题
- 导航部分的制作
- 第一屏和动效核心制作
- 第五天笔记之fullpage全屏页面滚动插件
第十二周
- 第一天
- 第二屏的制作
- 给第二屏添加运动
- 第三屏效果的制作
- 第四屏的制作
- 第五屏和第六屏的制作
- 滑动门的制作
- 锚点问题的处理
- 第一天笔记之fullpage全屏页面滚动实例
- 第二天
- 如何使用插件
- 搭建页面结构
- 对项目难点的回顾
- bootStrap体验
- bootStrap样式和组件
- 第二天笔记之Bootstrap框架
- 第三天
- 轮播图的制作
- 轮播图思路
- 轮播图划动效果
- 汉堡菜单的问题解决和特色区域的制作
- 立即预约区域的制作
- 横向滚动条
- 产品内容区域
- 弹出框
- 微金所实战笔记
第十三周
- 第一天
- less基础知识
- less的其他用法
- 第一天笔记之less
- 第二天
- rem的计算
- 大背景的制作
- 头部区域
- 歌词区域
- footer部分的制作
- 歌词内容空间的计算
- 获取歌词数据
- jQuery中的订阅发布
- 播放和暂停
- 歌词自动播放，完成QQ音乐
- QQ音乐移动端项目实战笔记
- QQ音乐移动端项目实战代码
