黑马:Web前端全站开发实战班,零基础入门到高级(60G) 价值数千元

黑马Web前端8大阶段培训课程(全),零基础到高级,视频教程百度云(60G) 价值数千元
本套课程黑马程序:前端零基础到高级,课程包前端开发基础、移动Web网页开发、JavaScript网页编程、前后端交互、Vue.js 项目实战开发、 微信小程序、React项目实战、面试指导+前端面试题,文件大小共计60G。

本套课程非常适合零基础同学学习,学完本课程可全面掌握Web前端目前主流技术,适合想转行从事前端工作的同学自学,也适合一定基础的同学想进一步提升巩固自己的技术跳槽更好的单位,都可以学习本套课程,文章底部附下载地址。

更多Web前端课程,推荐学习:
1.Web全栈架构师,课程包含6-20期,目标是带大家4个月掌握中高级前端必备技能,冲击高薪;

2.Web前端高级工程师第4期,课程全面覆盖当下主流前端开发所需要的各方面知识,凭借本套课程体系,最终能让学员们开发出基于vue和react的工程级项目为结课标准,并成长为技术过硬的Web前端高级工程师;

3.深入Node.js技术栈:无论你处于前端开发的哪一个阶段,都会带给你更多的成长,提高自己在前端开发中的技术和核心竞争力。

黑马Web前端8大阶段培训课程(全),零基础到高级,视频教程百度云(60G) 价值数千元

黑马前端零基础到高级 视频截图

课程目录:V-87560:黑马前端零基础到高级 [60G]

目录较长,如需下载,请至 页面最下方。

01-阶段一 前端开发基础

01第一章 前端就业班课程导学

02第二章 HTML5 + CSS3课前导学

03第三章 VSCode编辑器的使用【v6

04第四章 HTML【v6

4-1 HTML初识

4-2 HTML文件路径

4-3 HTML表格和列表

4-4 HTML表单

05第五章 CSS【v6

5-1 CSS基本选择器

5-10 清除浮动+PS切图

5-11 学成网在线项目

5-12 CSS四种定位

5-13 元素显示和隐藏

5-14 精灵图和字体图标

5-15 CSS进阶

5-2 CSS样式

5-3 CSS复合选择器

5-4 元素显示模式

5-5 CSS背景

5-6 CSS三大特性

5-7 CSS盒模型

5-8 PS基本操作+圆角和阴影

5-9 浮动

06第六章 HTML5和CSS3【v6

6-1 HTML5

6-2 CSS3

07第七章 品优购电商项目【v6

7-1 品优购项目介绍及准备工作

7-2 首页Header区域实现

7-3 首页Footer区域实现

7-4 首页Main区域实现

7-5 列表页和注册页实现+网站上传

阶段作业 前端开发基础-试卷

博学谷官网静态页面制作(html+css)

02-阶段二 移动Web网页开发

01第一章 移动web网页开发课前导学

02第二章 H5C3进阶【v6

2-1 vscode编辑器基本使用

2-2 HTML5新增标签【复习】

2-3 CSS3新增选择器及案例【复习】

2-4 2D转换及相关案例实现

2-5 3D转换和旋转木马案例

03第三章 Flex 伸缩布局【v6

3-1 移动端基础知识

3-2 移动端电商首页制作

3-3 Flex伸缩布局基础知识

3-4 移动端携程网首页制作

04第四章 移动web开发【v6

4-1 媒体查询

4-2 less介绍和使用

4-3 rem适配及原理

4-4 移动端苏宁首页制作和rem

4-5 响应式开发介绍

4-6 Bootstrap介绍和使用

4-7 阿里百秀响应式页面制作

阶段作业 移动Web网页开发-试卷

PC端和移动端响应式网站

03-阶段三 JavaScript网页编程

01第一章 JavaScript网页编程课前导学

1-1 JavaScript网页编程课前导学

02第二章 JavaScript 基础语法【v6

2-1 计算机基础和Javascript介绍

01-计算机基础导读

02-编程语言

03-计算机基础

04-JavaScript初识导读

05-初始JavaScript

06-浏览器执行JS过程

07-JS三部分组成

08-JS三种书写位置

09-JS注释

10-JS输入输出语句

单元测试

2-10 javascript对象

18-对象导读

19-什么是对象以及为什么需要对象

20-利用对象字面量创建对象

21-变量属性函数方法的区别

22-利用new Object创建对象

23-我们为什么需要构造函数

24-构造函数创建对象(上)

25-构造函数创建对象(下)

26-构造函数和对象区别

27-new关键字执行过程

28-遍历对象

29-小结和作业

单位测试

课后练习

2-11 javascript内置对象及案例

01-内置对象导读

02-什么是内置对象

03-学会查阅MDN文档

04-数学对象Math最大值方法

05-封装自己的数学对象

06-Math绝对值和三个取整方法

07-Math随机数方法

08-猜数字游戏

09-Date日期对象的使用

10-格式化日期年月日星期

11-格式化日期时分秒

12-Date总的毫秒数(时间戳)

13-倒计时(上)

14-倒计时(下)

15-数组创建的两种方式

16-检测是否为数组两种方式

17-添加数组元素

18-删除数组元素

19-筛选数组

20-数组排序

21-获取数组元素索引

22-数组去重案例

23-数组转换为字符串

单元测试

课后练习

2-12 javascript简单类型和复杂类型

24-基本包装类型

25-字符串不可变

26-根据字符返回位置

27-求某个字符出现的位置以及次数

28-根据位置返回字符

29-统计出现次数最多的字符(上)

30-统计出现次数最多的字符(下)

31-拼接以及截取字符串

32-替换字符串以及转换为数组

33-简单数据类型和复杂数据类型导读

34-数据类型内存分配

35-简单数据类型传参

36-复杂数据类型传参

单元测试

课后练习

2-2 Javascript变量

11-变量导读

12-什么是变量

13-变量的使用

14-变量案例

15-变量案例弹出用户名

16-变量语法扩展

17-变量的命名规范

18-交换2个变量的值

19-变量小结

单元测试

课后练习

2-3 Javascript数据类型

20-数据类型导读

21-数据类型简介

22-数字型Number

23-isNaN

24-字符串型String

25-弹出网页警示框

26-字符串长度以及拼接

27-字符串拼接加强

28-显示年龄案例

29-boolean以及undefined和null

30-typeof检测变量数据类型

31-字面量

32-转换为字符串类型

33-转换为数字型parseInt和parseFloat

34-转换为数字型Number和隐式转换

35-计算年龄案例

36-简单加法器案例

37-转换为布尔型

38-拓展阅读之编译和解释语言的区别

39-拓展阅读之标识符关键字保留字

40-课后作业

单元测试

课后练习

2-4 Javascript操作符

01-运算符导读

02-算数运算符

03-表达式和返回值

04-前置递增运算符

05-后置递增运算符

06-递增运算符练习

07-前置递增和后置递增小结

08-比较运算符

09-逻辑运算符

10-逻辑运算符练习

11-逻辑中断逻辑与

12-逻辑中断逻辑或

13-赋值运算符

14-运算符优先级

课后练习

2-5 Javascript流程控制及案例

15-流程控制分支结构导读

16-流程控制

17-if分支语句

18-进入网吧案例

19-ifelse双分支语句

20-判断闰年案例

21-if else if多分支语句

22-判断成绩案例

23-三元表达式

24-数字补0案例

25-switch语句

26-switch 注意事项

27-查询水果案例

28-switch和ifelseif 区别

单元测试

课后练习

2-6 javascript循环及案例

01-循环导读

02-循环的目的

03-for循环语法结构

04-for循环执行过程

05-断点调试

06-for循环重复执行相同代码

07-for循环重复执行不同代码

08-for循环重复某些操作

09-for循环案例

10-求学生成绩案例(上)

11-求学生成绩案例(下)

12-一行打印五颗星星

13-双重for循环执行过程

14-打印5行5列的星星

15-打印n行n列的星星

16-打印倒三角形案例

17-九九乘法表

18-for循环小结

19-while循环

20-while案例

21-do while循环

22-do while案例

23-循环小结

24-continue关键字

25-break关键字

26-命名规范以及语法格式

27-循环作业

单元测试

课后练习

2-7 Javascript数组和冒泡排序

01-数组导读

02-什么是数组以及创建方式

03-访问数组元素

04-遍历数组

05-数组长度

06-计算数组的和以及平均值

07-求数组中的最大值

08-数组转换为字符串

09-数组新增元素

10-数组存放1~10个值

11-筛选数组方法1

12-筛选数组方法2

13-删除数组指定元素(数组去重)

14-翻转数组

15-复习交换两个变量值

16-冒泡排序原理

17-冒泡排序

单元测试

课后练习

2-8 Javascript函数及应用

18-函数导读

19-为什么需要函数

20-函数的使用

21-利用函数求1~100累加和

22-函数的参数

23-利用函数求任意两个数的和以及累加和

24-函数形参和实参匹配问题

25-函数的返回值return

26-利用函数求两个数的最大值

27-利用函数求数组中的最大值

28-return终止函数并且只能返回一个值

29-函数返回值2个注意事项

30-通过榨汁机看透函数

单元测试

课后练习

2-9 javascript作用域及预解析

01-arguments使用

02-利用函数求任意个数的最大值

03-利用函数翻转数组

04-函数封装冒泡排序

05-利用函数判断闰年

06-函数可以调用另外一个函数

07-输出2月份天数

08-函数的两种声明方式

09-作用域导读

10-JavaScript作用域

11-全局变量和局部变量

12-JavaScript没有块级作用域就

13-作用域链

14-作用域链案例

15-JavaScript预解析导读

16-预解析

17-预解析案例

单元测试

课后练习

03第三章 WebAPI编程【v6

3-1 API 和 Web API

01-Web APIs简介导读

02-js基础和Web APIs两个阶段的关联性

03-API 和 Web API

单元测试

3-10 定时器和相关案例

11-定时器之setTimeout

12-回调函数以及5秒之后自动关闭的广告

13-清除定时器clearTimeout

14-定时器之setInterval

15-倒计时效果

16-清除定时器clearInterval

17-发送短信案例

单元测试

课后练习

3-11 this指向和js执行机制

18-this指向问题

19-js 同步和异步

20-同步任务和异步任务执行过程

21-js执行机制

单元测试

课后练习

3-12 location、navigator、history对象

22-location对象常见属性

23-5秒钟之后跳转页面

24-获取URL参数

25-location常见方法

26-navigator对象

27-history对象

单元测试

课后练习

3-13 offset、client、scroll三大家族介绍及案例应

01-PC端网页特效导读

02-offsetLeft和offsetTop获取元素偏移

03-offsetWidth和offsetHeight获取元素大小

04-offset与style区别

