资源内容

51CTO-云原生开发Vue3、Vite、Pinia、Axios、HTML、JS、CSS入门到项目实战

课程内容

1_00云原生开发课程介绍_fix_code_jd.mp4

2_01课程大纲详解fix_code_1.3jq.mp4

3_02项目演示_1.3倍速.mp4

4_为什么要学这门课程.mp4

5_00程序开发通用思想内容介绍说明.mp4

6_01认识开发语言.mp4

7_02开发语言对比和擅长领域分析.mp4

8_03什么是解释型和编译型语言.mp4

9_04理解变量和常量.mp4

10_05理解数据类型.mp4

11_06理解数据结构.mp4

12_07数组的使用场景.mp4

13_08列表的使用场景.mp4

14_09对象的使用场景.mp4

15_10强类型和弱类型语言.mp4

16_11运算符分类.mp4

17_12数学、逻辑、比较运算符使用.mp4

18_13理解逻辑控制.mp4

19_14条件语句和循环语句使用场景.mp4

20_15理解函数.mp4

21_16代码开发规范的重要性.mp4

22_17代码开发命名规范.mp4

23_18代码开发注释规范.mp4

24_00程序开发代码管理内容介绍说明.mp4

25_01为什么需要代码管理.mp4

26_02主流代码仓库介绍.mp4

27_03GitBash安装及配置.mp4

28_04Git仓库管理.mp4

29_05Git命令详解.mp4

30_07Git分支管理.mp4

31_08Git版本管理.mp4

32_01VSCode的安装.mp4

33_02VSCode集成

开发工具包.mp4

34_03认识HTML.mp4

35_04HTML5基本结构.mp4

36_05HTML初体验.mp4

37_06HTML文本标签.mp4

38_07HTML有序和无序列表.mp4

39_08HTML描述列表.mp4

40_09HTML表格使用.mp4

41_10HTML表格行列标题.mp4

42_11HTML超链接-外部链接.mp4

43_12HTML内部链接和锚点链接.mp4

44_13HTML超链接特殊用法.mp4

45_14HTML图片标签img.mp4

46_15HTML表单标签form.mp4

47_16HTML输入框input.mp4

48_17HTML输入框input常用属性.mp4

49_18HTML容器标签div.mp4

50_19CSS初识.mp4

51_20CSS颜色和大小设置.mp4

52_21CSS位置和内外边距设置.mp4

53_22CSS边框设置.mp4

54_23CSS背景设置.mp4

55_24CSS内部样式表.mp4

56_25CSS外部导入样式表.mp4

57_26CSS类选择器.mp4

58_27CSSID选择器.mp4

59_28CSS后代选择器.mp4

60_29CSS子选择器.mp4

61_30CSS兄弟选择器.mp4

62_31CSS网页布局display.mp4

63_32CSS网页布局flex.mp4

64_33CSS网页布局-flex排列方向.mp4

65_34CSS网页布局-flex对齐方式.mp4

66_01什么是JavaScript.mp4

67_02JavaScript初体验.mp4

68_03JavaScript操作window.mp4

69_04JavaScript操作DOM.mp4

70_05JavaScript修改网页样式.mp4

71_06JavaScript实现元素的显示和隐藏.mp4

72_07JavaScript常用数据类型.mp4

73_08JavaScript定义变量和类型判断.mp4

74_09JavaScript对象和数组操作.mp4

75_10JavaScript数学运算符.mp4

76_11JavaScript比较运算符.mp4

77_12JavaScript逻辑运算符.mp4

78_13JavaScript流程控制if-else.mp4

79_14JavaScript流程控制switch.mp4

80_15JavaScript循环for和while.mp4

81_16JavaScript循环forEach.mp4

82_17JavaScript定义函数.mp4

83_18JavaScript箭头函数.mp4

84_01什么是Vue-hc.mp4

85_02为什么要使用Vue.mp4

86_03Vue初体验-实现计数器.mp4

87_04Vue应用程序原理.mp4

88_05Vue3和Vue2语法区别.mp4

89_06VueVite项目工程化.mp4

90_07Vue工程化项目详解_hc_jq.mp4

91_08Vuesetupref和reactive的区别.mp4

92_09Vue定义只读数据.mp4

93_10Vue指令v-on.mp4

94_11Vue指令v-model.mp4

95_12Vue指令v-model修饰符.mp4

96_13Vue指令v-show.mp4

97_14Vue指令v-if-else.mp4

98_15Vue指令v-for.mp4

99_16Vuecomputed和methods区别声音变大.mp4

100_17Vue使用watch监听数据变化.mp4

101_18Vuewatch多个数据变化.mp4

102_19Vuewatch对象项目.mp4

103_20Vue键盘修饰符.mp4

104_21Vue鼠标修饰符.mp4

105_01什么是Vue组件.mp4

106_02Vue自定义组件初体验.mp4

107_03Vue组件传值defineProps.mp4

108_04Vue组件传值可选配置.mp4

109_05Vue组件自定义校验.mp4

110_06Vue组件单向数据流.mp4

