学习指南
🌟 从 HTML+CSS+JavaScript 到 Web 浏览器-用户的体验-各种工具框架与测试-服务端网页编程--->😊 前端开发的学习路径 😊：https://developer.mozilla.org/zh-CN/docs/Learn/HTML
一个专门收集热门开发框架案例的网站，收集了包含 Vue，React，PHP 在内的，各种有创意的项目和插件：https://madewith.cn/
前端技术排名网站：https://risingstars.js.org/2022/zh
学习资源
编程导航：https://www.code-nav.cn 这是一个包含了各种编程语言和技术的导航网站，你可以在这里找到你想要的前端学习资源。
freeCodecamp：https://learn.freecodecamp.one/ ，这是一个在线编程学习平台，你可以在这里学习 HTML，CSS，JavaScript，Vue.js，React 等前端技术，并完成一些实战项目。
菜鸟教程：https://www.runoob.com/vue2/vue-tutorial.html，这是一个提供了各种编程教程的网站，你可以在这里学习 Vue.js 的基础和进阶知识，并查看一些实例代码。
w3school：https://www.w3school.com.cn/，这是一个提供了完整的网站技术参考手册的网站，你可以在这里查看 HTML，CSS，XML，JavaScript，PHP，SQL 等技术的语法和用法，并使用在线实例测试工具进行练习。
各种编程语言和工具的速查表
各种编程语言和工具的速查表，带有源码仓库：https://wangchujiang.com/reference/
程序员问题搜索引擎
phind：https://phind.com/
- 一个专门为程序员开发的搜索引擎，可以用自然语言输入你的问题，比如"PHP 的 hello world 示例"，它会直接给出答案。
开发人员文档速查：https://quickref.cn/
- 一些备忘清单和快速参考
百度开发者搜索引擎：https://kaifa.baidu.com/
- 专为程序员开发的，可搜索功能代码的实现，相关的 github 开源项目
搜索导航集成：https://www.zdzn.net/
Goobe：https://goobe.io/
- 一个好用的"程序员搜索"专门为程序员服务的互联网搜索引擎
yandex：https://yandex.com/
- 俄罗斯的版的百度，Yandex 是俄罗斯重要网络服务门户之一，值得一提的是，即使在没有“互联网围墙”的俄罗斯，Yandex 的市场份额已远超俄罗斯 Google，它也是欧洲第二大流行搜索引擎，推荐它是因为访问速度够快
秘迹搜索：http://mijisou.com
- 它是一款开源的搜索引擎，底层技术基于开源的搜索引擎 Searx。
- 没有 Cookie，守护用户搜索信息，不会根据搜索关键词追踪用户，也不会通过历史搜索内容做广告推荐。
- 聚合了 Bing、百度、360、搜狗等搜索结果
- 聚合了 300 多款搜索引擎
- 自定义双栏对比搜索结果
- 可以 google 搜索
找开源项目的一些途径
• https://github.com/trending/
• https://github.com/521xueweihan/HelloGitHub
• https://github.com/ruanyf/weekly
• https://www.zhihu.com/column/mm-fe
特殊的查找资源小技巧-常用前缀后缀
• 找百科大全 awesome xxx
• 找例子 xxx sample
• 找空项目架子 xxx starter / xxx boilerplate
• 找教程 xxx tutorial
在线代码编辑器（可随时查看效果）
在线编辑器：https://www.yuque.com/ruanyf/weekly/free-online-code-editor
StackBlitz：https://stackblitz.com/
Replit：https://replit.com/site/ide
codepen：https://codepen.io/
codesandbox：https://codesandbox.io/
码上掘金代码编辑器：https://code.juejin.cn/
随查工具书
阮一峰开源书籍《ES6 标准入门》：https://es6.ruanyifeng.com/
MDN 工具网址：专门查询 HTML 标签、CSS 属性和使用、JavaScript 的 API 方法和兼容性或者使用 等等 Web API
https://developer.mozilla.org/zh-CN/docs
MDN 工具书使用指南：http://web.h3399.cn/Howto-3.htm
MDN 的 Web 开发技术文档：https://developer.mozilla.org/zh-CN/docs/Web
腾讯云开发者文档(集合多个开发库或者语言文档)：https://cloud.tencent.com/developer/doc/1326
Web 开发
原生 JavaScript
React 开发
Vue 开发
Angular 开发
移动端开发
ReactNative
Weex
桌面应用开发
Electron 比如：VSCode
Tauri
小程序端开发
微信小程序
支付宝小程序
uniapp
taro
后端开发
Node 环境后端开发
比如 express、koa、egg.js
大前端前端行业的机遇和挑战
页面设计 => UI 工程师 => 图形相关/算法相关
后台开发 => DBA/Nodejs 工程师/Python/Java
产品需求 => 产品经理 => 项目经理
测试自动化 => 测试工程师/AI 工程师 => 性能/多端 Andriod/iOS
全栈开发 => 架构师 => CTO
vitePress 写作
vitepress 框架的 markdown 写作相关文档：https://vitepress.vuejs.org/guide/markdown
绿色成功
绿色的 Tip
黄色警告
黄色的 Tip
红色危险
红色的 Tip
灰色
灰色的 Tip
点击我查看代码
详细信息块
console.log("Hello, VitePress!");