05-获取鼠标在盒子内的坐标

06-拖动模态框(上)

07-拖动模态框(中)

08-拖动模态框(下)

09-仿京东放大镜效果页面结构搭建

10-仿京东放大镜效果显示隐藏遮挡层和大盒子

11-仿京东放大镜效果遮挡层跟随鼠标

12-仿京东放大镜效果限制遮挡层移动范围

13-仿京东放大镜效果大图片移动

14-client系列

15-立即执行函数

16-淘宝flexibleJS源码分析之核心原理

17-淘宝flexibleJS源码分析之pageshow事件

18-scroll系列

19-仿淘宝固定侧边栏(上)

20-仿淘宝固定侧边栏(下)

21-三大系列总结

单元测试

课后练习

3-14 缓动动画的原理和封

01-缓动动画原理

02-缓动动画基本代码实现

03-缓动动画多个目标值之间移动

04-缓动动画添加回调函数

05-动画函数的使用

22-mouseover和mouseenter区别

23-动画原理

24-简单动画函数封装

25-动画函数-给不同元素记录不同定时器

单元测试

课后练习

3-15 网页轮播图实现

01-缓动动画原理

02-缓动动画基本代码实现

03-缓动动画多个目标值之间移动

04-缓动动画添加回调函数

05-动画函数的使用

06-网页轮播图-结构搭建

07-网页轮播图-鼠标经过显示隐藏左右按钮

08-网页轮播图-动态生成小圆圈

09-网页轮播图-小圆圈排他思想

10-网页轮播图-点击小圆圈滚动图片

11-网页轮播图-右侧按钮无缝滚动

12-网页轮播图-克隆第一张图片

13-网页轮播图小圆圈跟随右侧按钮一起变化

14-网页轮播图-两个小bug解决方案

15-网页轮播图-左侧按钮功能制作

16-网页轮播图-自动播放功能

课后练习

3-16 节流阀、返回顶部及筋斗云案例

17-节流阀以及逻辑中断应用

18-带有动画的返回顶部

19-筋斗云案例

课后练习

3-17 移动端轮播图实现

01-移动端轮播图-结构搭建

02-移动端轮播图-布局分析

03-移动端轮播图-滚动图片

04-移动端轮播图-无缝滚动

05-classList类名操作

06-移动端轮播图-小圆点跟随变化

07-移动端轮播图-手指拖动轮播图

08-移动端轮播图-手指滑动播放上一张下一张图片

09-移动端轮播图-回弹效果

10-返回顶部模块制作

20-移动端网页特效导读

21-移动端touch触摸事件

22-移动端TouchEvent触摸事件对象

23-移动端拖动元素

课后练习

3-18 移动端插件使用及轮播图的实现

11-移动端click事件300ms延时问题解决方案

12-fastclick插件使用

13-swiper插件使用-引入相关文件

14-移动端轮播图-按照语法规范使用

15-swiper插件使用-参数更改

16-移动端其他插件以及使用总结

17-视频插件zy.media.js的使用

18-bootstrap轮播图

19-阿里百秀轮播图制作

课后练习

3-19 HTML5本地存储及记住用户名案例

20-本地存储导读

21-本地存储之sessionStorage

22-本地存储之localStorage

23-记住用户名案例

课后练习

3-2 DOM介绍

04-DOM导读

05-DOM简介

06-getElementById获取元素

07-getElementsByTagName获取某类标签元素

08-H5新增获取元素方式

09-获取body和html元素

单元测试

3-3 事件和样式操作及案例

10-事件三要素

11-执行事件过程

12-操作元素-修改元素内容

13-innerText和innerHTML的区别

14-操作元素-修改元素属性

15-分时问候案例

16-操作元素-修改表单属性

17-仿京东显示隐藏密码明文案例(上)

18-仿京东显示隐藏密码明文案例(下)

19-操作元素-修改样式属性

20-仿淘宝关闭二维码案例

21-循环精灵图

22-显示隐藏文本框内容

23-使用className修改样式属性

24-密码框验证信息

25-操作元素总结以及作业

单元测试

课后练习

3-4 百度换肤、表单全选案例

01-排他思想(算法)

02-百度换肤效果

03-表格隔行变色效果

04-表单全选取消全选(上)

05-表单全选取消全选(下)

06-获取自定义属性值

07-设置移除自定义属性

课后练习

3-5 tab栏切换案例

08-tab栏切换布局分析(重要)

09-tab栏切换制作(上)

10-tab栏切换制作(下)

11-H5自定义属性

课后练习

3-6 节点操作及发布留言案例

01-节点操作-删除节点

02-删除留言案例

03-节点操作-复制节点

课后练习

节点操作及发布留言案例-练习题-children和childNode的使用

节点操作及发布留言案例-练习题-children和childNode的使用

节点操作及发布留言案例-练习题-当前元素背景颜色改变

节点操作及发布留言案例-练习题-当前元素背景颜色改变

课后练习

12-为什么学习节点操作以及节点简介

13-节点操作之父节点

14-节点操作之子节点

15-节点操作之第一个子元素和最后一个子元素

16-新浪下拉菜单

17-节点操作之兄弟节点

18-节点操作之创建和添加节点

19-简单版发布留言案例

单元测试

3-7 动态创建表格案例

04-动态生成表格-创建学生数据

05-动态生成表格-创建行

06-动态生成表格-创建单元格

07-动态生成表格-单元格填充数据

08-动态生成表格-创建删除单元格

09-动态生成表格-添加删除操作

10-document.write创建元素(了解)

11-innerHTML和createElement效率对比

12-DOM重点核心

课后练习

3-8 事件详解及案例

01-常用的键盘事件

02-keyCode判断用户按下哪个键

03-模拟京东按键输入内容案例

04-模拟京东快递单号查询(上)

05-模拟京东快递单号查询(下)

13-事件高级导读

14-注册事件两种方式

15-attachEvent注册事件

16-删除事件

17-DOM事件流理论

18-DOM事件流代码验证

19-什么是事件对象

20-e.target和this区别

21-阻止默认行为

22-阻止事件冒泡

23-事件委托

24-禁止选中文字和禁止右键菜单

25-获得鼠标在页面中的坐标

26-跟随鼠标的天使

单元测试

课后练习

3-9 BOM介绍及应用

06-BOM导读

07+08-BOM概述

09-页面加载事件

10-调整窗口大小事件

单元测试

课后练习

04第四章 jQuery 编程【v6

4-1 jQuery介绍及常用API导读

01-jQuery入门导读

02-JavaScript库

03-jQuery概述

04-jQuery基本使用-入口函数

05-jQuery顶级对象$

06-DOM对象和jQuery对象

07-DOM对象和jQuery对象相互转换

08-jQuery常用API导读

单元测试

获取更多学习资源

资料售后问题联系方式

4-2 jQuery选择器及案例

09-jQuery基本和层级选择器

10-jQuery隐式迭代

11-jQuery筛选选择器

12-jQuery筛选方法-选取父子元素

13-新浪下拉菜单

14-jQuery其他筛选方法

15-jQuery排他思想

16-淘宝服饰精品案例

单元测试

课后练习

4-3 jQuery链式编程及样式操作

17-jQuery链式编程(修复)

18-jQuery修改样式css方法

19-jQuery修改样式操作类

20-tab栏切换案例

21-jQuery类操作和className区别

单元测试

课后练习

4-4 jQuery动画及王者荣耀手风琴案例

22-jQuery显示与隐藏效果

23-jQuery滑动效果以及事件切换

24-jQuery停止动画排队stop

25-jQuery淡入淡出以及突出显示案例

26-jQuery自定义动画animate方法

27-王者荣耀手风琴案例布局分析

28-王者荣耀手风琴案例制作

单元测试

课后练习

4-5 jQuery实现购物车案例

01-jQuery属性操作

02-购物车模块-全选(上)

03-购物车模块-全选(下)

04-jQuery内容文本值

05-购物车模块-增减商品数量

06-购物车模块-修改商品小计(上)

07-购物车模块-修改商品小计(中)

08-购物车模块-修改商品小计(下)

09-jQuery遍历对象each方法

10-jQuery遍历数据$.each

11-购物车模块-计算总件数和总额

12-创建、添加、删除元素

13-购物车模块-清理购物车

14-购物车模块-选中商品添加背景颜色

15-jQuery尺寸方法

16-jQuery位置方法

17-jQuery被卷去头部方法

18-带有动画的返回顶部

课后练习

4-6 jQuery实现电梯导航案例

19-电梯导航案例-显示隐藏电梯导航

20-电梯导航案例-点击滚动目标位置

21-电梯导航案例-点击当前li添加current类

22-电梯导航案例-滑动页面电梯导航自动添加current类

23-电梯导航案例节流阀(互斥锁)(修复)

课后练习

4-7 jQuery事件绑定和解绑

01-jQuery事件导读

02-事件处理on绑定一个或者多个事件

03-on实现事件委派和给动态元素绑定事件

04-微博发布案例

05-off解绑事件

06-jQuery自动触发事件

07-jQuery事件对象

08-jQuery其他方法导读

09-jQuery对象拷贝extend

单元测试

课后练习

4-8 jQuery插件的使用

10-jQuery多库共存

11-瀑布流插件使用

12-图片懒加载技术

13-全屏滚动插件使用

14-bootstrap组件

15-bootstrapJS插件

16-阿里百秀

单元测试

课后练习

资料售后问题联系方式

4-9 jQuery实现todolist案例

17-todolist布局功能需求分析

18-todolist核心思路以及本地存储格式

19-todolist按下回车读取本地存储数据

20-todolist按下回车保存最新数据到本地存储

21-todolist本地存储数据渲染加载到页面中

22-todolist点击删除按钮获取当前索引号

23-todolist点击删除按钮完成删除操作

24-点击复选框修改相应数据done属性

25-todolist正在进行和已经完成事项制作

26-todolist统计正在进行和已经完成事项个数

课后练习

05第五章 基于ECharts数据可视化项目【v6

5-1 ECharts介绍和配置

01-数据可视化项目导读

02-什么是数据可视化

03-数据可视化项目概述

04-ECharts简介

05-ECharts基本使用

06-选择不同类型图表

07-ECharts相关配置(上)

08-ECharts-grid配置

09-ECharts相关配置(中)

10-ECharts相关配置(下)series

11-折线图生成以及配置项总结

5-2 数据可视化项目适配方案

12-数据可视化项目适配方案分析

13-数据可视化项目适配方案

14-项目准备以及按照自动刷新浏览器插件

5-3 数据可视化项目-监控区域实现

15-可视化项目-body和viewport制作

16-可视化项目column列容器

17-边框图片使用场景以及切割原理

18-边框图片使用语法

19-公共面板样式制作(上)

20-公共面板样式制作(下)

