【学习方法】前端如何学习?

学习思路

参考链接: https://mp.weixin.qq.com/s/VR3vz-hdFVS_M6Rz9uuSQw
2个核心: 1是多写代码 2是多看官方文档 养成看英文文档的习惯

推荐工具

写代码工具: vscode (但是我更喜欢用idea 因为操作上idea更友好)
访问github的科学工具: clash
浏览器插件:

• 沉浸式翻译: 可以实时把浏览器页面中的每一行英文翻译成中文
• Wetab: 不用翻墙并且能免费问chatgpt问题

查单词以及截图翻译软件: 网易有道词典

官方文档

html css js -> 看mdn https://developer.mozilla.org/zh-CN/
vue -> 看vue官网 注意选择版本 vue2 https://v2.cn.vuejs.org/ vue3 https://cn.vuejs.org/
react -> 看react官网 https://zh-hans.react.dev/learn
UI组件 -> 看UI组件官网 比如elementUI https://element.eleme.cn/#/zh-CN/component/layout
其他常用js库 -> 到npm官网https://www.npmjs.com/搜js库的名字 然后找到对应的官网链接和github地址 到官网看文档 没有文档就看github源码或issue 比如 dayjs
看文章学习网站: 掘金: https://juejin.cn/
找项目学习网站: github: https://github.com/

mdn是遇到不会的api去查一下用法 和 兼容性
vue和react的官网文档建议过3遍以上 文档中的代码都要自己手敲看到效果搞懂 加深印象
UI组件和js库的文档 基本上都是用到了 才去看 如果没有用到 平时可以简单过一遍 不用细看 也不需要背记 有个印象就行

写项目

一些小的case 比如在看mdn官网 掘金文章时 能看到很多小demo 可以先把demo看懂 然后自己手写复现一遍 搞懂
一些大的项目 比如前端常见的项目:后台管理系统 可视化 小程序 app 电脑桌面端 等 可以去github上找一个star最多并且有文档 issue多的 拉下来运行跑起来 然后去看 去重写 学习一遍 就是自己的项目了
自己在工作中做过的项目 一定要掌握整体架构思路和项目难点