一、引言
不知道大家之前想要学习一门技术一般通过什么手段,在大模型出现之前我的学习手段无外乎有下面两种,第一种就是看书,看官方文档,第二种则是看各种教学视频。
当初学习vue2的时候就是对照着B站视频学习了一遍,随后便投入了实战代码开发,视频里讲解了很多ES6的语法和这是Vue官方文档不会涉及的,所以说看高质量的学习视频去学习某项技术的时候可以更全面的去了解这门技能,但是看教学视频存在一个比较大的问题就是,节奏太拖沓,应该有不少读者和我一样看教学视频都开着2倍速播放的吧。
作为一名5年的后端开发,对于前端的技术一直就是半废弃状态,对于Vue2的学习也是两年前,最近接到项目需要做一个内部使用的后台管理系统希望使用vue3,对于vue3一无所知甚至对于TypeScript也不甚了解的情况下,怎么快速把丢掉的前端技术拿起来快速进入开发就是摆在我面前的一个紧迫问题。
本文介绍一种学习方案就是利用字节的“豆包”大模型来快速找回一个服务端开发人员的“曾经有点模糊的前端技能树”
二、第一步,打开官方文档,借助大模型来学习官方文档
首先我们打开vue3的官网:cn.vuejs.org/guide/essen… 首先我们需要把基础部分的知识找回来。我们用豆包提供的客户端直接输入上面的网址
这时候 我们先自己看一遍文档,很快我就有个第一个疑问 感觉vue3的写法和vue2的写法完全不一样,compute 和data 这些配置咋没了 组合式和选项式的区别到底是啥?为啥要用组合式写法?
于是直接在右边的对话框进行提问
这里面我又不太懂什么叫做setup函数 于是继续追问,等我搞懂了所有问题之后我再让大模型给我生成一份笔记,比如我询问大模型pina到底怎么使用之后我就可以让大模型直接给我生成一份笔记,然后转手往语雀或者有道云笔记上面一贴,自己再稍微加点自己的想法进去就是一份自己的知识库了。可以发现豆包生成的笔记不光有理论还有代码示例确实可以说是比较详细了
三、借助开源仓库写demo
光看官网还不行,还得去实际下场写代码,这时候是不是要从0开始一步步敲代码呢?当然不是,我们首先打开github仓库,搜一搜vue3.0学习,结果很多demo,然后咱们直接把这些代码拿到本地直接一个个去修改代码尝试和验证笔记和官网中的内容。
比如我想学习watchEffect函数,直接定位到这里的代码,下载到本地后直接让大模型解释代码。
通过这些手段很快的我们就可以对一些基础内容进行了解,从而快速上手开发;
此外豆包的客户端对于阅读英文网页,也非常实用,可以直接一键翻译一键总结,基于网页上下文提问,这些东西对于想快速了解一种新技术,特别是没有中文文档,需要死磕英文的场景下还是很有帮助的
总体来说,对于一门自己曾经有点熟悉但是现在已经有点忘记的知识点来说快速追回这些失去的记忆,利用大模型可能是一种好用的解决方案,但是如果想系统的去学习一门技术,还是得沉下心去仔细的看学习视频听课看书。