21-通过类名调用字体图标

22-数据可视化项目-概览区域模块制作

23-数据可视化项目-监控区域布局分析

24-数据可视化项目-监控区域tab栏切换分析

5-4 饼形图和用户统计模块实现

01-点位分布point模块-布局

02-点位分布point-引入图表

03-ECharts饼形图-tooltip参数含义

04-ECharts饼形图-series参数含义

05-点位分布模块-定制配置(上)

06-点位分布模块-定制配置(下)

07-EChart图表适配浏览器缩放

08-地图模块map布局-预留

09-用户统计users模块-布局

10-用户统计模块users-引入图表

5-5 柱形图定制区域实现

11-柱形图修改柱子颜色和提示框组件

12-柱形图定制grid相关配置

13-柱形图定制X轴相关配置

14-柱形图定制Y轴相关配置

15-柱形图定制-单独定制某个柱形(上)

16-柱形图定制-单独定制某个柱形(下)

5-6 销售统计模块实现

17-订单模块布局

18-销售统计模块布局

19-销售统计模块-折线图引入

20-销售统计模块-配置定制(上)

21-销售统计模块-配置定制(中)

22-销售统计模块-配置定制(下)

23-01销售统计模块-tab栏切换原理

23-02销售统计模块-tab栏切换效果

24-销售统计模块-点击切换找到对应数据

25-销售统计模块-点击切换渲染图表

26-销售统计模块-自动切换功能

5-7 渠道分布模块实现

27-渠道分布和季度进度模块布局

28-渠道分布模块-雷达图引入

29-渠道分布模块-雷达图定制(上)

30-渠道分布模块-雷达图定制(中)

31-渠道分布模块-雷达图定制(下)

5-8 季度进度模块实现

32-季度进度模块-饼形图引入

33-季度进度模块-饼形图定制(上)

34-季度进度模块-饼形图定制(下)

5-9 全国热榜模块实现

35-全国热榜模块布局

36-全国热榜模块tab栏切换思路分析

37-铺垫知识ES6模板字符

38-全国热榜模块-渲染sup模块(上)

39-全国热榜模块-渲染sup模块(下)

40-全国热榜模块-鼠标经过操作

41-全国热榜模块-渲染sub模块

42-全国热榜模块-定时器引起的问题

43-全国热榜模块-定时器问题解决方案

44-ECharts社区简介

45-模拟飞行模块引入

46-ECharts总结

06第六章 面向对象编程【v6

6-1 面向对象编程介绍

01-JavaScript面向对象导读

02-面向对象编程介绍

单元测试

6-10 递归及应用

19-什么是递归函数

20-利用递归求阶乘

21-利用递归求斐波那契数列

22-利用递归遍历数据(上)

23-利用递归遍历数据(下)

24-浅拷贝

25-深拷贝

单元测试

课后练习

6-11 正则表达式及应用

01-正则表达式导读

02-正则表达式概述

03-正则表达式在JavaScript中使用

04-边界符

05-字符类(上)

06-字符类(下)

07-量词符

08-量词重复某个模式的次数

09-用户名表单验证

10-括号总结以及正则验证工具

11-预定义类以及座机号码验证

12-表单验证(上)

13-表单验证(中)

14-表单验证(下)

15-正则替换

单元测试

课后练习

6-12 ES6中的let和const

01-什么是ES6、为什么要学习ES6

02-let关键字(一)

03-let关键字(二)

04-let关键字(三)

05-经典面试题(二)

05-经典面试题(一)

06-const关键字(一)

07-const关键字(二)

08-const关键字(三)

09-let、const、var关键字的区别

单元测试

课后练习

6-13 ES6解构赋值

10-数组解构赋值

11-对象解构(一)

12-对象解构(二)

单元测试

课后练习

6-14 ES6箭头函数

13-箭头函数(一)

14-箭头函数中的this关键字

15-箭头函数面试题

单元测试

获取更多学习资源

课后练习

资料售后问题联系方式

6-15 剩余参数和拓展运算符

16-剩余参数

17-剩余参数和解构配合使用

18-扩展运算符

19-扩展运算符应用:合并数组

20-扩展运算符应用:将伪数组转换为真正的数组

单元测试

课后练习

6-16 Array实例方法

21-Array扩展方法:Array.from方法

22-Array实例方法:find

23-Array实例方法:findIndex

24-Array实例方法:includes

单元测试

课后练习

6-17 ES6模板字符串和set数据结构

25-模板字符串

26-startsWith方法和endsWith方法

27-repeat方法介绍

28-创建set数据结构

29-利用set数据结构做数组去重

30-set对象实例方法

31-遍历set

单元测试

课后练习

6-2 类和对象

03-类和对象

04-创建类和生成实例

05-类中添加共有方法

06-类继承extends和super关键字

07-super调用父类普通函数以及继承中属性方法查找原则

08-super必须放到子类this之前

09-使用类2个注意点(1)

09-使用类2个注意点

10-类里面this指向问题

单元测试

课后练习

6-3 面向对象tab栏切换案例

11-面向对象tab栏-思路分析以及布局介绍

12-面向对象tab栏-模块划分

13-面向对象tab栏-切换功能模块

14-面向对象tab栏-添加功能模块(上)

15-面向对象tab栏-添加功能模块(中)

16-面向对象tab栏-添加功能模块(下)

17-面向对象tab栏-删除功能模块(上)

18-面向对象tab栏-删除功能模块(中)

19-面向对象tab栏-删除功能模块(下)

20-面向对象tab栏-编辑功能模块(上)

21-面向对象tab栏-编辑功能模块(中)

22-面向对象tab栏-编辑功能模块(下)

单元测试

课后练习

6-4 构造函数和原型对象

01-构造函数和原型导读

02-利用构造函数创建对象

03-实例成员和静态成员

04-构造函数原型对象prototype

05-对象原型__proto__

06-原型constructor构造函数

07-构造函数实例和原型对象三角关系

08-原型链

09-对象成员查找规则

10-原型对象this指向

11-利用原型对象扩展内置对象方法

12-call方法的作用

13-利用父构造函数继承属性

14-利用原型对象继承方法(上)

15-利用原型对象继承方法(下)

单元测试

课后练习

资料售后问题联系方式

6-5 forEach、some、filter方法及查询商品案例

16-迭代(遍历数组)forEach

17-筛选数组filter方法

18-查找数组中是否有满足条件的元素some方法

19-查询商品案例-渲染页面数据

20-查询商品案例-根据价格筛选商品(上)

21-查询商品案例-根据价格筛选商品(下)

22-查询商品案例-根据商品名称筛选商品

23-some和forEach区别

单元测试

课后练习

6-6 Object

24-trim方法去除字符串两侧空格

25-Object.keys获取对象属性名

26-Object.defineProperty方法(上)

27-Object.defineProperty方法(下)

单元测试

课后练习

资料售后问题联系方式

6-7 函数进阶

01-函数进阶导读

02-函数的定义方式

03-函数的调用方式

04-函数内部的this指向

单元测试

课后练习

6-8 call、apply、bind的使用

05-call方法及其应用

06-apply方法及其应用

07-bind方法基本使用

08-bind方法应用

09-call和apply以及bind总结

单元测试

课后练习

6-9 闭包及应用

10-什么是严格模式以及如何开启严格模块

11-严格模式的变化

12-高阶函数

13-什么是闭包

14-闭包的作用

15-闭包应用-点击li打印当前索引号

16-闭包应用-3秒钟之后打印li内容

17-闭包应用-计算打车价格

18-思考题(选讲)

单元测试

课后练习

阶段作业 JavaScript网页编程试卷

JavaScript网页编程-试卷

获取更多学习资源

腾讯电脑管家首页JS效果实现

资料售后问题联系方式

04-阶段四 前后端交互

010第十章 NodeAPI接口项目【v6

9-1 注册新用户

9-2 登录

9-3 获取和更新用户信息

9-4 重置密码

9-5 更改头像

9-6 获取文章分类列表

9-7 新增文章分类

9-8 根据Id删除、获取,更新文章分类

9-9 发布新文章

01第一章 前后端交互课前导学

02第二章 Ajax+HTTP【v6

2-1 ajax介绍

2-10 XHR Level2的新特性

2-11 jQuery高级用法

2-12 axios

2-13 同源策略

2-14 跨域

2-15 Jsonp

2-16 淘宝搜索案例

2-17 防抖和节流

2-18 HTTP协议简介

2-19 HTTP请求消息

2-2 图书列表案例

2-20 HTTP响应消息

2-21 HTTP响应状态码

2-3 聊天机器人

2-4 form表单+案例

2-5 模板引擎+案例

2-6 正则与字符串操作

2-7 xhr的基本使用

2-8 数据交换格式

2-9 封装自己的Ajax函数

03第三章 Git和github基本使用【v6

2-1 关于版本控制

2-2 Git基础概念

2-3 安装并配置Git

2-4 Git的基本操作

2-5 开源相关的概念

2-6 github

2-7 分支

04第四章 大事件后台管理系统项目【v6

3-1 准备工作

3-10 删除文章

3-11 发布文章

3-2 登录注册

3-3 后台主页

3-4 基本资料

3-5 重置密码

3-6 更换头像

3-7 文章类别

3-8 文章列表

3-9 分页

05第五章 Node基础【v6

4-1 node介绍和环境安装

4-10 node-模块化

4-2 node-fs模块

4-3 node-path模块

4-4 node-时钟案例

4-5 node-http模块

4-6 node-服务器概念

4-7 node-创建基本web服务器

4-8 node-根据不同的url响应不同的html内容

4-9 node-时钟web服务器案例

06第六章 npm+模块加载机制【v6

5-1 包

5-2 npm

5-3 包管理配置文件及解决下包慢的问题

5-4 包的分类

5-5 开发属于自己的包

5-6 发布包

5-7 模块的加载机制

07第七章 Express【v6

6-1 express

6-2 中间件

6-3 基于express写接口

08第八章 MySQL数据库【v6

7-1 cors+jsonp

7-2 数据库的基本概念

7-3 sql

7-4 mysql模块

09第九章 身份认证【v6

8-1 web开发模式

8-2 身份认证+session

8-3 jwt

阶段作业 前后端交互-试卷

前后端分离模式移动web网站开发

05-阶段五 Vue

01第一章 Vue

02第二章 Vue基础【v6

2-1 Vue指令及案例

课后练习

2-10 路由案例

课后练习

2-2 图书管理综合案例

课后练习

2-3 Vue组件

课后练习

2-4 购物车案例

课后练习

2-5 Promise

课后练习

2-6 Fetch

课后练习

2-7 axios

课后练习

2-8 基于后台接口的图书管理案例

课后练习

2-9 vue路由

课后练习

03第三章 webpack【v6

3-1 前端工程化和模块化

