20.总结回顾

龙华军

于 2023-05-07 22:43:54 发布

阅读量74

点赞数

分类专栏： JavaScript 文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_34820433/article/details/130549460

版权

JavaScript 专栏收录该内容

51 篇文章

订阅专栏

本文概述了Vue3.x的基础部分，包括核心语法、脚手架和状态管理工具。建议在学习过程中结合案例实践，逐步掌握常用API，并通过查阅手册了解不常用知识。后续课程将涉及实战、微实战和UI组件的学习，对于开发者而言，深入源码研究和面试题练习也是提升的重要途径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习要点：

1. 总结回顾

本节课我们来要了解一下 Vue3.x 中的总结回顾；

一．总结回顾

1. Vue3.x 基础部分一共除了三门：

(1) . 核心篇 -- 主要讲解基础语法；

(2) . 工具篇 -- 主要讲解脚手架、路由、状态管理等插件；

(3) . 新特性篇 -- 主要讲解组合式 API 的开发方式；

2. 是否需要把 API 一个个捋过去？

(1) . 我个人建议先学完常用的之后，做多案例，手册来回查的学习模式；

(2) . 比如学习项目实战课程，或者下载源码阅读学习，生僻的知识插 API 手册；

3. 后续相关课程计划；

(1) . 实战课程，微实战课程，以及相关插件、组件、 UI 的课程；

(2) . 对于一线的同学，慢慢抠源码刷面试题吧。网上源码分析或面试题的课程也有不少；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

龙华军

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

参与评论您还未登录，请先登录后发表或查看评论

博客

23.Laravel集合的常用方法

05-24

854

collection = collect(['name'=>'Mr.Lee', 'gender'=>'男']);PS：相关的还有 every()、except()、only()、firstWhere()、last()等方法；$collection = collect([['男'=>1], ['女'=>1], ['男'=>3]]);'details'=>['gender'=>'男', 'age'=>100]]);['name'=>'Mr.Lee', 'gender'=>'男'],

博客

22.Laravel集合的使用

05-24

722

处理数据集合的方法，可链式调用；7. 如果三十多个方法都没有你要的，还可以自定义方法，比如说所有英文大写；6. 这里我们把最常用的演示一遍，剩下的所有，可以自行参考手册方法列表；4. 除了数据库对象返回的数据集合之外，我们还可以自行创建数据集合；PS：下一节，我们会花一节课，把最常用的方法再运行一遍加深印象；2. 比如，我们从数据库得到的数据列表，它就是一种集合；3. 数据集合，提供了大量的方法方便我们进行各种操作；本节课我们来开始学习数据集合的创建和使用方法。//创建一个数据集合。

博客

21.模型的访问器和修改器

05-18

661

3. 可以设置字段输出的类型，比如设置一个布尔型，输出时就是 true 和 false；PS：注意，如果 gender 之前已经有访问器修改过，上面的方法会得到修改过的结果；3. 我们也可以创建一个虚拟字段，用已有的数据字段进行整合，不过要进行数据追加；//访问器，前固定 get，后固定 Attribute，Gender 是字段名。2. 比如，我们在输出性别时，在性别左右加上括号，或给邮件转换为大写；1. 修改器，相对于访问器，是在写入的时候拦截，进行修改再写入；//修改器，写入数据时，将邮箱转换为大写。

博客

20.模型的作用域

05-18

479

PS：我们可以将性别为男这个片段，封装成一个单独的方法，然后统一在这个模型下调用；PS：而在控制器端，并不需要做任何设置，即可自动添加 status=1 的条件；6. 当然，如果这个全局只是针对某个模块，并不需要创建一个全局类，直接闭包即可；5. 上面的方法比较死板，适合简单粗暴，如果想要灵活多变，支持传递参数；2. 而这个条件，可能只是在这个模型对应的数据表使用，别的表并不使用；5. 此时，还不能实现全局，因为需要在模型设置个开关，让其富有灵活性；

