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

[rookiemaster]

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

[uni]

@rabbbit #17 跟服务端渲染结合的，不用 js 加载就可以提交表单，可以去看下 remix 和 next 的文档

[rabbbit]

@uni 谢谢，看来是我落后了

[Track13]

@xuld jQuery 还能活着就是过时的人和新手被误导。
多少网站使用 JQuery 就只是绑事件和切换 calss 。

[Guaderxx]

没点进来我还以为你要说组件拆分，命名，写法什么的。

[xiaoming1992]

@rabbbit 如果 js 加载好了、页面水合好了，那就走 js ，发请求，前端更新页面；如果没有，也能保障基础交互（通过 form action 提交）。而这一切都是 react 自动完成的，开发人员只需要按照 action 的形式编码就行

[rabbbit]

看了些资料还是没搞懂，form action 是为了把表单的处理往后端移吗？
不会只是为了解决禁用 js 无法提交的问题吧。

[ebushicao]

@rabbbit preventDefault

[xiaoming1992]

根据我的理解，react 以及 mui 推崇的各种实践，都是在优化页面首次渲染。

服务端组件是为了减少需要发送到前端的 js ； form action 是为了支持在 js 加载完成前页面也能交互；推荐使用 anchor 而非 js 跳转，同样是为了在 js 加载完成前也能交互（跳转）；多端适配时建议使用 media query ，同样是为了这个目的

[oamu]

@uni #19 国内清一色的信息系统项目，谁在乎 SEO ？也就没动力搞 SSR 。

[rabbbit]

不确定理解的对不对
form action 在 js 加载完毕后走 fetch 提交表单（跟现在常用的提交表单差不多），在 js 未加载完成时通过 <form action=""> 提交表单。
next.js 会自动帮助用户处理表单 api 地址的问题。
优点是 js 未加载完成前也能进行交互操作。

[xuld]

关于提交表单是用 form 的 action 还是 button 的 onclick ，显然是首选 form 的 action 。

表面上，通过 button 的 onclick 触发并提交数据，简单明了。

但这样写会导致只能通过点击按钮来触发提交，其他交互方式则无法提交，比如：

1. 通过在表单内的文本框按回车提交表单
2. 通过”屏幕阅读器“提交表单
3. 在禁用 JS 的浏览器上提交表单

如果你能掌握这些细节，那这个问题的答案显而易见

[isSamle]

不延期就是最重要的开发规范，其他随便你造

[Forviler]

不用框架的话 jq 的比较多吧，form 里用 action 这种在现在看来应该是只存在于课本里的知识了吧，入行六七年没用过。不过现在如果真的工作用框架的占多数，Vue/React 。github 上找个星高的项目随便看看。 前几楼说的 理解为什么规范，你就知道该怎么写规范了

[okrfuse]

前期规范不重要，思路实现方式才重要，后期慢慢就懂得规范了

[uni]

@oamu #29 我个人的观点，管理系统之类的重业务与数据、轻性能的项目，更加应该采取前后端不分离的分工方式，一个业务或者功能就应该由一个人从前到后全部打通，还要前后端分离一个功能分两个人做，增加了多少沟通成本

[n18255447846]

前期不要考虑什么规范，多学。

你说的就发请求，首先要处理好表单数据，表单里放个 submit 类型按钮，监听 form 的 submit 事件，处理完数据后用 xhr 或 fetch 发请求

[go522000]

我个人对这些没啥规范。
form 里设置 action 提交会刷新页面（或者跳转到新页面），很少用； button onclick 提交，方便把一些过滤、检测之类的放在一起； jQuery 的 $.post()提交一般与 button onclick 提交放在一起，如果这个项目有用到 jquery 就会直接用这个，方便。

[shiroyuri]

公司规范 > 社区规范 > 语言规范

[zmqking]

应该是算老菜鸟吧，还知道 jQuery ，😁

[klo424]

https://github.com/ecomfe/spec

看看这个是否对你有帮助