3-2 webpack

04第四章 Vue-cli3和Element-UI【v6

4-1 Vue-cli3(Vue脚手架)

4-2 Element-UI组件库

05第五章 Vue电商后台管理系统【v6

5-1 项目初始化

5-10 分类参数

5-11 商品列表

5-12 商品添加

5-13 订单列表

5-14 Echarts数据统计

5-15 项目优化

5-16 项目部署上线

5-2 登录和退出功能 5-3 主页布局和

5-3 主页布局和功能实现

5-4 用户列表布局和功能实现

5-5 用户添加、修改、删除功能

5-6 权限列表

5-7 角色列表

5-8 分配权限、角色

5-9 商品分类

06第六章 Vuex【v6

6-1 Vuex基础

课后练习

6-2 基于Vuex的todos案例

课后练习

07第七章 社交媒体-黑马头条项目【v6

7-1 项目初始化

7-2 登录注册

7-3 个人中心

7-4 首页-展示文章列表

7-5 频道编辑

7-6 文章搜索

7-7 文章详情

7-8 文章评论

7-9 编辑用户资料

08第八章 HR-saas中台管理项目【v6

7-1 Vuex

7-10 图片上传、预览及打印

7-11 权限设计和管理

7-12 首页

7-13 多语言tab页

7-14 项目打包上线

7-2 项目前置知识

7-3 项目基础环境搭建

7-4 登录模块

7-5 主页模块

7-6 路由和页面

7-7 组织架构

7-8 公司角色和角色管理

7-9 员工管理

阶段作业 Vue

06-阶段六 微信小程序【拓展课程】

01第一章 微信小程序【v6

1-1 微信小程序快速入门

00.学习目标

01.小程序简介 – 小程序与普通网页开发的区别

02.小程序简介 – 体验微信小程序

03.第一个小程序 – 了解注册小程序开发账号的流程

04.第一个小程序 – 获取小程序的AppID

05.第一个小程序 – 安装微信开发者工具

06.第一个小程序 – 扫码登录到微信开发者工具

07.第一个小程序 – 设置外观和代理

08.第一个小程序 – 演示新建小程序项目的步骤

09.第一个小程序 – 查看项目运行效果的两种方式

10.第一个小程序 – 了解微信开发者工具主界面的5个组成部分

11.小程序代码的构成 – 了解项目的基本组成结构

12.小程序代码的构成 – 小程序页面的组成部分

13.小程序代码的构成 – 认识小程序中的4种配置文件

14.小程序代码的构成 – app.json文件

15.小程序代码的构成 – project.config.json文件

16.小程序代码的构成 – sitemap.json文件

17.小程序代码的构成 – 页面的.json配置文件

18.小程序代码的构成 – 新建小程序页面

19.小程序代码的构成 – 修改项目首页

20.小程序代码的构成 – WXML的概念以及和HTML之间的区别

21.小程序代码的构成 – WXSS的概念以及和CSS之间的区别

22.小程序代码的构成 – 了解小程序中JS文件的三大分类

1-10 本地生活综合案例

39.案例 – 商铺列表页面的效果演示

40.案例 – 把项目代码加载到微信开发者工具中

41.案例 – 实现导航跳转并传参

42.案例 – 动态设置商铺列表页面的标题内容

43.案例 – 创建商铺列表页面的编译模式

44.案例 – 了解API接口并定义需要的数据节点

45.案例 – 定义getShopList方法获取商品列表数据

46.案例 – 渲染商铺列表的UI结构并美化样式

47.案例 – 展示loading提示效果

48.案例 – 上拉触底时请求下一页数据

49.案例 – 对上拉触底事件进行节流控制

50.案例 – 演示并分析数据加载的问题

51.案例 – 介绍判断是否还有下一页数据的公式

52.案例 – 根据公式判断是否还有下一页的数据

53.案例 – 为商铺列表页面开启下拉刷新效果

54.案例 – 实现下拉刷新的功能

55.案例 – 解决下拉刷新窗口效果不会自动关闭的问题

56.案例 – 使用wxs处理手机号

57.总结

1-11 微信小程序组件和样式

00.学习目标-1603532592

01.准备今天要用到的项目

02.自定义组件 – 组件的创建与引用 – 创建自定义组件

03.自定义组件 – 组件的创建与引用 – 局部引用组件

04.自定义组件 – 组件的创建与引用 – 全局引用组件

05.自定义组件 – 组件的创建与引用 – 全局引用VS局部引用

06.自定义组件 – 组件的创建与引用 – 组件和页面的区别

07.自定义组件 – 样式 – 组件的样式隔离特性

08.自定义组件 – 样式 – 组件样式隔离的注意点

09.自定义组件 – 样式 – 修改组件的样式隔离选项

1-12 微信小程序数据、方法、属性和数据监听

10.自定义组件 – 数据、方法、属性 – 定义data私有数据

11.自定义组件 – 数据、方法、属性 – methods方法

12.自定义组件 – 数据、方法、属性 – 定义properties属性

13.自定义组件 – 数据、方法、属性 – 使用max属性控制自增的最大值

14.自定义组件 – 数据、方法、属性 – data和properties的区别

15.自定义组件 – 数据、方法、属性 – 使用setData修改properties的值

16.自定义组件 – 数据监听器 – 什么是数据监听器及其语法格式

17.自定义组件 – 数据监听器 – 数据监听器的基本用法

18.自定义组件 – 数据监听器 – 监听对象属性的变化

1-13 微信小程序数据监听案例

19.自定义组件 – 数据监听器案例 – 创建组件并定义数据

20.自定义组件 – 数据监听器案例 – 渲染组件的UI结构

21.自定义组件 – 数据监听器案例 – 定义button的事件处理函数

22.自定义组件 – 数据监听器案例 – 监听对象中指定属性的变化

23.自定义组件 – 数据监听器案例 – 监听对象中所有属性的变化

24.自定义组件 – 纯数据字段 – 什么是纯数据字段

25.自定义组件 – 纯数据字段 – 使用规则

26.自定义组件 – 纯数据字段 – 使用纯数据字段改造数据监听器案例

1-14 组件生命周期和插槽

27.自定义组件 – 组件的生命周期 – 组件全部的生命周期函数

28.自定义组件 – 组件的生命周期 – 组件主要的生命周期函数

29.自定义组件 – 组件的生命周期 – lifetimes节点

30.自定义组件 – 组件所在页面的生命周期 – 概念

31.自定义组件 – 组件所在页面的生命周期 – pageLifetimes节点

32.自定义组件 – 组件所在页面的生命周期 – 生成随机的RGB颜色值

33.自定义组件 – 插槽 – 什么是插槽

34.自定义组件 – 插槽 – 单个插槽

35.自定义组件 – 插槽 – 启用多个插槽

36.自定义组件 – 插槽 – 定义和使用多个插槽

1-15 父子组件通信和behaviors

37.自定义组件 – 父子组件通信 – 了解父子组件之间通信的3种方式

38.自定义组件 – 父子组件通信 – 属性绑定

39.自定义组件 – 父子组件通信 – 实现子组件的count属性自增+1

40.自定义组件 – 父子组件通信 – 了解事件绑定的4个核心实现步骤

41.自定义组件 – 父子组件通信 – 了解事件绑定的核心实现代码

42.自定义组件 – 父子组件通信 – 通过事件绑定实现count值的同步

43.自定义组件 – 父子组件通信 – 使用selectComponent获取组件实例

44.自定义组件 – behaviors – 了解什么是behaviors以及它的工作方式

45.自定义组件 – behaviors – 创建behavior

46.自定义组件 – behaviors – 导入并使用behavior

47.自定义组件 – behaviors – 了解behavior中所有可用的节点

48.自定义组件 – behaviors – 同名字段的覆盖和组合规则

49.自定义组件 – 总结

1-16 vant 小程序 UI 组件库和API的Promise化

01.导入需要用到的小程序项目

02.使用npm包 – 小程序中对npm的支持与限制

03.使用npm包 – vant – 了解什么是Vant Weapp

04.使用npm包 – vant – 安装Vant组件库

05.使用npm包 – vant – 使用Vant组件

06.使用npm包 – vant – 定义和使用CSS变量

07.使用npm包 – vant – 使用CSS变量定制Vant的主题样式

08.使用npm包 – API的Promise化 – 什么是小程序API的Promise化

09.使用npm包 – API的Promise化 – 安装并构建miniprogram-api-promise

10.使用npm包 – API的Promise化 – 三个步骤实现API的Promise化

11.使用npm包 – API的Promise化 – 调用Promise化之后的异步API

1-17 微信小程序全局数据共享

12.全局数据共享 – 什么是全局数据共享

13.全局数据共享 – 小程序中的全局数据共享方案

14.全局数据共享 – 安装并构建MobX相关的包

15.全局数据共享 – 创建Store实例对象

16.全局数据共享 – 定义计算属性

17.全局数据共享 – 定义actions方法

18.全局数据共享 – 了解将Store中的成员绑定到页面上的实现思路

19.全局数据共享 – 将Store中的成员绑定到页面上

20.全局数据共享 – 在页面中使用Store中的成员

21.全局数据共享 – 了解将Store中的成员绑定到组件上的实现思路

22.全局数据共享 – 将Store中的成员绑定到组件上

23.全局数据共享 – 在组件中使用Store中的成员

1-18 分包

24.分包 – 基础概念 – 了解分包的概念以及好处

25.分包 – 基础概念 – 分包前后项目的构成

26.分包 – 基础概念 – 分包的加载规则

27.分包 – 基础概念 – 分包的体积限制

28.分包 – 使用分包 – 了解如何配置分包

29.分包 – 使用分包 – 演示在项目中如何配置分包

30.分包 – 使用分包 – 设置分包的别名并查看分包的体积

31.分包 – 使用分包 – 打包原则

32.分包 – 使用分包 – 引用原则

33.分包 – 独立分包 – 了解什么是独立分包以及它和普通分包的区别

34.分包 – 独立分包 – 了解独立分包的应用场景

35.分包 – 独立分包 – 将普通分包改造为独立分包

36.分包 – 独立分包 – 独立分包的引用原则

37.分包 – 分包预下载 – 介绍分包预下载的概念以及好处

38.分包 – 分包预下载 – 配置分包的预下载

39.分包 – 分包预下载 – 分包预下载的限制

1-19 自定义tabBar

40.自定义tabBar – 演示案例效果

41.自定义tabBar – 了解自定义tabBar的实现步骤

42.自定义tabBar – 在app.json中声明自定义tabBar的配置信息

43.自定义tabBar – 添加tabBar的代码文件

44.自定义tabBar – 基于Vant组件渲染出基本的自定义tabBar效果

45.自定义tabBar – 自定义tabBar的图标和文本(1)

