本人后端老研发，想请教一下前端的快速上手学习路线！感谢！

[dearzhzhao]

本人在刚开始工作前两年时，搞过前端的开发工作，当时更多的还是直接使用 Html + CSS + JQuery ，现在转眼间已经有 5 年没碰过前端了，一直专注于后端的研发工作。

最近忽然想没事的时候开发个自己的 Web 网站，于是乎问题就来了，我是重新从 Html + CSS + JQuery 这一套入手呢，还是根据现在一直比较火的 Vue 来开发网站界面呢？

主要考虑两个问题：

1 、较低的学习成本就可以快速上手（ HTML 这一套玩法虽然对我来说上手难度较低，但是用 HTML 开发真的感觉好慢啊）

2 、网站可以被搜索引擎检索（ HTML 直接开发的网站被检索没问题，但是听说 Vue 这种很不容易被检索？）

前端这块整体见识面并不广泛，所以除了上述提到的 Vue 之外，还有没有其它学习成本较低可快速上手的开发语言？欢迎多多推荐哈!

感谢各位 V 友！

[clf]

我比较推荐 Svelte ，我之前是用的 vue ，后续也会 react ，但在开发自己项目的时候，最轻松的还是 Svelte 。

当然缺点也相对明显，整体生态没另外两个那么多，但已经满足了大部分的需求了。

[gaocc]

@luvxy 那看后端选什么语言
java 的话先系统学 java 语言，基础一定是要扎实的，不然处理问题能力真的不会强。
然后学 mysal 数据库，这个简单过语法和用法就行。
然后 java 项目框架类，直接用 springboot ，框架类知识简单看官网文档就行，遇到就查，熟能生顺
数据处理用 mybatis ，同上，框架类知识简单看官网文档就行
然后网络相关，http ，nginx ，ip ，端口，云服务器这类知道是什么东西，在整个架构什么位置就行
现在基本就理顺了
前端项目 到 nignx 到 服务器 到 后端服务 到 springboot 到 mybatis 到 mysql
基础 web 差不多就够了，其它为了性能和安全，什么 redis ，集群，网关，数据库主从等个人项目差不多可以放放

[Dogtler]

快进到 css 劝退。
后端一生之敌

[catchecken]

@dearzhzhao 作为一个前端开发者。不得不说一句，前面几十个回答都有点玩笑的味道，没有认真回答。

我建议使用 jquery 就好了。不要使用 vue 、react 等现代前端框架。

[bxb100]

@Dogtler 我刚想说这个，框架 js ts 什么都贼容易上手，就 css ，切图，3d 着实难搞

[xsqfjys]

@catchecken
这是为什么呀

[DamonLin]

我最近也在学前端啊哈哈，就是撸一遍官方文档，然后 github 找 vue 的项目，自己模仿（ copy ）一遍，怎么调用组件等等哈哈

[AV1]

别学 jQuery ，现在学 jQuery 除了维护老项目，没有任何意义。
要么学用框架 React 、vue 开发，要么学直接用原生 Web/DOM API 开发，而不是 jQuery 这个不上不下的。

[terranboy]

@yunyuyuan 写博客能看出啥来 useFetch 问题多了 深度使用了再说吧

[gowk]

Alpine.js + htmx

[nonduality]

推荐 Alpine ，简单，差不多介于 jquery 和 vue 、react 这类框架之间。

[yunyuyuan]

@terranboy #49 所以问题呢？

[herorahmanhero86]

别听他们吹牛逼：说什么 3-5 天快速上手 vue ，那都是扯淡的，有那本事怎么不去上天，在这里找什么存在感！
vue/react 本质上需要的是 ES6 基础，这个才是关键。
我个人偏向 react ，因为 jsx 写起来比较舒服，不像 vue 那么多死板规矩，记起来很烦。当然了: react 的 redux 的学习曲线，相对比较陡峭，毕竟 react 偏向于函数式编程，更偏重于设计思想。 在数据流管理方面，vuex 要比 redux 更容易掌握，vue 感觉更偏向于工程实践。
总之 vue,react 各有优缺点，看你怎么选了。

[haha512]

如果 seo 比较重要的话，首选还是 html+css+jquery 这套，vue react 等虽好，但 seo 确实是问题，即便通过 ssr 费劲巴拉的搞了，效果比传统这套还是差很多。

新技术 不是万能药，合适的才是最好的

[xiangyuecn]

如果能利用上对应的生态支持，用 vue 来写会很快。

没有生态支持，比如特殊定制的功能（完全依赖不到现有 vue 支持的任何东西），很多时候原生 js 手撸开发速度完全可以干翻 vue 。

✅复杂页面：vue+生态
✅简单页面：手撸原生 js ❌vue
✅某些功能：手撸原生 js ❌vue

jQuery 目前的作用不大，一个 document.querySelector 就能取代平常用到的 jQuery 的大部分功能

[terranboy]

@yunyuyuan 看一下 issue 里有多少关于 useFetch 的

[dagger8224]

如果是自己快速搭建网站的话可以考虑下 https://daggerjs.org ，上手难度远低于主流框架。

[bxtx999]

svelte

[terranboy]

没学过 react vue 的建议学 react ， 首先 react 学会了 vue3 很快就会了， 其次 下一波即将流行的 streaming ssr, react server component 概念都是 react 提出的 ,vue 只有跟随的份

[KnightYoung]

https://roadmap.sh/
看这个吧，应有尽有。