111_07Vue组件定义emit事件.mp4

112_08Vue组件emit事件传递参数.mp4

113_09Vue插槽Slot介绍与使用.mp4

114_10Vue具名插槽-命名插槽.mp4

115_11Vue共享数据的发布和订阅.mp4

116_12VueProvide和Inject发布和订阅数据.mp4

117_13Vue发布函数修改provide的数据.mp4

118_14Vue发布只读数据.mp4

119_15Vue生命周期了解.mp4

120_16Vue生命周期钩子函数使用.mp4

121_01什么是状态管理器Pinia.mp4

122_02Vue状态管理基本使用.mp4

123_03Vue状态管理全局数据修改.mp4

124_04Vue状态管理Actions传递参数.mp4

125_05Vue路由管理vuerouter介绍.mp4

126_06VueRouterHash和History.mp4

127_07VueRouterVite初体验.mp4

128_08VueRouterpush和replace.mp4

129_09VueRouter动态路由.mp4

130_10VueRouter通过js跳转路由.mp4

131_11VueRouter路由调整传递参数.mp4

132_12VueuseRouter和useRoute.mp4

133_13VueRouter路由懒加载.mp4

134_14VueRouter路由嵌套.mp4

135_15VueRouter路由全局守卫.mp4

136_16VueRouter路由独享守卫.mp4

137_17Axios

接口调用介绍.mp4

138_18Axios初体验-发送Get请求.mp4

139_19Axios添加请求参数.mp4

140_20Axios请求数据双向绑定.mp4

141_21Axios使用请求配置调用接口.mp4

142_22Axios创建和发送post类型的请求.mp4

143_23Axios接口超时配置.mp4

144_24Axios自定义请求头.mp4

145_25Axios定义全局配置.mp4

146_26Axios拦截器介绍.mp4

147_27Axios请求拦截器.mp4

148_28Axios响应拦截器.mp4

149_29Axios接口封装.mp4

150_30Axios接口封装测试.mp4

151_01脚手架项目及ElementPlus演示.mp4

152_02脚手架项目基本配置.mp4

153_03使用Git管理项目.mp4

154_04登录页-路由及登录框实现.mp4

155_05登录页-实现用户名密码和登录按钮.mp4

156_06登录页-实现输入框清空和密码显示功能.mp4

157_07登录页-实现用户登录输入校验.mp4

158_08登录页-根据校验结果设置登录的禁用状态.mp4

159_09登录逻辑-实现登录调用后台接口.mp4

160_10登录逻辑-接口地址和接口方法的封装.mp4

161_11登录逻辑-实现JWTToken的存储.mp4

162_12登录逻辑-实现请求头添加认证Token.mp4

163_13登录逻辑-判断登录状态是否已失效.mp4

164_14登录逻辑-实现首页路由并且登录后自动跳转.mp4

165_15登录逻辑-实现页面未登录的请求拦截.mp4

166_16登录逻辑-登录框样式调整.mp4

167_17Layout-实现layout的拆分.mp4

168_18Layout-实现网页的标准布局.mp4

169_19Layout-AsideLogo信息展示设计.mp4

170_20Layout-Logo点击跳转及样式修复.mp4

171_21Layout-Aside菜单实现.mp4

172_22Layout-自动生成菜单配置梳理.mp4

173_23Layout-实现菜单的自动生成.mp4

174_24Layout-使用iconfont定义菜单图标.mp4

175_25用户管理-实现用户管理的路由映射.mp4

176_26用户管理-实现菜单根据路由默认激活.mp4

177_27用户管理-el-table使用详情介绍.mp4

178_28用户管理-获取

数据并展示.mp4

179_29用户管理-自动获取用户列表及加载效果.mp4

180_30用户管理-实现删除功能和删除确认.mp4

181_31用户管理-添加用户弹窗功能实现.mp4

182_32用户管理-添加用户页面组件实现.mp4

183_33用户管理-表单一键清空功能实现.mp4

184_34用户管理-实现表单提交功能.mp4

185_35用户管理-实现表单的验证.mp4

186_36用户管理-实现删除后自动更新数据.mp4

187_37用户管理-实现添加数据后自动刷新列表.mp4

188_38用户管理-实现关闭弹窗自动刷新列表.mp4

189_39用户管理-实现编辑功能的组件.mp4

190_40用户管理-实现编辑功能接口调用及自动刷新.mp4

191_41用户管理-解决form表单无法清空的问题.mp4

192_42Header-实现Header功能的布局.mp4

193_43Header-实现用户退出的功能.mp4

194_44Header-使用pinia管理菜单的折叠状态.mp4

195_45Header-实现Aside的折叠功能.mp4

196_46Header-解决折叠卡顿的问题.mp4

197_47上线-vue多环境配置-不同环境不同配置.mp4

198_48上线-

代码部署上线流程.mp4

199_49上线-使用Docker容器部署前端Vue代码.mp4

200_50上线-使用K8s部署Vue前端代码.mp4

201_51脚手架项目总结.mp4