45.自定义tabBar – 自定义tabBar的图标和文本

46.自定义tabBar – 循环渲染tabBar的Item项

47.自定义tabBar – 渲染并美化数字徽标的样式

48.自定义tabBar – 按需渲染数字徽标

49.自定义tabBar – 把Store中sum的值渲染为数字徽标

50.自定义tabBar – 实现tabBar页面的切换

51.自定义tabBar – 使用全局数据共享解决tabBar选中项不准确的问题

52.自定义tabBar – 修改tabBar选中项文本的颜色值

53.总结

1-2 微信小程序的宿主环境

23.宿主环境 – 了解宿主环境的概念

24.宿主环境 – 小程序的宿主环境

25.宿主环境 – 通信的主体

26.宿主环境 – 小程序的通信模型

27.宿主环境 – 运行机制

28.宿主环境 – 组件 – 了解常用的视图容器组件

29.宿主环境 – 组件 – view组件的基本使用

30.宿主环境 – 组件 – scroll-view组件的基本使用

31.宿主环境 – 组件 – swiper和swiper-item的基本使用

32.宿主环境 – 组件 – swiper组件的常用属性

33.宿主环境 – 组件 – text和rich-text组件

34.宿主环境 – 组件 – button按钮组件

35.宿主环境 – 组件 – image图片组件

36.宿主环境 – 小程序API的3大分类

1-3 微信小程序协同工作和发布

37.协同工作 – 了解权限管理需求、组织结构、开发流程

38.协同工作 – 了解小程序成员管理的两个方面

39.协同工作 – 开发者的权限说明

40.协同工作 – 了解如何添加项目成员和体验成员

41.发布 – 了解小程序的版本阶段

42.发布 – 了解小程序发布上线的主要步骤

43.发布 – 基于小程序码进行推广

44.发布 – 查看小程序的运营数据

45.总结

1-4 微信小程序基础

00.学习目标-1603531843

01.数据绑定 – 了解数据绑定的原则

02.数据绑定 – 动态绑定属性

03.数据绑定 – 三元运算

04.数据绑定 – 算数运算

05.事件绑定 – 了解什么是事件以及小程序中常用的事件

06.事件绑定 – 事件对象的属性列表

07.事件绑定 – target和currentTarget的区别

08.事件绑定 – bindtap的语法格式

09.事件绑定 – 在事件处理函数中为data中的数据赋值

10.事件绑定 – 事件传参

11.事件绑定 – bindinput的语法格式

12.事件绑定 – 实现文本框和data之间的数据同步

13.条件渲染 – if…elif…else

14.条件渲染 – 基于block标签使用if条件渲染

15.条件渲染 – hidden

16.条件渲染 – if和hidden的区别

17.列表渲染 – for循环的基本用法

18.列表渲染 – 手动指定索引和当前项的变量名

19.列表渲染 – 指定key值提高渲染效率

1-5 微信小程序进阶

20.wxss – 了解什么是wxss以及它和css之间的关系

21.wxss – 了解什么是rpx以及它的实现原理

22.wxss – rpx与px之间的单位换算

23.wxss – @import样式导入

24.wxss – 全局样式

25.wxss – 局部样式

26.全局配置 – 常用的全局配置项以及小程序窗口的组成部分

27.全局配置 – window – 设置导航栏的标题

28.全局配置 – window – 设置导航栏的背景色

29.全局配置 – window – 设置导航栏的标题颜色

30.全局配置 – window – 全局开启下拉刷新的功能

31.全局配置 – window – 关于模拟器的问题说明

32.全局配置 – window – 设置下拉刷新时的窗口背景色

33.全局配置 – window – 设置下拉刷新时loading的样式

34.全局配置 – window – 设置上拉触底的距离

35.全局配置 – tabBar – 什么是tabBar

36.全局配置 – tabBar – tabBar的6个组成部分

37.全局配置 – tabBar – 了解tabBar中的配置项

38.全局配置 – tabBar – 实现tabBar案例的效果

39.页面配置 – 了解页面配置和全局配置的关系

40.页面配置 – 页面配置中常用的配置项

1-6 微信小程序数据请求和案例

41.数据请求 – 小程序中网络数据请求的限制

42.数据请求 – 配置request合法域名

43.数据请求 – 发起GET请求

44.数据请求 – 发起POST请求

45.数据请求 – 了解如何在页面刚加载的时候请求数据

46.数据请求 – 跳过request合法域名校验

47.数据请求 – 关于跨域和Ajax的说明

48.案例 – 创建项目并梳理项目结构

49.案例 – 配置导航栏效果

50.案例 – 配置tabBar效果

51.案例 – 获取轮播图的数据

52.案例 – 渲染轮播图效果

53.案例 – 获取九宫格的数据

54.案例 – 渲染九宫格的布局效果

55.案例 – 实现首页底部图片的布局效果

56.总结

1-7 微信小程序页面导航

00.学习目标-1603532237

01.页面导航 – 了解小程序中实现页面导航的两种方式

02.页面导航 – 声明式导航 – 导航到tabBar页面

03.页面导航 -声明式导航 – 导航到非tabBar页面

04.页面导航 – 声明式导航 – 实现后退导航效果

05.页面导航 – 编程式导航 – 导航到tabBar页面

06.页面导航 – 编程式导航 – 导航到非tabBar页面

07.页面导航 – 编程式导航 – 实现后退导航效果

08.页面导航 – 导航传参 – 声明式导航传参

09.页面导航 – 导航传参 – 编程式导航传参

10导航传参

1-8 微信小程序页面事件和上拉触底案例

11.页面事件 – 下拉刷新 – 了解什么是下拉刷新

12.页面事件 – 下拉刷新 – 启用下拉刷新

13.页面事件 – 下拉刷新 – 配置下拉刷新窗口的样式

14.页面事件 – 下拉刷新 – 监听页面的下拉刷新事件

15.页面事件 – 下拉刷新 – 停止下拉刷新的效果

16.页面事件 – 上拉触底 – 了解什么是上拉触底

17.页面事件 – 上拉触底 – 监听页面的上拉触底事件

18.页面事件 – 上拉触底 – 配置上拉触底距离

19.上拉触底案例 – 案例效果展示

20.上拉触底案例 – 定义获取随机颜色的方法

21.上拉触底案例 – 渲染UI结构并美化页面效果

22.上拉触底案例 – 上拉触底时获取随机颜色

23.上拉触底案例 – 添加loading提示效果

24.上拉触底案例 – 介绍为什么需要对上拉触底进行节流处理

25.上拉触底案例 – 对上拉触底进行节流处理

26.扩展 – 自定义编译模式

1-9 微信小程序生命周期和wxs

27.生命周期 – 什么是生命周期

28.生命周期 – 小程序中生命周期的两个分类

29.生命周期 – 什么是生命周期函数

30.生命周期 – 小程序中生命周期函数的两个分类

31.生命周期 – 应用的生命周期函数

32.生命周期 – 页面的生命周期函数

33.wxs – 了解什么是wxs以及应用场景

34.wxs – 了解wxs和JavaScript的关系

35.wxs – 内嵌wxs脚本

36.wxs – 定义外联的wxs脚本

37.wxs – 使用外联的wxs脚本

38.wxs – 了解wxs的4个特点

02第二章 黑马优购商城项目2.0【V6

2-1 uni-app和项目搭建

01.起步 – 项目介绍

02.起步 – 项目文档

03.起步 – 了解什么是uni-app

04.起步 – 下载和安装HBuilderX

05.起步 – 安装scss编译的插件

06.起步 – 对HBuilderX进行个性化的配置

07.起步 – 创建uni-app项目

08.起步 – 了解uni-app项目的目录结构

09.起步 – 把项目运行到微信开发者工具

10.起步 – 配置checkSiteMap选项

11.起步 – 使用Git本地管理uni-app项目

12.起步 – 把本地项目托管到码云

13.tabbar – 创建tabBar对应的4个页面

14.tabbar – 配置tabBar效果

15.tabbar – 配置导航条的样式效果

16.tabbar – 分支的合并与提交

2-10 购物车页面-收货地址功能实现

20.购物车页面 – 收货地址区域 – 创建my-address收货地址组件

21.购物车页面 – 收货地址区域 – 渲染收货地址组件的UI结构 – 上

22.购物车页面 – 收货地址区域 – 渲染收货地址组件的UI结构 – 下

23.购物车页面 – 收货地址区域 – 实现收货地址区域的按需展示

24.购物车页面 – 收货地址区域 – 实现选择收货地址的功能

25.购物车页面 – 收货地址区域 – 渲染收货人的信息

26.购物车页面 – 收货地址区域 – 在vuex中定义用户相关的m_user模块

27.购物车页面 – 收货地址区域 – 将address信息存储到vuex中

28.购物车页面 – 收货地址区域 – 将vuex中的address持久化存储到本地

29.购物车页面 – 收货地址区域 – 将addstr抽离为getters

30.购物车页面 – 收货地址区域 – 重新选择收货地址

31.购物车页面 – 收货地址区域 – 演示取消授权时的问题

32.购物车页面 – 收货地址区域 – 判断用户是否授权

33.购物车页面 – 收货地址区域 – 提示用户重新进行授权

34.购物车页面 – 收货地址区域 – 调用openSetting方法实现重新授权

35.购物车页面 – 收货地址区域 – 解决iPhone真机上无法重新授权的问题

2-11 购物车页面-结算功能实现

01.购物车页面 – 结算区域 – 把结算区域封装为独立的组件

02.购物车页面 – 结算区域 – 渲染结算区域的结构和样式

03.购物车页面 – 结算区域 – 动态渲染已勾选商品的总数量

04.购物车页面 – 结算区域 – 动态渲染全选按钮的选中状态

05.购物车页面 – 结算区域 – 使用数组的reduce方法改造total的计算方式

06.购物车页面 – 结算区域 – 实现商品的全选与反选功能

07.购物车页面 – 结算区域 – 动态渲染已勾选商品的总价格

08.购物车页面 – 结算区域 – 动态计算tabBar中购物车徽标的值

09.购物车页面 – 结算区域 – 渲染购物车为空时候的页面结构

10.购物车页面 – 分支的合并与提交

2-12 登录功能实现

11.登录与支付 – 创建settle分支

12.登录与支付 – 点击结算按钮进行条件判断

13.登录与支付 – 登录 – 定义my页面的编译模式

14.登录与支付 – 登录 – 实现登录组件和用户信息组件的按需展示

15.登录与支付 – 登录 – 初步渲染登录组件的基本结构

16.登录与支付 – 登录 – 美化登录组件的样式

17.登录与支付 – 登录 – 绘制登录盒子底部的半椭圆造型

18.登录与支付 – 登录 – 分析登录功能的实现思路

