返回主页

微信扫码登录

VUE.js 前端框架

1
VUE 入门

VueJS 2 框架入门

1小时56分钟

02:47

VueJS 2.* 最优秀的前端开发框架之一

05:26

VueJS 江湖规矩之 Hello World，数据双向绑定

05:03

VueJS2 如何使用条件判断进行工作

03:43

VueJS2 使用条件判断时的一个注意事项

06:51

如何更好的使用 VueJS 2 的循环输出

05:16

使用Index/key-value/property-value/count 进行循环输出

06:55

VueJS 2 事件之 Click 事件

02:53

VueJS 2 事件之Form Submit Event

06:28

Input 输入框的数据绑定

07:24

Input 数据绑定常见问题

03:42

Textarea数据绑定以及相关问题

03:41

Checkbox, Radio 的数据绑定

03:41

Dropdown Select 选择框的数据绑定

05:24

Attributes HTML标签元素属性的数据绑定

07:59

将Class 定义的样式绑定到HTML的标签

03:36

Inline Style 样式的数据绑定

05:51

Computed属性,Computed与methods的区别

03:08

如何避免数据的死亡缠绕

02:35

Computed Setter给Computed属性赋值

03:58

使用Wachter对数据进行监控

02:03

如何带样式的输出HTML

04:42

管道一样的 Filter 让代码更简洁

12:55

理解 VueJS 2 的生命周期

Vue CLI 4 构建工具

21分钟

13:25

大型翻车现场，没想到录视频遇到了 Vue CLI 4 最新版本

08:06

Vue CLI 4 构建的项目启动流程以及核心文件解析
2
VUE 渐进

VueJS Components 组件

1小时5分钟

02:51

组件-改变前端的大事件

07:47

全局组件的声明和使用

06:55

需要挂靠关系的局部组件

05:48

父组件向子组件传递数据

05:25

Props属性中变量命名注意事项

07:08

利用组件的过渡变量解决遗留问题

05:18

向子组件绑定动态数据

13:54

子组件向父组件发送消息

04:17

Props属性中数据的类型和默认值

06:17

组件群发消息-事件的广播和监听

VueJS Routing 路由

1小时38分钟

02:00

前端路由带来的大事件

07:32

路由系统初探

03:53

利用路由锚点标签访问路由

03:15

结合html history的历史模式

04:05

让路由系统更清爽的动态路由

02:19

为路由取个随你姓的名字吧

07:26

让我们对路由对象再多了解一点

03:39

如何利用路由系统优雅的实现返回功能

03:08

如何让页面与路由对象实现解耦

05:52

使用前缀把路由组织的更好

04:15

如何高亮当前访问的页面对应的锚点链接

02:21

前端404页面如何实现

03:29

单页应用的基础功能-页面跳转

02:59

使用redirect属性和replace方法进行页面跳转

11:12

让系统更加完善和安全的全局路由保护器

15:41

流程1-模拟向服务器请求数据

08:11

流程2-史上最丑加载提示界面

07:15

流程3-获取下一篇文章并动态刷新文章内容

VueX 状态管理

59分钟

10:02

折腾了三个小时才翻译制作好了 Vuex 的简介视频

03:51

Vuex 最核心的就是要掌握它的核心思想而非技术细节

08:12

创建 Vuex Store 并实现对 state 中数据的修改

08:38

getters - Vuex 中的计算属性让数据获取更加简洁高效

06:07

mapGetters - 使用 mapGetters 进一步简化和优化代码

07:43

Mutation - Vuex 数据修改的记账中心

06:07

Action - Vuex 中实现数据异步或延迟修改的地方

08:57

Action - 通过后台API请求数据并提交Mutation修改前端数据
3
VUE 前后分离

资源管理

1小时6分钟

03:02

实现头像上传并不是咱们真正的目标

03:03

头像上传必要的前期准备工作 — 项目创建

04:47

头像上传必要的前期准备工作 — 库表设计

04:35

使用 vue 制作头像上传组件

05:58

不要看到啥都觉得是新东西，技术的演进也是以啃老为先

06:29

vue 组件中使用 axios post 打通实现文件上传的整体逻辑

03:18

肚子疼来的太快就像龙卷风，Vue 组件的数据验证只讲了一半

07:15

vue 组件如何进行数据验证和错误处理 (2)

08:37

Vue组件中使用 axios 实现文件上传状态监控的进度条

08:49

如何在 Vue 头像组件中实现头像预览功能

08:05

终极一战：将图片资源设定为用户的头像并将资源归档

02:58

曾经有一份真挚的爱情摆在我面前，可惜我没有保存

Laravel API 接口开发 (Sanctum Vue)

1小时34分钟

05:22

Laravel API 接口开发（Sanctum）- SPA是开发者自嗨的春药、更是练手客户端开发的重要手段

08:39

Laravel API 接口开发（Sanctum）- 准备工作很重要，偷懒也要有技巧

06:04

Laravel API 接口开发（Sanctum）- 对导航栏进行大挪移，并且实现用户的登录界面

11:54

Laravel API 接口开发（Sanctum）- 别被官网推荐的 SPA 忽悠了，咱们有更重要的东西要学

12:17

Laravel API 接口开发（Sanctum）- 将用户的 token 信息保存到 Vuex 中

06:42

Laravel API 接口开发（Sanctum）- 使用 token 调用 user 接口获取当前用户的个人信息

05:52

Laravel API 接口开发（Sanctum）- 在导航栏完善用户登录的状态显示逻辑

04:41

Laravel API 接口开发（Sanctum）- 创建 Dashboard 页面和 user 用户详情页面以完善执行逻辑

05:41

Laravel API 接口开发（Sanctum）- 借助 localStorage 实现用户登录状态的维持

03:12

Laravel API 接口开发（Sanctum） - 解决刷新网页时发生的 ”布灵布灵” 闪灵问题

10:05

Laravel API 接口开发（Sanctum） - 实现用户登出功能时要根据业务进行必要的处理工作

04:32

Laravel API 接口开发（Sanctum） - 单页应用根据用户登录状态利用中间件对路由实施保护

09:14

Laravel API 接口开发（Sanctum）- 逻辑，逻辑，逻辑，在最不该的逻辑点翻了车

折腾了三个小时才翻译制作好了 Vuex 的简介视频

从本期视频开始我们学习一下Vuex状态管理，状态管理并不复杂，核心就是要建立跟踪机制，本期视频我用自己的观点结合官方的视频教程共同完成对Vuex的介绍，顺便大家也学习一下英文，多涨涨姿势