博客

19.批量赋值和软删除

05-17

791

11. 如果开启了软删除，还需要强行真实的永久删除，可以使用 forceDelete()方法；5. 当开启了软删除功能，之前的删除操作，都会变成更新操作，给 deleted_at 赋值；9. 如果要对这个数据进行软删除的判断，是否是被软删除的，可以使用 trashed()；6. 而当我们开启了软删除的功能后，此时通过正常的数据获取列表，会自动隐藏；1. 什么叫软删除？它相对于真实的删除，而并非真正的删除，只是隐藏了；//获取某个被软删除的数据(即使不是软删除的也可以搜索到)

博客

18.模型的增删改

05-16

389

1. 新增方法如下，注意：默认模型接管 created_at 和 updated_at；6. 如果你是通过主键 id 删除，那使用 destroy(id)方法，免去查询操作；PS：必须在模型中定义批量赋值的可填充字段，否则无法生效；防止用户不小心设置新值；4. 使用 create()方法实现新增，但需要在模型端设置批量赋值的许可；2. 更新，只要是查找到一条数据的情况下使用 save()就是更新；本节课我们来开始学习数据库的模型的增删改的操作。5. 使用 delete()方法，可以删除数据；

博客

17.模型的定义

05-16

472

12. 默认读取 database.php 配置的数据库连接，也可以在模型端局部更改；3. 而调用的时候，我们也知道表名要遵循它默认规则，修改为复数，或特定；1. 之前在查询构造器部分，把常用的数据库操作基本讲完，模型大体相同；4. 虽然安装了插件，但模型还是没有代码提示，可以通过安装插件解决；5. 其它查询方法基本和查询构造器一样，如果有不一样，参考错误提示；4. 系统假定你的主键为 id，如果你要修改默认主键，可以特定；2. 比如，我们要查询所有数据，直接使用模型::all()即可；

博客

16.构造器的增删改

05-15

486

'username'=>'李黑', 'password'=>'654321', 'details'=>'123']7. 更新数据时，可以使用自增 increment()和自减 decrement()方法；5. 使用 updateOrInsert()方法，可以先进行查找修改，如不存在，则新增；2. 使用 insertOrIgnore()方法，可以忽略重复插入数据的错误；3. 使用 insertGetId()方法，获取新增后的自增 ID；//参数 2：修改的内容(新增的内容)//忽略重复新增数据的错误。

博客

17.模型的定义

05-15

461

博客

15.构造器的 join 查询

05-14

431

3. 使用 crossjoin 交叉连接查询，会生成笛卡尔积，再用 distinct()取消重复；4. 如果你想要实现闭包查询，和 where 类似，只不过要用 on 和 orOn 方法；1. 使用 join 实现内联接的多表查询，比如三张表进行 inner join 查询；6. 使用 union()或 unionAll()方法实现两个查询的合并操作；PS：on()方法后面如果想要再增加筛选条件，可以追加 where()；5. 使用 joinSub 实现子连接查询，将对应的内容合并在一起输出；

博客

14.构造器的排序分组.子查询

05-14

312

/whereRaw 这句也可以替代为：whereColumn('books.user_id','users.id');//支持符号支持数组多个字段格式['create_time','>', 'update_time']5. 使用 skip()和 take()限制结果集，或使用 offset()和 limit()；2. 也可以使用 where(字段,function())闭包，来实现一个子查询；//支持符号'create_time','>', 'update_time'

博客

13.构造器的 where 派生查询

05-13

642

PS：三个参数支持大于小于之类的操作 orWhereDate('create_time','>', '2018-12-11')PS：这里还支持相关四种：whereYear/whereMonth/whereDay/whereTime，支持 or 前缀；->where('username', 'like', '%小%');//where() + orWhere 实现 or 条件查询。$query->where('gender', '女')->orWhere('gender', '女')

博客

12.构造器的查询表达式

