前端新人，怎么知道前端的规范是什么？

[rookiemaster]

比如提交表单，可以在 form 里设置 action 提交，可以设置 button 的 onclick 方法触发一个函数调用 ajax 提交，也可以使用 jquery 序列化表单的数据然后使用$.post()提交。这其中有什么规范吗，就比如大家一都都用什么方法？

[rookiemaster]

或者有什么比较标准（符合开发规范）的前端或者后端项目推荐吗

[flytsuki]

果然是新人，好多年没用过 jquery 了。。。

[orlog]

最重要的是理解规范，想明白它为什么要规定成那样，不要盲目的墨守成规，否则会变成人力机器，最终被 AI 工具所取代

[xuld]

想知道规范是好事，说明有认真在学习。
不过，另一个问题是你必须要思考的，那就是”为什么需要有规范？“

规范会告诉你，这个地方应该怎样做。

但很多地方不是简简单单遵循某个规范就可以的，而是需要随机应变的。

就像某些人总认为 jQuery 过时了，用 jQuery 的就是菜鸟。这是非常片面的。
有些场景下使用 jQuery 可能是最高效的。

最好掌握规范的方式不是去死记硬背，而是掌握每种用法的优缺点，并择优使用

`

[zhongerbing]

jq 应该也有封装好的表单库，多年不写 jq 都没关注过了。。

[rabbbit]

form action 很老了，不再推荐使用。
jQuery 现在也用的少，不过只有几个页面用用也不错。

是要开发 UI 组件库吗？
常用的方法是监听按钮事件，阻止掉默认的 form ，使用 fetch 提交。

新人为什么会知道 form action ，还是看的资料太老了。

[kneo]

每个公司，每个项目，每个框架，每个应用场景都不一样。自己观察总结。没有捷径。

[orzorzorzorz]

主楼提到的，我认为是规范的各类实现。op 的问题，我会理解成对“工具好多啊，怎么选啊，有啥祖传规矩没有”的困惑。答案是工具背后能带来多少好处，这个只能看具体场景。比如已经有了成熟的 fetch 封装库，那用 ajax 就没什么好处了。
这块我理解为业务规范，还有编码规范、交互规范之类的。这些直接搜就是，但得知道这些东西的适用范围。得有“我要画个页面，那么 ui 设计的规范是啥样的...噢，想起来了有篇这个规范，我瞅瞅先”、“我要写 css 了，那么 css 变量规范是啥样的”这类的想法。
当然在这之前，还是要想想“接下来使用的规范”能带来什么收益。

[yuuko]

梦回 2014

[oamu]

这两种应该都不怎么用了，太原始了，当然维护上古项目就另说。现在基本都用组件库，使用 Form 表单组件设置回调函数就行了。

[Ma4cus]

啥项目啊，2024 年了还用接 q 睿

[coala]

应该看写好的项目， 先模仿着写

[DOLLOR]

@xuld
jquery 就是过时了，要学也应该学 DOM API 。
特别是那些在 vue react 里还非要引入 jquery 的。
小范围的 DOM 操作我不反对，但是这种场景还非要用 jquery ，就是菜鸟了。

[xiaoming1992]

re #6
> form action 很老了，不再推荐使用。

现在 react 推荐使用 form action 。

关键是理解为什么要用 form action ，它解决了什么问题？解决了“页面水合完成前，页面无法交互”这个难题。react 服务端渲染、form action 都是在致力于解决这个问题

[uni]

@rabbbit remix 和 next 的表单提交都是用 action……

[wpzz]

多看少做

[rabbbit]

@uni 为啥又用回 action 了，这样做有什么好处吗？

[bzw875]

jQuery 过时了

[uni]

首先肯定是根据你做的那个项目来了，你做的项目别的地方是怎么做的就复制粘贴同样的做法就行了
如果是没有参考的，jq 首先要排除，用 jq 还不如用原生 dom 操作
然后不同地方不同框架的推荐方式也不一样，国内的话大部分应该还是用“设置 button 的 onclick 方法触发一个函数调用 ajax 提交”的方法，直接用这个就行了
但是最新的方向（往 ssr 走的）反而是偏向于 action ，可以去参考 remix 和 next 的文档，不过国内的人都不懂也没什么人跟进，如果你圈子在国内，对新技术又不是很好奇和激进的话不建议搞这个，在国内说这个可能会像上面那样让别人误以为你落后了

[rabbbit]

@xiaoming1992
form action 不是会导致页面跳转吗,他们是怎么解决这个问题的?还是我记错了。