19.登录与支付 – 登录 – 点击登录按钮获取微信用户的基本信息

20.登录与支付 – 登录 – 处理用户取消登录授权的情况

21.登录与支付 – 登录 – 将用户的基本信息存储到vuex

22.登录与支付 – 登录 – 调用uni.login获取code对应的值

23.登录与支付 – 登录 – 进一步完善uni.login调用失败之后的if判断条件

24.登录与支付 – 登录 – 登录获取Token字符串

25.登录与支付 – 登录 – 将Token存储到vuex中

2-13 用户信息和自动跳转功能实现

26.登录与支付 – 用户信息 – 实现用户头像、昵称区域的基本布局

27.登录与支付 – 用户信息 – 渲染用户的头像和昵称

28.登录与支付 – 用户信息 – 渲染第1个面板的UI结构

29.登录与支付 – 用户信息 – 美化第1个面板的样式

30.登录与支付 – 用户信息 – 渲染第2个面板区域

31.登录与支付 – 用户信息 – 渲染第3个面板区域

32.登录与支付 – 用户信息 – 实现退出登录的功能

33.登录与支付 – 三秒后自动跳转 – 实现倒计时提示的功能

34.登录与支付 – 三秒后自动跳转 – 控制秒数的边界并自动跳转到登录页面

35.登录与支付 – 三秒后自动跳转 – 解决seconds不会被重置的问题

36.登录与支付 – 三秒后自动跳转 – 将返回页的信息对象记录到vuex中

37.登录与支付 – 三秒后自动跳转 – 根据redirectInfo导航到登录之前的页面

2-14 微信支付功能和小程序项目发布

38.登录与支付 – 微信支付 – 在请求头中添加Token身份认证的字段

39.登录与支付 – 微信支付 – 了解微信支付的流程

40.登录与支付 – 微信支付 – 创建订单

41.登录与支付 – 微信支付 – 订单预支付

42.登录与支付 – 微信支付 – 实现微信支付

43.登录与支付 – 分支的合并与提交

44.发布 – 为什么要进行发布

45.发布 – 了解将uni-app项目发布为小程序的基本流程

46.发布 – 演示将uni-app项目发布为小程序的流程

47.发布 – 了解将uni-app项目发布为Android App的基本流程

48.发布 – 演示将uni-app项目发布为Android App的流程

2-2 首页功能实现

17.首页 – 轮播图 – 创建home子分支

18.首页 – 轮播图 – 安装并配置网络请求的第三方包

19.首页 – 轮播图 – 请求轮播图的数据

20.首页 – 轮播图 – 渲染轮播图的UI结构

21.首页 – 轮播图 – 配置小程序的分包

22.首页 – 轮播图 – 点击轮播图跳转到商品详情页面

23.首页 – 轮播图 – 封装uni.$showMsg()方法

24.首页 – 分类导航 – 获取分类导航的数据

25.首页 – 分类导航 – 渲染分类导航的UI结构

26.首页 – 分类导航 – 切换到分类页面

27.首页 – 楼层区域 – 获取楼层的数据

28.首页 – 楼层区域 – 渲染楼层的标题

29.首页 – 楼层区域 – 渲染楼层左侧的大图片

30.首页 – 楼层区域 – 渲染楼层右侧的小图片

31.首页 – 楼层区域 – 点击楼层图片跳转到商品列表页面

32.首页 – 分支的合并与提交

2-3 分类页面功能实现

01.分类 – 创建cate分支以及分类页面的编译模式

02.分类 – 实现分类页面滑动区域的左右布局

03.分类 – 动态设置scroll-view组件的高度

04.分类 – 美化左侧scroll-view中item项的样式

05.分类 – 获取分类列表的数据

06.分类 – 动态渲染左侧的一级分类列表

07.分类 – 定义二级分类的数据列表

08.分类 – 动态渲染右侧的二级分类列表

09.分类 – 动态渲染右侧的三级分类列表

10.分类 – 切换一级分类后重置滚动条的位置

11.分类 – 点击三级分类跳转到商品列表页面

12.分类 – 分支的合并与提交

2-4 自定义搜索组件

13.搜索 – 介绍搜索相关的功能

14.搜索 – 创建search分支

15.搜索 – 自定义组件 – 在uni-app项目中新建自定义的搜索组件

16.搜索 – 自定义组件 – 渲染my-search组件的基本结构

17.搜索 – 自定义组件 – 解决cate分类页面scroll-view高度的问题

18.搜索 – 自定义组件 – 通过自定义属性增强组件的通用性

19.搜索 – 自定义组件 – 为自定义组件封装click事件

20.搜索 – 自定义组件 – 点击cate页面的搜索组件导航到搜索页面

21.搜索 – 自定义组件 – 实现首页搜索组件的吸顶效果

2-5 搜索建议和搜索历史功能实现

22.搜索 – 搜索建议 – 渲染搜索页面的基本结构

23.搜索 – 搜索建议 – 实现搜索框自动获取焦点

24.搜索 – 搜索建议 – 实现搜索框的防抖处理

25.搜索 – 搜索建议 – 根据关键词查询搜索建议列表

26.搜索 – 搜索建议 – 循环渲染搜索建议列表的UI结构

27.搜索 – 搜索建议 – 美化搜索建议列表的UI结构

28.搜索 – 搜索建议 – 点击搜索Item项导航到商品详情页

29.搜索 – 搜索历史 – 渲染搜索历史记录的基本结构

30.搜索 – 搜索历史 – 美化搜索历史区域的UI结构

31.搜索 – 搜索历史 – 实现搜索建议和搜索历史的按需展示

32.搜索 – 搜索历史 – 将搜索关键词存入historyList

33.搜索 – 搜索历史 – 解决关键词前后顺序的问题

34.搜索 – 搜索历史 – 解决关键词重复的问题

35.搜索 – 搜索历史 – 将搜索历史记录持久化存储到本地

36.搜索 – 搜索历史 – 清空搜索历史记录

37.搜索 – 搜索历史 – 点击搜索历史跳转到商品列表页面

38.搜索 – 分支的合并与提交

2-6 商品列表功能实现

01.商品列表 – 介绍商品列表页面的功能并创建编译模式

02.商品列表 – 创建goodslist分支

03.商品列表 – 定义请求参数对象

04.商品列表 – 获取商品列表数据

05.商品列表 – 定义商品列表页面的UI结构

06.商品列表 – 美化商品列表页面的UI结构

07.商品列表 – 把商品Item项封装为自定义组件

08.商品列表 – 使用过滤器处理商品价格

09.商品列表 – 初步实现上拉加载更多

10.商品列表 – 使用节流阀防止发起额外的数据请求

11.商品列表 – 判断数据是否加载完毕

12.商品列表 – 实现下拉刷新的效果

13.商品列表 – 点击商品item项导航到商品详情页面

14.商品列表 – 分支的合并与提交

2-7 商品详情功能实现

15.商品详情 – 创建goodsdetail分支

16.商品详情 – 添加商品详情页的编译模式

17.商品详情 – 获取商品详情的数据

18.商品详情 – 渲染轮播图区域

19.商品详情 – 实现轮播图的大图预览效果

20.商品详情 – 渲染商品信息区域的UI结构

21.商品详情 – 美化商品信息区域的样式

22.商品详情 – 使用rich-text组件渲染HTML内容

23.商品详情 – 解决商品图文详情中图片底部空白间隙的问题

24.商品详情 – 解决webp格式的图片在ios设备上无法正常显示的问题

25.商品详情 – 解决商品价格闪烁的问题

26.商品详情 – 渲染商品导航区域的UI结构

27.商品详情 – 自定义商品导航区域的按钮信息

28.商品详情 – 点击购物车按钮导航到购物车页面

29.商品详情 – 分支的合并与提交

2-8 加入购物车功能实现

30.加入购物车 – 创建cart分支

31.加入购物车 – 配置vuex

32.加入购物车 – 创建购物车的store模块

33.加入购物车 – 在商品详情页中使用store中的数据

34.加入购物车 – 在mutations中定义addToCart方法

35.加入购物车 – 实现加入购物车的功能

36.加入购物车 – 动态统计购物车中商品的总数量

37.加入购物车 – 持久化存储购物车中的商品

38.加入购物车 – 优化商品详情页的total侦听器

39.加入购物车 – 动态为tabBar设置数字徽标

40.加入购物车 – 将设置tabBar徽标的代码抽离为mixins

2-9 购物车页面-商品列表功能实现

01.购物车页面 – 演示购物车页面要实现的功能

02.购物车页面 – 创建购物车页面的编译模式

03.购物车页面 – 商品列表区域 – 渲染商品列表的标题区域

04.购物车页面 – 商品列表区域 – 渲染商品列表区域的基本结构

05.购物车页面 – 商品列表区域 – 为my-goods组件封装radio勾选状态

06.购物车页面 – 商品列表区域 – 通过props属性控制radio的按需展示

07.购物车页面 – 商品列表区域 – 动态绑定radio组件的值

08.购物车页面 – 商品列表区域 – 介绍为my-goods组件封装radio-change事件的实现思路

09.购物车页面 – 商品列表区域 – 为my-goods组件封装radio-change自定义事件

10.购物车页面 – 商品列表区域 – 修改购物车中商品的勾选状态

11.购物车页面 – 商品列表区域 – 为my-goods组件封装NumberBox

12.购物车页面 – 商品列表区域 – 通过props属性控制NumberBox的按需展示

13.购物车页面 – 商品列表区域 – 介绍为my-goods组件封装num-change事件的实现思路

14.购物车页面 – 商品列表区域 – 为my-goods组件封装num-change事件

15.购物车页面 – 商品列表区域 – 解决NumberBox组件数据不合法的问题

16.购物车页面 – 商品列表区域 – 完善NumberBox的inputValue侦听器

17.购物车页面 – 商品列表区域 – 修改购物车中商品的数量

18.购物车页面 – 商品列表区域 – 渲染滑动删除的UI效果

19.购物车页面 – 商品列表区域 – 实现滑动删除的功能

03颜值大事拓展

1.00.学习目标

10.09.实现拍照功能(Av246603341,P10)

11.10.从相册选取照片)

12.11.将选择的照片显示到屏幕上)

13.12.实现重选照片的功能)

14.13.定义测颜值的函数并调用)

15.14.申请百度AI平台账号)

16.15.了解百度人工智能API的鉴权机制)

17.16.在app.js中实现鉴权认证)

18.17.将用户选择的图片转码为)

19.18.发起请求检测颜值数据)

2.01.演示案例效果

20.19.渲染颜值数据对应的页面结构)

21.20.把英文信息映射为中文信息)

22.21.优化用户体验并完成项目开发

3.02.创建测颜值的小程序项目

4.03.了解camera组件的基本使用

