课程目录

• NODE
• day1
• -1.环境变量配置
• -2.node运行
• -3.模块的理解
• -4.process环境变量env配置
• -5.同步异步阻塞非阻塞
• -6.模块方法
• -7.模块的导入导出
• -8.yarn
• -9.发布包
• REACT
• day1
• 1.react项目结构
• 2.switch组件
• 3.JSX语法
• 4.render方法实现原理
• 5.jsx循环渲染
• 6.JSX属性went
• 7.函数组件
• 8.类组件基本用法
• 9.类组件中的state状态
• redux
• -1.抽离状态管理
• -10.Counter
• -11.react-redux
• -12.复习redux
• -13.Todo结构
• -14.store以及actions和reducer完成
• -15.TodoHeader
• -16.todoList
• -17.todoFooter
• -18.高阶组件
• -19.context上下文
• -2.状态管理
• -20.react-redux
• -3.createStore
• -4.counter
• -5.在react中使用store
• -6.分析流程
• -7.Counter和Compute
• -8.合并状态combineReducers
• -9.拆分文件
• WEEK1
• day1
• -1.引用数据类型函数问题
• -2.变量提声
• -3.变量重名
• -4.没有关键字的变量
• -5.变量提声的特殊问题
• -6.私有作用域
• -7.上午练习题目
• -7.上午练习题最后一道
• -8.上一级作用域
• -9.块级作用域
• day2
• 1.作用域销毁问题
• 2.循环绑定事件
• 3.let循环绑定
• 4.函数形参赋值
• 5.解构赋值
• 6.this问题
• 7.this练习题
• day3
• 1.js作业题目
• 2.箭头函数
• 3.单例模式1
• 3.单例模式2
• 4.面向对象
• 5.构造函数
• 6.内置类
• 7.练习题
• day4
• 1.定时器
• 2.引用数据类型
• 3.私有作用域和块作用域
• 4.this
• 5.原型
• 6.原型链查找属性
• 7.判断私有和公有属性
• day5
• 1.Function和Object
• 2.constructor
• 3.原型指向
• 4.数组原型扩展
• 5.数组方法实现重写
• WEEK2
• day1
• -1.函数的caller和arguments的callee
• -10.JSON
• -11.获取数据
• -2.call
• -4.call原理
• -5.call案例绑定事件
• -6.bind
• -7.bind
• -8.检测数据类型
• -9.forin
• day2
• 1.页面开发步骤
• 2.获取数据绑定页面
• 3.排序sort
• 4.升序降序的切换
• 5.排序的一次优化
• 6.排序初次完成
• 7.排序完成
• cube1
• day3
• 1.正则的基础内容
• 10.字符串中方法
• 11.replace
• 2.特殊意义的元字符
• 3.量词元字符
• 4.中括号和或
• 5.捕获
• 5.练习
• 6.match
• 7.分组捕获
• 8.贪婪性
• 9.构造函数创建正则
• day4
• 1.正则选择题目讲解
• 2.解析URL方法讲解
• 3.h5表单属性
• 4.h5表单验证
• 5.h5表单提交获取数据
• day5
• 1.正则复习
• 2.函数问题
• 3.call
• 4.call案例
• 5.2个以及2个以上的call
• 6.Object的toString使用call和将类数变成数组
• 7.forEach
• 8.Ejs模板引擎
• WEEK3
• day1
• 1.js盒子模型client系列
• 2.scroll系列
• 3.水平滚动案例
• 4.获取浏览器的盒子模型
• 5.public
• 6.回到顶部
• 7.offset系列
• 8.IE8浏览器关于offset问题
• 8.补充
• day2
• 1.一张图片延迟加载
• 2.延迟加载加上渐变
• 3.getCss
• 4.setCss
• 5.使用public的案例
• 6.setGroupCss
• 7.css获取设置样式
• 8.getRandom
• 9.瀑布流
• day3
• -1.多张图片延迟加载样式获取数据绑定数据
• -2.多张图片延迟加载实现延迟加载
• -3.多张图片延迟加载实现渐变和到底加载
• -4.hasClass
• -5.addClass
• -6.removeClass
• -7.toggleClass
• day4
• 1.京东楼层导航.optimized
• 2.JQ对象和原生对象的转换
• 3.JQ选择器
• WEEK4
• day1
• 1.动画初识
• 10.动画封装完成
• 2.固定步长的动画
• 3.固定总时间的动画
• 4.匀速直线运动
• 5.多维动画
• 6.动画完成之后的操作
• 7.往返运动
• 8.动画的初步封装
• 9.动画封装的第一次升级
• day2
• 1.左右轮播获取数据和绑定数据
• 2.延迟加载和渐变
• 3.左右轮播自动轮播焦点对齐
• 4.左右按钮的点击事件
• 5.焦点点击事件
• 6.Banner封装获取数据绑定数据自动轮播
• 7.Banner封装左右切换和焦点点击
• 8.JQ常用方法和属性
• day3
• 1.浏览器最小化处理
• 10.渐隐渐现封装自动轮播
• 11.渐隐渐现封装鼠标滑过事件
• 12.渐隐渐现封装左右切换
• 13.渐隐渐现版封装完成
• 14.补充问题
• 2.渐隐渐现获取数据绑定数据和默认显示
• 3.渐隐渐现实现自动轮播
• 4.焦点对齐和鼠标滑过事件
• 5.左右切换事件
• 6.焦点点击事件完成
• 7.JQ中的遍历
• 8.JQ中的动画
• 9.渐隐渐现封装初始化
• day4
• 1.手风琴效果
• 10.jq轮播案例
• 2.小米购物车效果
• 3.小米左侧导航
• 4.JQ小技巧
• 5.表格搜索显示
• 6.复选框1
• 7.复选框2
• 8.移动选项
• 9.JQajax获取数据
• day5
• 1.原型继承
• 2.冒充对象继承
• 3.强制改变原型指向
• 4.call继承组合继承
• 5.ES6的class
• 6.ES6继承
• WEEK5
• day1
• 1.什么是事件
• 10.多级菜单JQ版
• 2.事件绑定
• 3.事件对象
• 4.推箱子
• 5.模拟百度搜索框
• 6.阻止事件的默认行为
• 7.事件委托
• 8.事件委托选项卡
• 9.多级菜单事件委托
• day2
• 1.鼠标跟随
• 2.鼠标跟随2
• 3.放大镜
• 4.JQ版放大镜
• 5.拖拽基础版
• 6.DOM2拖拽
• 7.DOM2拖拽的this问题
• 8.JQ事件
• 9.实现on
• day3
• 1.Callbacks
• 2.自己实现Callbacks
• 3.Callbacks升级
• 4.使用Callbacks
• 5.案例
• 6.拖拽封装简易版
• 7.Drag封装加border实现
• 8.Drag封装加jump
• day4
• 1.复习事件
• 10.JQ扩展
• 2.drag实现zIndex
• 3.drag实现border
• 4.drag加上range范围
• 5.drag加上drop
• 6.drag加上fly
• 7.photo实现布局浮动变定位
• 8.photo实现碰撞检测
• 9.photo交换位置
• day5
• 2.class的执行变量提升以及静态方法和可枚举性问题
• WEEK6
• day4
• 1.media
• 2.rem
• 3.loading样式
• 5.场景2phone的HTML结构
• 6.phone的样式
• 7.phone场景显示
• day5
• 1.message结构和样式
• 2.message场景显示
• 3.cube场景实现
• 4.swiper实现滑屏处理
• 5.makisu折叠菜单效果
• 6.课程体系动画完成
• WEEK7
• day1
• 1.less变量和混合类问题
• 2.颜色函数
• 3.when
• 4.移动端事件touch
• 5.使用touch模拟滑动和单击
• 6.点透事件的处理
• day2
• 1.QQ音乐播放器样式书写
• 2.处理rem和main的高度
• 3.分析歌词
• 4.绑定歌词
• 5.autoPlay1
• 6.autoPlay和playPause
• 7.时间和歌词对应
• day3
• 1.新浪新闻首页header
• 2.banner
• 3.aside
• 4.news
• WEEK8
• day2
• 1.DOS命令常用几个
• 2.发布网站
• 3.从打开一个URL到页面显示中间经历了什么
• 5.node模块安装
• 6.自定义模块的导入导出
• 7.fs模块读文件内容和目录
• 8.fs模块写入文件内容
• day3
• 2.http模块写服务请求页面
• 3.http模块处理默认页
• 4.http模块处理图片
• 5.http模块处理ajax请求
• 6.http模块处理post请求
• 7.http模块处理get参数问题
• 8.http模块小例子注册用户
• day4
• 1.API文档
• 10.bindHTML函数的实现
• 11.changePage函数实现
• 12.inputChangePage函数的实现
• 13.removeUser函数的实现
• 14.查看用户和修改用户页完成
• 15.查询页完成
• 2.处理资源文件请求
• 3.userListAPI处理
• 4.removeUserAPI处理
• 5.addUserAPI处理
• 6.checkUserAPI处理
• 7.changeUserInfoAPI处理
• 8.searchUserAPI处理
• 9.写js结构
• day5
• 1.局部刷新和全局刷新以及前后端分离和不分离
• 2.前后端分离和不分离的优势和弊端
• 3.原生AJAX的解读
• 4.ajax的方法和属性
• 5.编码和解码
• 6.AJAX的异步和同步
• 7.服务器时间做秒杀
• 8.AJAx的扩展封装