课程目录

• Vue2_黑马头条项目_上
• _01_需求分析_技术点介绍
• _02_项目_创建_自定义预设_携带router和vuex
• _03_清空欢迎界面
• _04_介绍ESLint好处和作用
• _05_ESLint在Vscode使用插件_一键修复
• _06_git存储方式_把自己的代码放到码云上
• _07_创建需要的文件夹_
• _08_引入Vant组件库_并配置按需加载插件
• _09_引入适配方案
• _100_文章评论_组件创建引入使用
• _10_封装网络请求方法_自定义方法接收参数_便于以后扩展
• _11_接口方法封装
• _12_try和catch的使用
• _13_登录页面_路由准备_页面文件创建
• _14_登录页面_头部导航_vant组件使用_自定义样式_1
• _15_登录页面_头部导航_vant组件自定义样式_方式2
• _16_登录页面_登录表单_准备
• _17_登录页面_登录表单_微调_完成页面铺设
• _18_登录页面_登录表单_正则校验pattern
• _19_学生的遇到的问题_一个vue收集_一个原生form提交事件收集
• _20_登录页面_登录接口调用
• _21_重要_学会使用network调试
• _22_登录页面_登录失败解决方案_try和catch捕获await同
• _23_登录页面_优化_登录等待给用户提示
• _24_登录页面_token本地存储
• _25_Layout页面_创建和路由配置
• _26_Layout页面_底部导航
• _27_Layout页面_登录跳转到这里
• _28_首页_顶部导航标签铺设
• _29_首页_顶部导航_右侧图标适配问题
• _30_首页_tab导航_铺设和阅读
• _31_首页_顶部导航_固定定位_tab导航留出顶部内边距
• _32_首页_tab导航_粘性布局
• _33_首页_tab导航_粘性布局_简单回顾一下
• _34_首页_tab导航_数据获取
• _35_首页_tab导航_数据铺设
• _36_首页_文章列表_标签铺设
• _37_首页_文章列表_数据获取
• _38_首页_文章列表_铺设
• _39_首页_文章Item_图片标签位置
• _40_首页_文章Item_图片判断和铺设
• _41_首页_文章Item_时间处理
• _42_首页_文章列表切换
• _43_首页_文章列表请求_挪到了ArticleList中
• _44_首页_文章列表_加载更多_list组件准备
• _45_首页_文档列表_加载更多_请求下一页数据
• _46_首页_文章列表_重复key的问题_list组件初始化判定关闭
• _47_首页_文章列表_底部没有更多判断条件修改
• _48_首页_文章列表_offset作用_预留底部多远触发load事件
• _49_首页_文章列表_顶部刷新
• _50_首页_文章列表_网络请求的优化_合并代码
• _51_反馈面板_一级面板标签准备_数据准备_取消按钮
• _52_反馈面板_二级面板数据切换
• _53_反馈面板_点击返回一级数据
• _54_反馈面板_点击遮罩_恢复一级数据
• _55_反馈面板_不感兴趣_功能实现
• _56_反馈面板_二级面板_功能实现
• _57_axios_响应拦截器_统一判断401
• _58_axios_请求拦截器_统一携带headers
• _59_try和catch的作用_详细
• _60_频道管理_准备加号标签和样式固定
• _61_频道管理_点击加号_弹出层出现
• _62_频道管理_ChannelEdit使用
• _63_频道管理_获取所有频道和用户已选频道
• _64_频道管理_筛选数据_计算属性得到用户未选频道
• _65_频道管理_传入2个数组_铺设数据
• _66_频道管理_筛选数组_算法讲解了优化一遍
• _67_频道管理_编辑状态切换
• _68_频道管理_新增频道
• _69_频道管理_更新频道_涉及到了对象拷贝问题
• _70_频道管理_删除频道
• _71_频道管理_导航上关闭弹出层实现
• _72_频道管理_点击进入频道_复习v-model作用
• _73_频道管理_编辑时不能删除推荐频道
• _74_搜索页面_创建和路由以及跳转
• _75_搜索页面_输入框自动聚焦_Vue.use的使用
• _76_搜索页面_输入框_防抖操作
• _77_搜索页面_联想菜单铺设
• _78_搜索页面_联想菜单_清空处理
• _79_搜索页面_联想菜单_关键字高亮_1_基础使用
• _80_搜索页面_联想菜单_关键字高亮_全匹配和大小写问题
• _81_搜索页面_历史记录_铺设
• _82_搜索页面_跳转传参到搜索结果页面
• _83_搜索页面_上一个视频方法合并优化
• _84_搜索记录_本地存储
• _85_搜索记录_去重和清空
• _86_学生遇到的问题解决
• _87_搜索结果_列表数据获取
• _88_搜索结果_列表铺设_复用ArticleItem
• _89_搜索结果_文章ArticleItem的反馈按钮显示或隐藏
• _90_搜索结果_加载更多
• _91_图片403和404问题
• _92_文章详情_页面创建和路由配置
• _93_文章详情_点击跳转到详情页_传文章ID
• _94_文章详情_首页点击文章跳转实现
• _95_文章详情_和搜索结果返回按钮颜色定制
• _96_文章详情_获取详情数据
• _97_文章详情_数据铺设
• _98_文章详情_关注作者_取关作者实现
• _99_文章详情_点赞功能_取消点赞
• Vue2_黑马头条项目_下
• _101_文章评论_获取数据
• _102_文章评论_数据铺设
• _103_文章评论_喜欢评论_前端效果实现
• _104_文章评论_喜欢评论_接口调用
• _105_文章评论_发布评论_标签和样式_互斥设置
• _106_文章评论_发布评论_显示输入框并自动聚焦
• _107_文章评论_发布评论_底部安全距离判断使用哦
• _108_文章评论_发表评论_失焦事件
• _109_文章评论_显示评论数量
• _110_文章评论_滚动效果
• _111_文章评论_点击发布_获取评论内容
• _112_文章评论_发布评论_调用接口_前端新增一条
• _113_文章评论_获取更多评论_基本功能实现
• _114_list组件彻底的复习
• _115_首页在list组件时_有点bug_双保险
• _116_文章评论_细节优化
• _117_分享实现的思路
• _118_个人中心_标签准备和数据铺设
• _119_个人中心_退出登录
• _120_个人中心_编辑用户信息页面_准备路由
• _121_个人中心_编辑页面_数据回显
• _122_个人中心_修改头像_点击选择图片
• _123_个人中心_修改头像_调用接口_有点不同好好看看
• _124_个人中心_修改头像_更新头像属性值
• _125_个人中心_修改头像_如果用户选择取消问题
• _126_个人中心_姓名修改_前端准备工作
• _127_个人中心_如果不上传图片_在前端如何做图片预览
• _128_个人中心_姓名修改_弹窗关闭前回调函数
• _129_个人中心_姓名修改_输入框值的正则校验
• _130_个人中心_姓名修改_接口准备
• _131_个人中心_姓名修改_调用接口_回显页面
• _132_个人中心_生日编辑_日期选择器准备
• _133_个人中心_生日编辑_日期选择_范围和默认值设置
• _134_个人中心_生日编辑_调用接口
• _135_http协议复习
• _136_即时通信介绍_什么时候需要使用
• _137_webSocket的原生介绍_脚手架和前端也有socket链
• _138_socket.io包使用前后端实现即时通信
• _139_小思同学_创建页面和路由配置和跳转
• _140_小思同学_数据准备和渲染
• _141_小思同学_socket功能集成聊天
• _142_小思同学_最后一条消息滚入屏幕
• _143_小思同学_vuex保存头像地址使用
• _144_小思同学_头像问题_刷新和跳转区别
• _145_优化_路由懒加载使用_首页打开更快
• _146_优化_路由全局前置守卫
• _147_优化_路由独享守卫
• _148_优化_遇到401时刷新token回来
• _149_优化_新的token回来后_把未完成的请求再次发起
• _150_优化_刷新token的思路总结
• _151_如何调试network的错误
• _152_递归问题
• _153_优化_如果refresh_token也过期怎么办
• _154_优化_如果登录了_强制进登录页打回到首页
• _155_集中式模块拆分
• _156_优化_组件缓存
• _157_优化_缓存后编辑头像_不更新_解决方式都使用vuex
• _158_优化_文章详情_代码高亮_设置样式
• _159_优化_文章详情_加载中组件使用
• _160_优化_登录未遂地址
• _161_优化_图片懒加载使用
• _162_优化_全局指令_工具包封装
• _163_优化_抽离vant组件注册代码
• _164_优化_首页_保存滚动条位置
• _165_优化_频道_切换保存滚动位置
• _166_优化_本地持久化存储方式的封装和替换
• _167_优化_封装统一的Notify提示框
• _168_知识点_大数问题_解决方案
• _169_知识点_前端向后端传参的方式和格式
• _170_知识点_复习v-model原理
• _171_知识点_RestFul风格接口
• _172_知识点_webpack开发服务器_做代理转发
• _173_知识点_发布工具包
• _174_知识点_撤销发布的工具包
• _175_知识点_vue
• _176_知识点_打包后产物介绍
• _177_知识点_打包后产物_没有用路由懒加载问题
• _178_知识点_打包后跨域问题解决_代码分为2种环境
• _179_知识点_打包报告分析_剔除掉体积较大的包
• _180_知识点_打包时_环境变量_以及去掉打印语句
• _181_项目部署_gitee_只能是前端代码
• _182_项目部署_公司自己服务器上流程
• _183_项目部署_买云服务器_买域名
• _184_用Hbuilder打包app安装到了手机上
• _185_解决了不同浏览器内核_滚动条获取和设置问题
• Vue2_人力资源管理系统项目_上(2022年最新-超清版)
• _01_人资项目_功能介绍和技术栈分析
• _02_vue-element-admin模板
• _03_vue-admin-template模板
• _04_模板讲解_套路介绍
• _05_模板讲解_api代码介绍
• _06_模板讲解_icons_div和svg标签判断
• _07_模板讲解_icons里svgIcon组件完整讲解
• _08_模板讲解_icons里index文件全部讲解
• _09_学生遇到的入口和全局注册组件区分
• _100_default名字插槽解释
• _10_模板讲解_layout_外框和移动端蒙层分析
• _11_模板讲解_layout_标签和计算属性全部讲解
• _12_模板讲解_layout_mixins混入讲解
• _13_模板讲解_vuex里app模块里代码
• _14_模板讲解_layout中Navbar讲解
• _15_模板讲解_layout_AppMain里代码_虚拟DOM回顾
• _16_模板讲解_layout_Sidebar_el-menu解释
• _17_模板讲解_layout_Sidebar_侧边栏导航如何生成的
• _18_模板讲解_layout_SidebarItem侧边栏每行组件内
• _19_模板讲解_layout_onlyOneChild意思和使用带值
• _20_模板讲解_layout_link组件阅读
• _21_模板讲解_layout_menuItem的属性和短路与和或的特
• _22_模板讲解_layout_item组件_render渲染函数
• _23_模板讲解_router路由代码讲解
• _24_模板讲解_router路由懒加载介绍
• _25_模板讲解_store里主要文件代码详解
• _26_模板讲解_app模块里代码分析
• _27_模板讲解_store里其他文件代码讲完
• _28_模板讲解_utils里工具_拦截器的说明
• _29_模板讲解_utils下validate
• _30_模板讲解_utils下index的parseTime时间处理1
• _31_模板讲解_utils中时间讲解
• _32_模板讲解_utils中时间formatTime方法
• _33_模板讲解_utils中查询字符串对象格式化
• _34_模板讲解_main.js里含义
• _35_模板讲解_permission路由守卫讲解
• _36_模板讲解_login页面登录逻辑
• _37_模板讲解_登录逻辑_调用后得到Promise对象_等待请求结果
• _38_模板讲解_scss介绍_css预处理语法
• _39_模板讲解_scss的代码内使用_每个文件作用
• _40_拿到拿到项目后还需要尽可能拿到相关文档
• _41_项目__环境初识化
• _42_项目_模板肃清
• _43_git仓库创建
• _44_登录_标签样式调整
• _45_登录_数据和变量名调整
• _46_登录_密码验证修改_表单校验语法复习
• _47_登录_封装接口方法_然后调用_但是遇到了问题
• _48_登录_基地址配置_环境变量_遇到了跨域问题
• _49_登录_跨域问题介绍_什么是跨域
• _50_登录_跨域问题_解决方案介绍
• _51_登录_跨域问题_配置代理转发_让登录成功
• _52_登录_后台返回错误状态的区分
• _53_登录_响应拦截器_用success做真正的成功还是失败处理区分
• _54_登录_响应拦截器_统一加入报错的message提示
• _55_登录_响应拦截器_返回后台真正的数据
• _56_token处理_把token保存到vuex里
• _57_token处理_请求拦截器_统一携带请求头和token值
• _58_token处理_携带请求头验证测试
• _59_token处理_做持久化存和取
• _60_登录_优化_逻辑封装到actions中使用
• _61_环境变量process的作用
• _62_环境变量_区分_和前端使用注意事项
• _63_环境变量_请求基地址区分
• _64_主页_登录成功跳转主页
• _65_主页_路由守卫的概念复习
• _66_主页_路由守卫_登陆状态判断
• _67_主页_路由守卫_白名单使用
• _68_主页_路由跳转_加上一个顶部跳转效果
• _69_主页_左侧导航的样式和结构
• _70_主页_头部左侧_标签内容和样式设置
• _71_主页_头部右侧_标签内容和样式设置
• _72_主页_获取用户名_接口和vuex以及路由守卫中判断发请求
• _73_主页_把用户信息保存到userInfo上
• _74_主页_用户名getters的使用方式2种
• _75_token过期_响应拦截器里统一处理
• _76_主页_拿到用户头像_合并到userInfo里保存
• _77_主页_把头像显示到右上角导航
• _78_主页_头部导航_主动退出
• _79_主页_登录未遂地址_分析
• _80_主页_info页面准备
• _81_主页_登录未遂地址实现
• _82_昨日复习_路由守卫先跳转在触发401_保证未遂地址正确拿到
• _83_路由_静态和动态路由数组区分
• _84_路由_8个页面创建和路由配置
• _85_路由_8个规则对象封装到模块内分散管理
• _86_路由_左侧菜单生成逻辑_复习
• _87_路由_左侧菜单图形设置
• _88_路由_左侧菜单_高亮激活样式
• _89_动态设置浏览器标签栏上标题
• _90_组织架构_整体卡片布局_外层容器和样式
• _91_组织架构_tabs导航的设置
• _92_组织架构_内容列表_头部准备
• _93_组织架构_tree组件_基本使用和阅读
• _94_组织架构_tree组件_自定义行内容
• _95_组织架构_tree组件换成部门的固定数据
• _96_组织架构_tree组件_加冒号和不加冒号的属性区别
• _97_组织架构_tree组件_样式调整和事件方法实现
• _98_组织架构_请求真正数据_铺设页面
• _99_组织架构_tree组件里作用域插槽简化写法讲解
• Vue2_人力资源管理系统项目_下(2022年最新-超清版)
• _201_权限点_添加权限点_功能完成
• _202_权限点_编辑权限点_回显和状态区分
• _203_权限点_编辑权限点_保存动作_重置表单
• _204_权限点_自定义校验_新增_名字不能重复
• _205_权限点_自定义校验_新增_code不能和所有人重复
• _206_权限点_自定义校验_编辑_都搞定了
• _207_权限点管理_删除权限点
• _208_权限分配_角色分配权限点
• _209_权限分配_弹框显示和隐藏
• _210_权限分配_权限点的树形数据铺设
• _211_权限分配_权限点_树形标签样子修改
• _212_权限分配_权限点树形组件默认选中效果
• _213_权限分配_弹窗关闭_tree默认选中的清空
• _214_权限分配_保存权限点给角色
• _215_权限管理_业务流程的熟悉和数据关系练习
• _216_权限管理_动态路由整体分析
• _217_权限管理_动态添加路由规则对象的方法
• _218_动态路由_addRoutes的使用
• _219_动态路由_addRoutes位置调整
• _220_动态路由_在vuex中同步一份路由表_让左侧菜单生成
• _221_动态思路_筛选匹配的路由规则对象使用
• _222_动态路由_为了刷新回404
• _223_动态路由_刷新404问题解决
• _224_动态路由_重新登录路由重复问题解决
• _225_resetRouter内代码分析_读代码和分析代码解决方案
• _226_按钮的权限控制_自定义指令和移除标签思想
• _227_多语言_vuei18n的初次使用
• _228_多语言_代码优化_单独封装到lang下index.js中
• _229_多语言_让ElementUI组件内文字_集成到了Vuei18
• _230_多语言_标签里显示文字处理
• _231_多语言_配置项中路由左侧文字切换使用
• _232_多语言_接口数据国家化处理思路
• _233_多语言_封装下拉组件_切换语言环境
• _234_多语言_左侧菜单的解决
• _235_全屏_组件准备和使用
• _236_全屏_实现功能效果
• _237_全屏_图形的切换
• _238_全屏_esc退出的bug解决
• _239_什么是打包_打包后产物
• _240_打包_产生性能分析报告
• _241_打包_预览服务的使用_以及跨域问题的区分
• _242_publicPath和路径讲解
• _243_优化方案1_路由懒加载
• _244_优化方案2_减少dist包体积_使用cdn流量加速
• _245_优化方案2_排除第三方包_不让打包进dist内
• _246_优化方案2_cdn概念讲解
• _247_优化方案2_cdn链接通过webpack注入index.ht
• _248_打包后_跨域问题的分析_尝试解决方案1
• _249_打包后_跨域问题解决2
• _250_打包后_如果用history模式路由_要让后端服务器代码支持
• _251_部署到线上服务器中_让所有人可以访问我们的
• Vue2_人力资源管理系统项目_中(2022年最新-超清版)
• _101_组织架构_树形数据处理完毕
• _102_组织架构_添加子部门_弹窗准备
• _103_组织架构_添加子部门_dialog关闭的方式和sync语法糖复
• _104_组织架构_添加子部门_sync的自我使用_确定和取消按钮关闭弹
• _105_组织架构_添加子部门_弹窗隐藏3种方式问题处理和关闭
• _106_组织架构_添加子部门_弹窗里表单准备
• _107_组织架构_添加子部门_表单负责人列表铺设
• _108_组织架构_添加子部门_调用后台接口实现完整功能
• _109_组织架构_编辑部门_2种方式做数据回显
• _110_组织架构_编辑部门_保存数据_暂时无声可以看直播回访
• _111_组织架构_删除部门_实现功能_暂时无声可以看直播回访
• _112_组织架构_删除部门选项优化
• _113_组织架构_头部_添加子部门实现
• _114_组织架构_表单清空
• _115_组织架构_表单清空_潜在的问题分析_拷贝对象
• _116_组织架构_表单基础校验
• _117_组织架构_自定义校验_准备部门列表传入数据
• _118_组织架构_新增部门_code编码不能和所有人相同校验
• _119_组织架构_编辑部门_code编码和除了自己其他所有做判断
• _120_组织架构_新增部门_name和同级子部门不能重复
• _121_组织架构_编辑部门_name做非重校验
• _122_角色管理_页面搭建
• _123_角色管理_角色列表数据请求和铺设
• _124_角色管理_公司信息回填
• _125_角色管理_新增角色_弹窗准备
• _126_角色管理_新增角色_功能完成
• _127_角色管理_编辑角色_数据回显
• _128_角色管理_公司ID为undefined问题_以及解决
• _129_角色管理_编辑角色_调用接口完成
• _130_角色管理_分页实现
• _131_角色管理_删除角色
• _132_角色管理_删除最后一页最后一条的bug修复
• _133_角色管理_清空表单
• _134_员工管理_头部工具栏的_封装和局部注册
• _135_员工管理_头部工具栏的_全局注册
• _136_员工管理_头部工具栏的_use插件封装
• _137_员工管理_列表_标签准备
• _138_员工管理_列表_数据获取
• _139_员工管理_列表_数据铺设
• _140_员工管理_列表_聘用形式列_自定义内容
• _141_员工管理_列表_聘用形式列_单独函数处理做兜底判断
• _142_员工管理_列表_时间处理
• _143_员工管理_列表_工号排序_字符串比较问题_列自定义排序使用
• _144_员工管理_列表_时间处理_dayjs使用
• _145_员工管理_添加员工_弹框准备和显示隐藏
• _146_员工管理_添加员工_表单校验
• _147_员工管理_添加员工_聘用形式列表铺设
• _148_员工管理_添加员工_表单里部门列表
• _149_员工管理_添加员工_部门树形控件出现
• _150_员工管理_添加员工_点击部门填充输入框
• _151_员工管理_添加员工_部门输入屏蔽
• _152_员工管理_添加员工_功能完成
• _153_员工管理_添加员工_置空表单
• _154_员工管理_Excel导入方案_查找和excel导入页面准备
• _155_员工管理_Excel导入页面_代码分析
• _156_员工管理_Excel导入_数据的处理
• _157_员工管理_Excel导入_把数据发给后台
• _158_员工管理_Excel导入_时间处理
• _159_员工管理_Excel导出_方案分析
• _160_员工管理_Excel导出_从模板里找到后转接到自己
• _161_员工管理_Excel导出_值的初次尝试
• _162_员工管理_Excel导出_值的顺序对应上了
• _163_员工管理_Excel导出_聘用形式的处理
• _164_员工管理_Excel导出_所有数据导出
• _165_员工管理_查看详情_页面准备并跳转传参
• _166_员工管理_3个子页面标签
• _167_员工管理_登录用户设置_标签和数据回显
• _168_员工管理_登录用户设置_更新账号和密码
• _169_员工管理_个人详情_标签和数据回显
• _170_员工管理_个人详情_聘用形式数据回显解决
• _171_员工管理_个人详情_聘用形式的处理
• _172_员工管理_个人详情_保存更新信息
• _173_员工管理_个人信息_日期选择问题处理
• _174_员工管理_详情_图片存储方案介绍
• _175_员工管理_详情_图片存储_腾讯云对象存储桶创建
• _176_员工管理_详情_图片存储_腾讯云cors和秘钥准备
• _177_员工管理_详情_上传头像组件_二次封装和使用
• _178_员工管理_详情_upload组件阅读
• _179_员工管理_详情_upload组件js的阅读
• _180_员工管理_腾讯云上传方式文档查找
• _181_员工管理_腾讯云_上传图片配合upload自定义上传使用_上
• _182_员工管理_腾讯云图片地址_显示到upload组件上
• _183_员工管理_保存头像给此员工
• _184_员工管理_个人详情_头像回显
• _185_员工管理_个人详情_头像进度条准备_显示和隐藏
• _186_员工管理_个人详情_头像进度百度比设置
• _187_员工管理_列表_头像显示
• _188_员工管理_图片加载失败的处理_封装全局图片组件
• _189_权限管理_RBAC概念介绍
• _190_角色分配_弹框准备_显示和隐藏
• _191_角色分配_角色复选框的循环铺设
• _192_角色分配_数据回显_复选框的默认选中
• _193_角色分配_保存最新角色
• _194_权限点_介绍和说明
• _195_权限点_静态标签和接口准备
• _196_权限点_所有数据获取并铺设到表格里
• _197_权限点_表格里支持tree形的显示
• _198_权限点_页面级别有添加按钮_其他的无
• _199_权限点_添加弹框准备_出现和隐藏
• _200_权限点_添加权限点_准备工作_拿到type和pid值