5.04.动态设置camera组件的高度

6.05.隐藏navigation导航条区域)

7.06.在camera组件之上渲染操作按钮

8.07.介绍cover-view和cover-image的作用

9.08.动态切换摄像头的朝向

阶段作业 微信小程序-试卷

微信小程序-试卷

07-阶段七 React项目实战【拓展课程】

01第一章 React基础

1-1 React基本使用

课后练习

Rreact基本使用答案

课后练习

素材

01-react基础目标

02-react概述

03-react的基本使用

04-react的基本使用(常用方法说明)

05-react脚手架的基本使用

06-react脚手架的基本使用(细节补充说明)知道即可

07-react脚手架中使用react

08-react基础阶段总结

单元测试

1-2 JSX语法

课后练习

JSX语法答案

课后练习

素材

09-JSX的学习目标

10-JSX的基本使用

11-为什么脚手架中可以使用JSX语法

12-JSX的注意点

13-在JSX中使用JavaScript表达式

14-JSX中使用JavaScript表达式的注意点

15-JSX的条件渲染

16-JSX的列表渲染

17-JSX的样式处理

18-JSX阶段总结

单元测试

1-3 React组件基础

课后练习

React组件基础答案

课后练习

素材

19-React组件基础学习目标

20-React组件介绍

21-组件的两种创建方式(1函数组件)

22-组件的两种创建方式(2类组件)

23-组件的两种创建方式(3抽离为独立js文件)

24-React事件处理(1事件绑定)

25-React事件处理(2事件对象)

26-有状态组件和无状态组件

27-state的基本使用

28-组件中的state和setState()(1setState()修改状态)

29-组件中的state和setState()(2从JSX中抽离事件处理程序)

30-事件绑定this指向(1箭头函数)

31-事件绑定this指向(2bind)

32-事件绑定this指向(3class的实例方法)

33-事件绑定this指向-总结

34-表单处理(1受控组件概念)

35-表单处理(2受控组件使用步骤)

36-表单处理(3受控组件的示例)

37-表单处理(4多表单元素优化)

38-表单处理(5非受控组件)

39-React组件基础总结

40-React组件基础综合案例(1案例需求分析)

41-React组件基础综合案例(2渲染评论列表)(1)

41-React组件基础综合案例(2渲染评论列表)

42-React组件基础综合案例(3渲染暂无评论并优化代码)

43-React组件基础综合案例(4获取评论信息)

44-React组件基础综合案例(5发表评论-1)

45-React组件基础综合案例(6发表评论-2边界情况处理)

单元测试

1-4 React组件进阶

课后练习

React组件进阶答案

课后练习

素材

46-React组件进阶学习目标

47-组件通讯介绍

48-组件的props(1基本使用)

49-组件的props(2特点)

50-组件通讯的三种方式(1父组件传递数据给子组件)

51-组件通讯的三种方式(2子组件传递数据给父组件)

52-组件通讯的三种方式(3兄弟组件通讯)

53-Context的基本使用

54-props深入(1children属性)

55-props深入(2props校验)

56-props深入(3props校验-约束规则)

57-props深入(4props的默认值)

58-组件的生命周期(1概述)

59-组件的生命周期三个阶段(1创建时)

60-组件的生命周期三个阶段(2更新时-1触发时机)

61-组件的生命周期三个阶段(2更新时-2钩子函数说明)

62-组件的生命周期三个阶段(3卸载时)

63-组件的生命周期三个阶段(4不常用钩子函数介绍)

64-render props和高阶组件概述

65-render props模式(1思路分析)

66-render props模式(2使用步骤)

67-render props模式(3演示Mouse组件的复用)

68-render props模式(4children代替render属性)

69-render props模式(5代码优化)

70-高阶组件(1介绍)

71-高阶组件(2使用步骤)

72-高阶组件(3设置displayName)

73-高阶组件(4传递props)

74-React组件进阶总结

单元测试

1-5 React原理及优化

课后练习

React原理及优化答案

课后练习

素材

75-React原理揭秘学习目标

76-setState()方法的说明(1更新数据)

77-setState()方法的说明(2推荐语法)

78-setState()方法的说明(3第二个参数)

79-JSX语法的转化过程

80-组件更新机制

81-组件性能优化(1减轻state)

82-组件性能优化(2避免不必要的重新渲染1)

83-组件性能优化(2避免不必要的重新渲染-随机数案例)

84-组件性能优化(2避免不必要的重新渲染-随机数案例2)

85-组件性能优化(3纯组件-基本使用)

86-组件性能优化(3纯组件-shallow compare)

87-虚拟DOM和Diff算法

88-虚拟DOM和Diff算法(代码演示)

89-React原理揭秘总结

单元测试

1-6 React路由

课后练习

React路由答案

课后练习

素材

90-React路由基础学习目标

91-React路由介绍

92-路由的基本使用

93-路由的基本使用(常用组件说明)

94-路由的执行过程

95-编程式导航

96-默认路由

97-匹配模式(1模糊匹配模式)

98-匹配模式(2精确匹配)

99-React路由基础总结

单元测试

02第二章 好客租房项目

2-1 项目介绍和初始化

01-好客租房移动Web(上)学习目标

02-项目介绍

03-本地接口部署

04-初始化项目

05-组件库antd-mobile的介绍和使用

06-配置基础路由

07-外观和样式调整

08-两种布局页面

09-嵌套路由

2-10 用户登录功能实现

129-好客租房移动Web(下)学习目标

130-登录模块功能分析

131-用户登录(1分析页面结构和样式)

132-用户登录(2登录功能1)

133-用户登录(2登录功能完成)

134-用户登录(3表单校验说明)

135-formik介绍

136-使用formik重构登录功能

137-两种表单验证方式

138-给登录功能添加表单验证

139-简化表单处理

140-我的页面(1页面结构和样式)

141-我的页面(2功能分析)

142-我的页面(3功能实现)

143-我的页面(4退出功能)

144-登录访问控制(1概述)

145-登录访问控制(2使用axios拦截器统一处理token)

146-登录访问控制(3分析AuthRoute鉴权路由组件)

147-登录访问控制(4封装AuthRoute鉴权路由组件)

148-登录访问控制(5修改登录成功跳转)

2-11 房源收藏功能实现

149-我的收藏模块功能分析

150-检查房源是否收藏

151-收藏房源(1)

152-收藏房源(2)

2-12 发布房源和搜索房源功能实现

153-房源发布模块(功能演示和介绍)

154-发布房源模块-模板改动说明

155-配置三个页面的路由规则

156-关键词搜索小区信息(1实现思路)

157-关键词搜索小区信息(2实现步骤)

158-关键词搜索小区信息(3传递小区信息给发布房源页面)

159-发布房源(1页面结构分析)

160-发布房源(2获取房源数据)

161-发布房源(3获取房屋配置数据)

162-发布房源(4房屋图片上传分析)

163-发布房源(5获取房屋图片)

164-发布房源(6上传房屋图片)

165-发布房源(7完成)

2-13 项目打包及项目优化

166-项目打包

167-修改脚手架配置说明

168-项目优化(1antd-mobile按需加载)

169-项目优化(2基于路由的代码分割)

170-项目优化(3其他优化和说明)

171-好客租房移动Web(下)总结

2-2 项目首页布局+功能实现

10-实现TabBar(1基本使用)

11-实现TabBar(2修改TabBar外观样式)

12-实现TabBar(3TabBar配合路由使用)

13-实现TabBar(4TabBar.Item代码重构)

14-首页模块(首页路由处理)

15-轮播图组件的基本使用

16-获取轮播图数据

17-导航菜单

18-导航菜单(代码重构)

19-轮播图Bug分析和修复

20-TabBar菜单高亮Bug分析和修复

21-在脚手架中使用sass

22-租房小组的业务介绍和数据获取

23-租房小组结构样式

24-租房小组数据渲染

25-最新资讯(作为练习)及解决TabBar遮挡Bug

26-顶部导航

2-3 百度地图API使用

27-H5中的地理位置API

28-百度地图API(1介绍)

29-百度地图API(2申请百度账号和秘钥)

30-百度地图API(3使用步骤)

31-百度地图API(4获取顶部导航城市信息)

2-4 城市选择和渲染

32-城市选择模块功能分析

33-城市选择模块(顶部导航栏)

34-获取并处理城市列表数据

35-获取并处理城市列表数据(1数据格式分析和转化)

36-获取并处理城市列表数据(2热门城市数据)

37-封装获取当前定位城市的函数

38-获取并处理城市列表数据(3添加当前定位数据)

39-长列表性能优化(1概述)

40-长列表性能优化(2懒渲染说明)

41-长列表性能优化(3可视区域渲染)

42-react-virtualized(1概述)

43-react-virtualized(2基本使用)

44-渲染城市列表(让List组件占满屏幕)

45-渲染城市列表

46-渲染城市列表(展示城市索引)

47-渲染城市列表(展示索引下的城市以及动态计算每一行的高度)

48-渲染右侧索引列表

49-渲染右侧索引列表(2滚动城市列表让对应索引高亮)

50-渲染右侧索引列表(3点击索引指定该索引城市)

51-切换城市

52-好客租房移动Web(上)-总结

2-5 顶部导航组件封装

53-好客租房移动Web(中)学习目标

54-地图找房模块功能分析

55-封装顶部导航栏组件(1顶部导航)

56-封装顶部导航栏组件(2样式调整)

57-封装顶部导航栏组件(3功能处理withRouter)

58-封装顶部导航栏组件(4添加props校验)

59-在城市选择页面使用NavHeader组件

60-组件间样式覆盖问题的说明

2-6 CSS Modules

61-CSS-IN-JS的说明

62-CSS Modules的说明

63-CSS Modules在项目中的使用

64-CSS Modules的应用

2-7 地图找房功能实现

65-地图找房页面顶部导航栏样式处理

66-根据定位展示当前城市

67-创建文本覆盖物

68-绘制房源覆盖物

69-地图找房功能分析

70-渲染所有区的覆盖物

71-地图找房功能的封装流程

72-地图找房功能renderOverlays

73-地图找房功能createOverlays

74-地图找房功能createCircle

75-地图找房功能createRect(绘制小区覆盖物)

76-获取并展示小区房源数据

77-获取并展示小区房源数据(优化)

78-createRect方法封装完成

79-添加loading优化体验

80-axios优化和环境变量

81-使用环境变量(修改图片地址)

82-axios优化(手动创建axios实例)

83-列表找房模块功能分析

84-封装首页搜索导航栏

85-实现找房页面搜索导航栏(结构和样式)

86-找房页面返回按钮事件和修改首页搜索导航组件

2-8 FilterTitle、FilterPicker、FilterMore组件实现

100-完善FilterTitle高亮功能(2实现步骤)

