后端学前端的无力感

[kevinguoCN]

学习路线：
1.学习 vue3 + mitt + pinia + vue-router + vite
2.学习 promise,async await 的用法
3.学习 axios
4.学习 TS 的基本用法
然后尝试做了一些项目，发现遇到的问题特别多。
1. 前端开发遇到的各种版本问题，node 版本，vite 版本， 各种库的版本
2. vue2 和 vue3 的 api 的改变， 会导致网上一些教程不匹配
3. eslint 和 prretier 的一些配置问题
4. “@” 别名的设置 webstrom 不停的报错飘红
5. ts 的类型检查， 不停的类型提示飘红。
6. css 的一些难以发现的问题，文本框输入框的默认尺寸会导致浏览器样式问题。

[dcsuibian]

看起来你没有系统学过 js 啊，这样真的能看懂 vue 么

[abcbuzhiming]

1-5 这些问题都不是啥问题，基本都是你搜搜资料都能解决的，本质都没有超脱传统编程的套路。

真正的麻烦 CSS 你放在最后一个了，其实这才是前端的叹息之墙。虽然这东西看起来简单，大部分人也用不了高深的特性，但是这个玩意出问题的时候，你是没有办法用传统编程思维去解决的，这才是前端真正的“房间里的大象”，不可解的问题。

[abccccabc]

前端最讨厌的就是编译，搞的像后端一样。直接把我给劝退了。挺讨厌编译的。

想当初，在 512M 内存的机器上编译 php5.3 ，那真叫一个酸爽。

[zeromake]

有兴趣可以看看我这篇不使用任何打包方案的 preact 博文： https://blog.zeromake.com/pages/not-pack-tool-use-react/

[wu67]

直接把 ts 和 vue3 从你的计划里剔除，从 vue2 开始，你就会直接从困难模式降级到简单模式了

[BeautifulSoap]

我建议 lz 先学 js,ts 然后试着用 ts 配合一些框架开发下 node 后端联，这样正好就是你最熟悉的领域

等你这方面熟悉了再转前端会好点

[jiayouzl]

既然会后端就直接 Mvc 模式开发不香吗?vue3 就是前后端分离设计的,我都会但最后还是直接 Mvc 模式开发,效率杠杠的!

[Felldeadbird]

你遇到的问题都是 VUE 2 和 3 的版本过渡历史问题。这点和当年 py2 到 3 一样情况。但是我觉得 vue 比 py 严重好多。因为好多教程都是 2 的，然后语法会混杂在选项式和组合式，然后部分代码优势选项式。

1.我推荐你的开发路线：vue3 选项式 + route + axios 。 先把东西跑起来再说。遇到问题就问 AI 。

2. 我在使用 VUE 过程心得就是，组件化是 VUE 的核心，掌握组件的参数传递。你就已经掌握了 VUE 了。

3. vue route 的话，你写过 php laravle 或者 go gin 。你就明白了，这玩意就是定义路由，打开页面（组件）。APP.vue 作为入口，layout 加载你对应的路由页面。

4. axios 这玩意没啥好说的。你 jq 年代没用过$.ajax 这些吗？写法都是一样的。xhr 你会吧？ promise,async await 可以先忽略。axios 默认就是异步。等你需要 promise,async await ，你已经掌握了 axios 了。

5. css 问题，多练。less ，sass 这些随便学一个这两个玩意就是给你把 CSS 结构化。css 现在核心就是 flex 和 gird ，多写你就懂了。

[Felldeadbird]

再补充一点，去了解一下 vue 声明周期。 一个 vue 文件，常用就是 data, watch ,mounted ，和 method 。data 就是定义模板变量，watch 就是你遇到数据变化，页面没跟着变就需要考虑了。mounted 就是页面加载时，你要先把后端数据请求好。method 就是 页面所有逻辑的方法。

[aloxaf]

是这样的，学前端时最让我头疼的，一是各类工具和库都没有大一统，不知道究竟选哪个好；二是 css ，这个我是真的真是怕

后面放弃了，改用 flutter 了（先前学的是 react ），反正只是自己的业余爱好，有个能 work 的 GUI 就行。
不过白嫖 cf worker 的过程中渐渐发现 ts 确实挺香的，也试着在后端引入，终于是慢慢理清了这套工具链……

顺便吐槽一下，我个人认为上来就让初学者用模板创建项目真的不好。你这模板老手看不上，新手看了又一脸懵逼，就不能先用最少的依赖让项目跑起来，后面再教人引入其他依赖么。

[crackidz]

CSS 是绕不过的东西，但是 TailwindCSS 给了你一种很方便的使用方式，结合各种 LLM ，突然就变得很好用了，很多时候你只需要结合 AI 生成的代码调整一下就足够了。

至于 Vue 之类的玩意，如果你觉得学的很复杂，要么考虑一下 Vanilla js ？生态这玩意刚开始上手很复杂也很正常，前端娱乐圈是这样的。

使用了 VanillaJS 之后网上的很多资料就可以用了（毕竟几十年了），如果希望更加复杂的页面模块化设计，htmx 之类的框架可以很容易的和后端 HTML 引擎合作，你的工作模式会和原有的后端模式区别不大。等你更熟悉之后再往 Vue/React 之类的框架迁移也不晚。

[siweipancc]

……从 angular 过来 vue 的觉得这里缺那里也缺囧
最缺的还是官网的入门项目，hero 教程太经典了

[maxwellz]

@kevinguoCN #18
看不懂就说明你可能连 vue 和 js 的基础都还没有学会，建议过一遍 js 基础和 vue 的官方教程

[dingyaguang117]

走上坡路总是难的

[cookii]

坚持下去就会了，学东西不踩坑只有两种可能
1 太简单
2 没深入学进去

[wandererchenxyz]

主要学完前端，在已有项目里写东西没多大压力（有 UED ），让自己从头搭建一个前端项目，或者无 ued 开发，感觉整个人都不知道做啥了，蒙圈

[asuraa]

js 啥的都简单，我觉得最难的是 css

[sir283]

前端是这样抽象的，最好系统性学习一下，从头到尾那种，因为有一些坑很恶心，比如明明编译运行都没有任何错误，浏览器控制台里面也是没有任何错误，但是就是加载不出来数据或者页面，有可能是你字母拼错了，但是 ide 跟控制台也不会提示错误信息，这是非常坑的。我之前刚开始学，就遇到过这个问题，排查了一天，最后一个一个字母对照，才发现的。

[jqtmviyu]

我觉得前端学后端也挺无力的呀

特别是 java 的代码, 类套类, 套得头晕.

[hedwi]

后端学 angular 简单，另外就是 css 用 flex