后端学前端的无力感

131 天前
 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 的一些难以发现的问题,文本框输入框的默认尺寸会导致浏览器样式问题。
14330 次点击
所在节点    Vue.js
119 条回复
dcsuibian
131 天前
看起来你没有系统学过 js 啊,这样真的能看懂 vue 么
abcbuzhiming
131 天前
1-5 这些问题都不是啥问题,基本都是你搜搜资料都能解决的,本质都没有超脱传统编程的套路。

真正的麻烦 CSS 你放在最后一个了,其实这才是前端的叹息之墙。虽然这东西看起来简单,大部分人也用不了高深的特性,但是这个玩意出问题的时候,你是没有办法用传统编程思维去解决的,这才是前端真正的“房间里的大象”,不可解的问题。
abccccabc
131 天前
前端最讨厌的就是编译,搞的像后端一样。直接把我给劝退了。挺讨厌编译的。

想当初,在 512M 内存的机器上编译 php5.3 ,那真叫一个酸爽。
zeromake
131 天前
有兴趣可以看看我这篇不使用任何打包方案的 preact 博文: https://blog.zeromake.com/pages/not-pack-tool-use-react/
wu67
131 天前
直接把 ts 和 vue3 从你的计划里剔除,从 vue2 开始,你就会直接从困难模式降级到简单模式了
BeautifulSoap
131 天前
我建议 lz 先学 js,ts 然后试着用 ts 配合一些框架开发下 node 后端联,这样正好就是你最熟悉的领域

等你这方面熟悉了再转前端会好点
jiayouzl
131 天前
既然会后端就直接 Mvc 模式开发不香吗?vue3 就是前后端分离设计的,我都会但最后还是直接 Mvc 模式开发,效率杠杠的!
Felldeadbird
131 天前
你遇到的问题都是 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
131 天前
再补充一点,去了解一下 vue 声明周期。 一个 vue 文件,常用就是 data, watch ,mounted ,和 method 。data 就是定义模板变量,watch 就是你遇到数据变化,页面没跟着变就需要考虑了。mounted 就是页面加载时,你要先把后端数据请求好。method 就是 页面所有逻辑的方法。
aloxaf
131 天前
是这样的,学前端时最让我头疼的,一是各类工具和库都没有大一统,不知道究竟选哪个好;二是 css ,这个我是真的真是怕

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

顺便吐槽一下,我个人认为上来就让初学者用模板创建项目真的不好。你这模板老手看不上,新手看了又一脸懵逼,就不能先用最少的依赖让项目跑起来,后面再教人引入其他依赖么。
crackidz
130 天前
CSS 是绕不过的东西,但是 TailwindCSS 给了你一种很方便的使用方式,结合各种 LLM ,突然就变得很好用了,很多时候你只需要结合 AI 生成的代码调整一下就足够了。

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

使用了 VanillaJS 之后网上的很多资料就可以用了(毕竟几十年了),如果希望更加复杂的页面模块化设计,htmx 之类的框架可以很容易的和后端 HTML 引擎合作,你的工作模式会和原有的后端模式区别不大。等你更熟悉之后再往 Vue/React 之类的框架迁移也不晚。
siweipancc
130 天前
……从 angular 过来 vue 的觉得这里缺那里也缺囧
最缺的还是官网的入门项目,hero 教程太经典了
maxwellz
130 天前
@kevinguoCN #18
看不懂就说明你可能连 vue 和 js 的基础都还没有学会,建议过一遍 js 基础和 vue 的官方教程
dingyaguang117
130 天前
走上坡路总是难的
cookii
130 天前
坚持下去就会了,学东西不踩坑只有两种可能
1 太简单
2 没深入学进去
wandererchenxyz
130 天前
主要学完前端,在已有项目里写东西没多大压力(有 UED ),让自己从头搭建一个前端项目,或者无 ued 开发,感觉整个人都不知道做啥了,蒙圈
asuraa
130 天前
js 啥的都简单,我觉得最难的是 css
sir283
130 天前
前端是这样抽象的,最好系统性学习一下,从头到尾那种,因为有一些坑很恶心,比如明明编译运行都没有任何错误,浏览器控制台里面也是没有任何错误,但是就是加载不出来数据或者页面,有可能是你字母拼错了,但是 ide 跟控制台也不会提示错误信息,这是非常坑的。我之前刚开始学,就遇到过这个问题,排查了一天,最后一个一个字母对照,才发现的。
jqtmviyu
130 天前
我觉得前端学后端也挺无力的呀

特别是 java 的代码, 类套类, 套得头晕.
hedwi
130 天前
后端学 angular 简单,另外就是 css 用 flex

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1077205

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX