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

1. Vue 是最低的因为你可以选择只学想用的也比较贴近 HTML+JS 。不像 React ，一套一套的，但你要是搞得明白其中的逻辑也挺容易的（比如最新的 hook ，让 state management 省心不少，不需要第三方，但原理有点复杂）

2. 考虑搜索引擎的话，其实没框架什么事（ React ，Vue 什么的），主要是看渲染方案。原生框架主要是做一页式程序（ Single Page Application, SPA ）。爬虫的资源很少，所以只会爬取在限定时间内加载的东西，SPA 通常都是在客户端加载（ Client Side Rendering ，CSR ），所以爬虫可能还没加载完就走了，但可以局部静态（把重要的內容先 hardcore 到页面）或使用预加载（服务器加载 Server Side Rendering ，SSR ）来解决。

如果是部落格不用搞那么复杂，建议用静态渲染的方案（ Static Site Generator ，SSG)，Vue 有 NuxtJS, VuePress ，等等。渲染出来的就是一堆静态的 HTML+CSS+JS ，直接挂服务器就可以了，不像 SPA ，需要运行环境。SSG 的缺点就是每次写新的文章都必须 Build 和 Deploy 一次，当然可以靠 Github Action 或其他方案来实现自动化。然后另一个优缺点（？）就是根本不需要后端 哈哈。

其实更直接一点用 Vanilla HTML+CSS+JS 先搭建在慢慢优化，到时候就明白为什么要用 SSG SSR CSR

https://www.freecodecamp.org 让全球无数人学会前端。

五年老 java 表示现在好像直接冲 vue3+antd 就行了，普通中小公司还是 vue 用的广啊。

（话说下份工作我一定找个一点前端都不写的）

本人老客户端，求楼主推荐后端学习路线。。

@alphardex 你这是⭕️退 OP 啊

同为后端，上手推荐 angular/react ，不推荐 vue ，因为 vue 跟后端固有思维不太符合。

都在玩你呢，建议学 react

我也是后端，之前学过 vue ，确实很简单，一周差不多了，再找个 vue 的简单项目，简单看下就差不多了

@alphardex 人家只是单纯想写个页面

@MEIerer 并不是，OP 完全可以无视我的意见听取大多数人学“后端式”的前端，当然如果真正想学前端的话，CSS 和 WebGL 是必经之路:)

VUE 为后端准备的前端！

这些年来，浏览器上出了大量新的 API ，jQuery 的绝大部分功能都可以用原生 API 替代了，你可以搜一下 You might not need jQuery ，了解了这些 API 之后，有些时候不用任何框架直接手撸页面也挺方便的了。

前端知识和后端知识有个不同的地方，后端通常比较成体系，而前端知识比较分散，在我个人看来没啥捷径，只能把所有的文档（推荐在 MDN ）看一遍，很多时候解决问题的关键信息就在文档的一些边边角角里。

用框架的网站 SEO 有问题通常是因为页面是前端渲染的，搜索引擎抓下来的 HTML 里面没有有用的信息，只有在浏览器里加载运行 JS 才会渲染出来，这块可以看一下 Server-side rendering (SSR)。

求快的话，可以找一些现成的网站系统代码拿来改，或者找些大而全的脚手架再自己往里面填内容。

@gdrk #33
https://www.imooc.com/learn/933 慕课网的这个免费课还是不错的，基础的项目怎么运行、打包，分模块啥的都有了。

curd 的话，基本就是写 xml 拼接 sql(mybatis)，然后 dao 层调用，server 层调用 dao 层处理一些基础逻辑（分页啥的），然后 controller 写业务逻辑（接口），最后 aop 做一些统一的参数验证、加解密、日志记录啥的，filter 可以做登录鉴权之类的。

上面那些封层是我比较习惯这么写的，也可以不分，直接一把梭，具体公司的项目，还是看公司组内其他人怎么写或者原来的项目结构是啥就用啥。

数据库操作还有 jpa ，实际用起来和 mybatis 各有特点吧，jpa 个人觉得阅读性差，不好调试，但用 mybatis 的项目复杂了 xml 也看着头疼。

可以看看 freecodecamp.org ，有从浅入深的不错的前端学习线路，涵盖了前端的常用库和框架。

@alphardex 为啥这么说，css 我理解，webgl 是属于另一层了吧，gl 传统业务也用不上

@MEIerer 前端并不是只有传统业务，还有一种方向叫 creative coding ，多用于游戏、3D 、数据可视化等领域，如果不感兴趣也不能强求，老老实实学最基本的框架吧

前端快速上手项目集合 https://github.com/1r21

后端学习，建议 react ，react18 学会 useRef ，useState ，useEffect 就可以干活了，vue 的话还要学习很多语法糖

@alphardex 我当然知道，我是想说，OP 不是只想做个普通网站吗

SvelteKit

新教程没做完，有兴趣可以试试： https://learn.svelte.dev