关于 Web 开发困惑，请教从移动开发转到 Web 开发的大佬

[zsk425]

本人对 Web 开发认知还停留在手敲 HTML+CSS+JS 的水平，不了解任何框架，有一些的移动开发经验。有以下困惑：

1. Web 开发是否有像移动开发一样，可以使用像 Android 的约束布局（对应 iOS 自动布局），个人觉得 CSS 布局太复杂
2. 是否有面向对象的组件，比如 scrollview 组件，调用自身封装的方法可以滑动到底部，而不是手写一大段 JS 代码

[weixind]

css 只要会 flex 基本上就够用了。也写过一点 iOS 和 flutter ，web 的布局基本上是最简单和强大的了。。。

scrollview 这种东西社区里面成熟度很高的没有十个也有八个。

写前端不用三大框架就好比解剖牛不用刀，用手抠一样。

楼上推荐全用 position: absolute 就好比走路不用腿，用下巴。

君子生非异也，善假于物也。用 20% 的精力系统性学习点入门的内容足以解决 80% 的问题。

[8863824]

flex 布局还是比较好掌握的，跟着教程过半小时就能上手，难点就是在没设计师的情况下，要自己做出漂亮的页面太难了

[tool2dx]

@weixind "楼上推荐全用 position: absolute 就好比走路不用腿，用下巴。"

不能这样说，很多 figma 插件，导出来的默认就是绝对布局。又没让你手写。

flex 只适合手写布局，但我个人觉得，别的平台都自带 UI 图形设计器，唯独 web 没有。

你看哪一个行业设计师，用代码设计界面啊，也就前端专属了。

[zsk425]

@ebushicao Flutter 也会试试，跨平台吸引力很大

[retrocode]

单轮布局的话 css 应该是最强大的了

[linyongxin]

css+js 必须啃，不然还是好好做老本行吧

[checkcai]

我是一开始学的 Android ，后来转 Web ，一开始写布局很不适应，后来了解了 flex 布局，基本就没有什么问题了。
建议可以了解下 flex 布局，相信可以解决大部分问题。

[checkcai]

顺便说下，微信关于 flex 布局的教程写的挺好的，https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a

[mathfather001]

Is it harder to move, should it be easier to switch to the web?

[naminokoe]

HTML+CSS+JS 与框架的主要区别在于，当页面上有多个组件需要相互响应时，框架比 JS 简单。如果只是一个输入框+一个提交按钮，确实用不着框架

[liyafe1997]

终极 Web 开发：C++ for Qt on WebAssembly （逃

[ericguo]

如果你觉得 CSS 布局太复杂，手写大量 JS 代码太累（其实写 TS 更累），实事求是的说，你还是不要做 Web 开发了。（抱歉不友善，但是我也想不到更好的表达方式。）

[ericguo]

@zsk425 Flutter 就算了，Google 这两天都大裁员了，这年头连原生都在哪里卷交互，React Native 都半死不活的（ RN 用户基数还是要比 Flutter 高太多了）。真正的跨平台只有两种，C 和 Web 。

[dizeng1118]

android 的 constrain layout 和 iOS 的 autolayout 都是 Cassowary layout ，这个东西在 web 世界里不太流行，有人尝试过但放弃了。https://news.ycombinator.com/item?id=13125093 ，可能觉得还是太复杂。

现在即使在 mobile 上，新的 UI 框架如 SwiftUI ，JetPack Compose ，甚至之前的 flutter ，都没有采用 Cassowary layout ，而是用类似 HStack VStack 这种横着来一下，竖着来一下的组合 layout ，而 css flex layout 又恰到兼容了这一习惯。当 view 的数量和嵌套不再是性能瓶颈时，复杂的 Cassowary layout 用处就不是很大。