前端现在这么恶心的吗

[voidmnwzp]

纯后端，今天想找个 gpt 页面，去 github 上找了个比较好看的 vue 项目，拉下来之后看得我一脸懵逼，写的眼花缭乱，完全看不懂，想找个 http 请求和响应处理的代码找了半天也没找到，想我之前 jquery 用的还蛮 6 的，可这 vue 看的我是一头雾水，完全找不到门路。后端有一个好处，你就算换个不熟悉的语言，也基本上就是那个套路，找 router 和 handle 往下看就行了，vue 真的恐怖，我还是找找 jquery 的去了...

[zero47]

我怎么记得这文章看过，月经贴？

[fantastM]

可以说复杂、繁琐，但不能说恶心

[rimworld]

一般来说 vue 项目，我会先看 package.json ，看看都用了哪些技术，什么组件库等等。然后 vue 的主要代码在 src 里面，然后入口代码是 App.vue ，main.ts/main.js 。其实这俩也没多大价值。对请求的初步配置一般放在 /http 或 /utils 或 /request ，对请求的封装,响应处理，具体实现一般放在 /api 。/views 一般来放具体页面，/components 放一些基础封装的组件。你也可以在文件夹中搜索关键词 axios 啊，或者到具体页面，找按钮，点击绑定的函数，函数从哪导入，然后就能顺藤摸瓜了。

[TtTtTtT]

不知道以后写后端的 ChatGPT 会不会觉得写前端的 ChatGPT 恶心 hhh

[voidmnwzp]

@fzdwx 第一个是 node.js 的 我要接入自己的 go api 第二个类似是 api 的定义 我想找的是 类似于发送按钮的 onclick 事件触发后的具体代码是啥 以及响应回调后的函数

[LancerComet]

视图代码并不是完全的线性结构，这也包括客户端，因为很多逻辑是在界面上触发之后再怎么怎么样，有些东西甚至是动态创建的，创建完之后再调用一堆模块，有些还会使用类似事件系统隔空传物，所以你不能按照服务器那种方式找接口找控制器然后往里线性地阅读代码，视图代码经常是你真的要跑起来才可以，不跑就要脑补，但你要有对应技术的基础，否则脑补不来

[qeqv]

醒醒，大清亡了

[mozhizhu]

看了标题以为吐槽工作难找到；
看了内容，我也觉得好恶心

[shakukansp]

@voidmnwzp https://github.com/Chanzhaoyu/chatgpt-web/blob/main/src/views/chat/index.vue#L58

[voidmnwzp]

@shakukansp 感谢 我去看看

[lambdaq]

vue 这类框架其实和 jq 完全不是一个用处。我也觉得现在啥页面都用 vue 套很傻。要不 lz 看看 htmx 。。。

[molvqingtai]

https://i1.hoopchina.com.cn/hupuapp/bbs/267/36205267/thread_36205267_20201222162652_s_1446781_w_459_h_368_89655.gif

[bk201]

前端的花头玩得是多，眼花缭乱

[estk]

我只会 jquery 时看 vue 和 react 也懵逼
后来学了 react ，看 nextjs 懵逼
现在看别人懵逼

[nanvon]

“想找个 http 请求和响应处理的代码找了半天也没找到”。我看这个项目目录挺清晰易懂的，全局搜索 Response 等关键词也很容易找到。

[unco020511]

现在前端都是工程化了

[otakustay]

有没有一种可能，我是说可能……你太弱鸡了

[molvqingtai]

@voidmnwzp #25
点击按钮触发 handleSubmit ，数据提交到 store

https://github.com/Chanzhaoyu/chatgpt-web/blob/76cef650b40197585154a77351910fa1141dd689/src/views/chat/index.vue#L551

[fridaycatye]

如果搞后端，只接触过 jsp ，jQuery ，H5 ，确实要花点时间去看看文档，才能看懂 Vue 代码。

[hhjswf]

是的，只会 jq 要被卷死下岗了