101-FilterMore组件(1渲染组件数据)

102-FilterMore组件(2获取选中值以及设置高亮)

103-FilterMore组件(3清除和确定按钮的逻辑处理)

104-FilterMore组件(4设置默认选中值)

105-完成FilterTitle高亮功能

87-条件筛选栏组件结构分析

88-条件筛选栏组件的功能分析

89-FilterTitle组件实现思路分析

90-FilterTitle组件实现(1高亮逻辑)

91-FilterTitle组件实现(2点击菜单高亮)

92-FilterPicker组件实现思路分析

93-FilterPicker组件(1控制展示和隐藏)

94-FilterPicker组件(2获取当前筛选条件的数据-1)

95-FilterPicker组件(3获取当前筛选条件的数据-完成)

96-FilterPicker组件(4获取选中值)

97-FilterPicker组件(5设置默认选中值)

98-FilterPicker组件(6解决设置默认选中值的bug)

99-完善FilterTitle高亮功能(1实现思路)

2-9 房源筛选及房屋详情功能

106-根据筛选条件获取房屋列表数据(组装筛选条件)

107-获取房屋列表数据

108-进入页面时获取数据

109-使用List组件渲染数据

110-使用WindowScroller让List跟随页面滚动

111-InfiniteLoader组件的说明和基本使用

112-加载更多房屋列表数据

113-条件筛选栏吸顶功能(1实现思路)

114-条件筛选栏吸顶功能(2实现步骤1)

115-条件筛选栏吸顶功能(2实现步骤2)

116-条件筛选栏吸顶功能(3通用性优化以及组件封装原则)

117-列表找房功能优化-找Bug模式(1加载提示)

118-列表找房功能优化-找Bug模式(2条件筛选栏优化)

119-列表找房功能优化-找Bug模式(3切换城市显示房源)

120-react-spring动画库概述

121-react-spring动画库的基本使用

122-实现遮罩层动画

123-房屋详情模块功能分析

124-房屋详情模块功页面模板说明

125-路由参数的说明和基本使用

126-展示房屋详情(1)

127-展示房屋详情(2完成)

128-好客租房移动Web(中)总结

03第三章 Angular5【赠送课程】

3-1 Angular介绍

00-介绍

01-安装Angular-CLI脚手架工具

02-使用AngularCLI初始化Angular项目

03-一个Angular应用是如何启动的

单元测试

3-2 TypeScript介绍和使用

课后练习

Typescript案例答案

课后练习

素材

04-核心特性-组件

05-核心特性-其它

06-TypeScript介绍-01

07-TypeScript介绍-02

08-搭建TypeScript开发环境

09-TypeScript数据类型

10-TypeScript-解构赋值

11-TypeScript-剩余参数-数组对象展开操作符

12-TypeScript-类的基本用法

13-TypeScript-类的继承

14-TypeScript-类成员访问修饰符

15-TypeScript-属性的get和set

16-TypeScript-类的静态成员和实例成员

17-TypeScript-函数

18-TypeScript-for-of循环

19-TypeScript-模块

20-TypeScript总结

21-组件介绍

单元测试

3-3 ToDoMVC案例

课后练习

豆瓣答案

课后练习

素材 (1)

素材

22-TodoMVC-案例介绍

23-TodoMVC-下载预览模板

24-TodoMVC-项目初始化

25-TodoMVC-需求介绍

26-TodoMVC-列表渲染(有数据的处理)

27-TodoMVC-列表渲染(无数据条件判断)

28-TodoMVC-添加任务

29-TodoMVC-利用双向绑定显示任务完成状态

30-TodoMVC-处理任务项的样式

31-TodoMVC-切换所有任务项的完成状态

32-TodoMVC-删除单个任务项

33-TodoMVC-双击任务项进入编辑状态

34-TodoMVC-编辑任务

35-TodoMVC-显示所有未完成任务数

36-TodoMVC-清除所有已完成任务项

37-TodoMVC-数据过滤第一步

38-TodoMVC-数据过滤完成

39-TodoMVC-页面刷新保持数据过滤状态

40-TodoMVC-数据持久化到本地存储

3-4 Angular5通讯录项目

41-通讯录案例介绍

42-通讯录-项目初始化

43-通讯录-初始化案例中的组件

44-通讯录-导入登陆和注册的组件模板

45-通讯录-导入顶部导航栏-侧边栏组件模板

46-通讯录-导入路由

47-通讯录-嵌套路由

48-通讯录-表单提交-双向绑定

49-通讯录-表单提交-表单验证

50-通讯录-接口说明

51-通讯录-开启http服务

52-通讯录-注册成功跳转到首页

53-通讯录-使用路由守卫拦截保护访问权限

54-通讯录-用户登陆

55-通讯录-登陆成功显示当前登陆用户名

56-通讯录-用户退出

57-通讯录-HTTP拦截器

58-通讯录-联系人列表

59-通讯录-添加联系人

60-通讯录-删除联系人

61-通讯录-编辑联系人第一步

62-通讯录-完成编辑联系人

63-通讯录-简单总结

08-阶段八 面试指导+前端面试题

01第一章 前端-工作面试指导技巧

1-3 求职内容篇

09-求职篇-招聘流程

10-求职篇-简历相关

11-求职篇-面试相关

1-5 工作内容篇

13-工作篇

1-7 人事内容篇

15-人事篇

1-1 课程介绍

1-2 简历内容篇

1-4 面试内容篇

1-6 市场行情篇

1-8 工作心理篇

02第二章 Vue电商后台管理系统面试题【项目面试题】

1、学习内容介绍

10、路由守卫

11、通过axios 拦截器添加token验证

12、菜单使用

13、用户列表1

14、用户列表2

15、分页处理

16、更新用户状态

17、用户信息添加

18、用户编辑

19、用户删除

2、系统的功能划分介绍

20、用户角色权限关系

21、权限渲染

22、删除指定角色下的权限

23、为角色分配权限1

24、为角色分配权限2

25、为角色分配权限3

26、为用户分配角色

27、商品分类数据展示

28、模板列渲染

29、添加商品分类1

3、开发模式介绍

30、添加商品分类2

31、分类参数介绍

32、获取分类参数数据

33、添加分类参数

34、分类参数编辑与删除

35、指定参数添加

36、过滤器应用

37、商品添加1

38、商品添加2

39、实现图片上传

4、技术选型 介绍

40、完成商品添加

41、项目优化1

42、项目优化2

43.项目优化3

44、项目部署上线

5、登录业务流程

6、token原理分析

7、登录页面构建

8、发起登录请求

9、客户端存储token信息

03第三章 Vue面试题精讲

3-1 Vue核心知识点

3-2 Vue-Router知识点

1、路由简介

10、将菜单改造为路由连接

11、添加子路由规则并实现路由重定向

12、渲染用户列表数据

13、跳转到详情页

14、路由全局守卫

15、路由独享守卫

16、组件内守卫

17、addRoutes动态路由添加

18、路由组件缓存

19、Hash模式与History模式

2、路由基本使用

20、History模式使用1

21、History模式2

22、Nginx配置History模式

23、复习VueRouter工作原理

24、install方法实现

25、构造方法创建

26、解析路由规则

27、创建router-link组件

28、测试

29、构建render函数

3、路由重定向

30、构建router-view组件

31、解决组件加载问题

32、解决前进与后退问题

33、复习总结

34、查看Vue.use方法源码

35、VueRouter目录结构分析

36、VueRouter类初步创建

37、install方法第二种方式实现

38、组件创建测试

39、解析路由规则1

4、路由嵌套

40、路由规则解析2

41、路由规则解析完成

42、match方法实现

43、历史记录处理

44、不同路由模式判断处理

45、代码测试

46、定义响应式路由属性

47、创建$route与$router

48、组件渲染1

49、组件渲染2

5、动态匹配路由的基本用法

50、组件渲染完成

6、路由组件传递参数

7、命名路由

8、编程式导航

9、路由案例-渲染根组件

3-3 Vue响应式原理

1、课程目标

10、创建Observer类

11、完善defineReactive方法

12、Compiler类结构

13、 compile方法实现

14、compileText方法实现

15、compileElement方法实现

16、Dep类分析

17、创建Dep类

18、创建Watcher类

19、创建Watcher对象

2、数据驱动介绍

20、创建Watcher对象2

21、实现双向数据绑定

22、响应式的问题

3、defineProperty基本使用

4、defineProperty使用2

5、Vue3响应式原理

6、发布订阅模式介绍

7、发布订阅模式实现

8、观察者模式

9、模拟Vue响应式原理

3-4 Vue虚拟DOM

1、课程目标

10、h函数介绍

11、Vnode函数

12、虚拟DOM创建过程

13、patch函数执行过程介绍

14、init函数源码查看

15、patch函数源码查看

16、调试patch函数

17、createElm函数源码解读

18、addVnodes和removeVnodes方法

19、patchVnode方法执行流程

2、虚拟DOM介绍

20、patchVode方法源码分析

21、diff算法比较流程1

22、diff算法比较2

23、diff算法比较3

24、diff算法比较4

25、updateChildren方法源码分析1

26、updateChildren方法源码分析2

27、钩子函数介绍

28、模块源码分析

29、模块调用的时机分析

3、为什么使用Virtual DOM

4、虚拟DOM的作用

5、创建项目

6、Snabbdom导入

7、Snabbdom的基本使用

8、 Snabbdom的基本使用2

9、模块的基本使用

3-5 Vuex状态管理

1、课程介绍

10、Module应用

11、Vuex严格模式

15、购物车列表展示

16、计算商品数量与价格

17、删除购物车中商品

25、总结

3、简易的状态管理

4、Vuex介绍

8、Mutation应用

3-6 Vue服务端渲染

1、服务端渲染介绍

10、路由导航

11、动态路由

12、嵌套路由

13、获取异步数据

14、获取异步数据2

15、上下文对象

16、渲染Vue实例

17、创建web服务器

18、模板使用

19、向模板中传递数据

2、渲染的概念

20、问题说明

21、创建目录结构

22、Webpack配置1

23、Webpack配置2

24、配置构建命令

25、测试打包

26、实现客户端交互

27、解析渲染的流程

3、传统服务端渲染

4、客户端渲染介绍

5、客户端渲染问题描述

6、什么是同构渲染

7、同构渲染的问题

8、初始化NuxtJS项目

9、基本路由规则

阶段作业 就业指导-试卷

微信小程序-试卷

黑马最新前端在线就业班配套课件和资料

下载地址

给TA买糖
共{{data.count}}人
人已赞赏
零基础就业

顶级云加:HTML5全栈视频教程,前端工程师H5学习(20G)

2020-12-29 8:56:56

DEDE教程

dedecms为后台自定义菜单的完整方法

2020-7-14 7:46:50

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索