05-13

1022

users = DB::table('users')->where('username', 'like', '%小%')->get();3. DB::raw()方法可以在 select()内部实现原生表达式，否则解析错误；2. addSelect()方法，可以在你基础的查询构造器上再增加想要显示的字段；//如果条件都是等于，查看 SQL 语句用->toSql()替换->get()1. where()查询，即条件查询，完整形式需要字段表达式和值三个；['gender', '=', '男']

博客

11.构造器的查询.分块.聚合

05-12

1004

2. 构造器查询提供了：count()、max()、min()、avg()和 sum()聚合查询；3. 构造器查询两个判断记录是否存在的方法：exists()和 doesntexists()方法；1. table()方法引入相应的表，get()方法可以查询当前表的所有数据；3. value(字段名)方法，可以获取到第一条数据的指定字段的值；4. find(id)方法，可以获取指定 id 的一条数据；2. first()方法，可以获取到第一条数据；//切割分块执行，每次读取 3 条，id 排序；

博客

10.数据库配置入门

05-12

1322

11. 前缀可以在 database.php 修改添加：laravel_，最终变为：laravel_users；2. 数据库的配置在 config/database.php，如果是本地可以直接配置.env 文件；//这种写法去掉了外围的数组下标 0。13. 可能会加 es，可能会加 ies，也可能是 child 编程 children 之类的；8. 使用 Eloquent ORM 模型来操作数据库，使用命令在 Http 目录下创建模型；10. 而我们真实的数据库表为：laravel_user，为何会这样？

博客

09.表单伪造和 CSRF 保护

05-11

638

3. 表单页以 post 发送，路由也使用 post 接受，以下表单提交会出现 419 错误；2. 先在 TaskController 创建两个方法，一个表单页，一个接受表单数据路由；5. 表单可以实现 POST 提交方式，那其它提交方式该如何实现呢？4. 这是为了避免被跨站请求伪造攻击，框架提供了 CSRF 令牌保护，请求时验证；用户名：本节课我们来开始学习表单伪造和 CSRF 保护的功能。

博客

08.资源嵌套.浅嵌套.自定义

05-11

537

return '编辑博文下的评论，博文 id：'.$blog_id.'，评论 id：'.$comment_id;7. 而实际上，每个 id 都是独立唯一的，并不需要父 id 和子 id 同时存在；8. 为了优化资源嵌套，通过路由方法->shallow()实现浅层嵌套方法；2. 比如开发过博客系统，留言帖子系统之类，具有类似思维，否则你懂的..；本节课我们来开始学习控制器的资源嵌套功能、浅嵌套以及资源自定义。5. 以上需求，可以通过嵌套资源路由来实现这个功能；return '评论 id.'.$id;

博客

07.资源控制器

05-10

938

PUT/PATCH blogs/{blog} update() blogs.update 从编辑页中接受处理。http://localhost:8000/blogs/10/edit //可以访问到 edit 方法。GET blogs/create create() blogs.create 创建页面(表单页)GET blogs/{blog}/edit edit() blogs.edit 编辑(表单页)//API 资源，并不需要 HTML 页面(create,edit)，会排除。

博客

06. 响应设置和重定向

05-10

987

/跳转到 task/url。

博客

05.回退.当前路由.单行为

05-09

902

因为继承基类后，可以使用基类的方法，比如中间件等；4. 如果你想要定义一个只执行一个方法的控制器，可以使用单行为控制器；本节课我们来开始学习路由和控制器的一些方法：回退、当前路由、单行为；1. 之前的课程，我们简单的创建和定义了控制器，并继承了控制器基类；6. 单行为控制器，路由定义就不需要指定特定的方法，指定控制器即可；7. 单行为控制器只是语义上的单行为，并没有限制创建更多方法访问；2. 可以使用回退路由，让不存在的路由自动跳转到你指定的页面去；//返回当前路由指向的方法。//返回当前路由的名称。