本人对 Web 开发认知还停留在手敲 HTML+CSS+JS 的水平,不了解任何框架,有一些的移动开发经验。有以下困惑:
1
across 239 天前
只接触了两年 web ,主要是平台涉及,没有透彻深入过。
1. Web 的布局属性,和移动端其实是一样的,但是表述方法有点区别···· 《 CSS 权威指南》里面,挑那个 边框/边距、弹性盒布局的相关的两三个章节看下就好。有理解起来会很快。 2. 搜组件库,比如 Ant Design ,不过这是基于 React 框架的··· |
2
tool2dx 239 天前
我自己的前端开发迁移流程:
1. jquery+手写 css 2. flex css 布局 3. tailwind css 4. nextjs + v0.dev 复制别人布局 5. 把 web ui 层抽象出来,脱离浏览器运行 |
3
LavaC 239 天前 via Android
1:css 了解完盒模型、flex 和 grid 布局基本够用了;
2:有这种组件,但具体哪个更适合你的需求还得去 npm 之类的地方找找。 |
4
LuckyLauncher 239 天前
1. 建议直接 flex
2. 有这些封装好的组件,不过质量层次不齐 |
5
iOCZS 239 天前
我觉得你都下海了,还问我能不能用腿跑,这个就不太合适了
|
6
KgM4gLtF0shViDH3 239 天前
做前端不想学 css 那还是不用做了。
|
7
rookie2luochao 239 天前
问题不大,用组件库做后台管理,小程序,h5 啥的,大部分写 css 场景很少,写的 css 也是简单点的,你可以看我这个项目 https://github.com/rookie-luochao/openapi-ui ,其实 css 并没有多少,如果你还用组件库的布局模型的话,那估计更少
|
8
rookie2luochao 239 天前
因为我不喜欢写太多 css ,所以我都继续用的 cssinjs, 也没有用什么 taiwincss unocss 这些
|
9
ltq918 239 天前 via Android
初入 Web ,个人觉得 Bootstrap v5 是一个很好的起点。不太用 CSS ,使用 row col 可以完成很多布局
|
10
taotaodaddy 239 天前
tailwindcss
|
11
thank4 239 天前
目前的 web 开发的话,像 vue 之类的话,如果你之前接触过 jectpackcompose 或者 SwiftUI 的话,大体比较相像。个人觉得前端甚至比原生移动端写 UI 更加方便,web 有很多的组件库。android 里面的很多控件基本上 Web 一些组件库像 ant 之类的都有类似的。
ConstraintLayout 之类的布局,我感觉前端好像没有,不过像线性布局我个人觉得可以对标 web 中 flex 布局。 |
12
zsk425 OP 我的前端学习目标就是能开发 CMS 、简单的官网,可能也会有小程序,不会很深入,目前看来布局有可能不行,感谢大家热心回复
|
13
DLOG 239 天前 2
写了 10 几年移动端和前端的老鸟,唯一的难点是:CSS
1 、移动端布局:我写完了,99%就是我想要的效果 2 、前端布局:我写完了,99%有问题 希望前端也能有约束布局。 |
14
ebushicao 239 天前
如果你的环境不限制技术栈,那完全可以用 flutter 开发 web 。
如果你必须得用 web 相关技术栈,那就学习用某个 UI 组件库,通常一个 UI 组件库会封装自己的布局组件,某些组件也会有特定的方法,比如你说的 scrollview 组件可能会有封装的 scrollTo 方法(一般会是调用 DOM 的 scrollTo 方法 |
15
lizy0329 239 天前
如果不用考虑兼容性,css 应该是布局系统里,最简单,也是最强大的存在了吧
|
16
sankemao 239 天前
1. 如果只用到 css 控制大小布局,比 android 那套简单的多
2. 前端一般都有组件库,antd 等,按照文档使用就行 |
17
blur1119 239 天前
第二点的话,组件倒是不知道,不过 js 原生和 React hook 都可以实现
|
18
jones2000 239 天前
找不到合适的,自己撸一个不就行了。求别人不如自己搞。会 js 就行。 最后还不是编程成 js 执行。
如果不喜欢 css,直接所有的 DOM 都设置成“position: absolute”, 用 js 动态布局。 |
19
Ghrhrrv146 239 天前
|
20
tool2dx 239 天前
@jones2000 我也喜欢 absolute ,因为几乎所有的平台都支持绝对布局,移植 UI 体验实在是轻松加愉快。
你用一大堆约束布局,也就浏览器漂亮一点,还要看目标平台是不是支持。不支持还要改来改去的,麻烦。 |
21
weixind 239 天前
css 只要会 flex 基本上就够用了。也写过一点 iOS 和 flutter ,web 的布局基本上是最简单和强大的了。。。
scrollview 这种东西社区里面成熟度很高的没有十个也有八个。 写前端不用三大框架就好比解剖牛不用刀,用手抠一样。 楼上推荐全用 position: absolute 就好比走路不用腿,用下巴。 君子生非异也,善假于物也。用 20% 的精力系统性学习点入门的内容足以解决 80% 的问题。 |
22
8863824 239 天前
flex 布局还是比较好掌握的,跟着教程过半小时就能上手,难点就是在没设计师的情况下,要自己做出漂亮的页面太难了
|
23
tool2dx 239 天前
@weixind "楼上推荐全用 position: absolute 就好比走路不用腿,用下巴。"
不能这样说,很多 figma 插件,导出来的默认就是绝对布局。又没让你手写。 flex 只适合手写布局,但我个人觉得,别的平台都自带 UI 图形设计器,唯独 web 没有。 你看哪一个行业设计师,用代码设计界面啊,也就前端专属了。 |
25
retrocode 239 天前
单轮布局的话 css 应该是最强大的了
|
26
linyongxin 239 天前
css+js 必须啃,不然还是好好做老本行吧
|
27
checkcai 239 天前
我是一开始学的 Android ,后来转 Web ,一开始写布局很不适应,后来了解了 flex 布局,基本就没有什么问题了。
建议可以了解下 flex 布局,相信可以解决大部分问题。 |
28
checkcai 239 天前
顺便说下,微信关于 flex 布局的教程写的挺好的,https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a
|
29
mathfather001 239 天前
Is it harder to move, should it be easier to switch to the web?
|
30
naminokoe 239 天前
HTML+CSS+JS 与框架的主要区别在于,当页面上有多个组件需要相互响应时,框架比 JS 简单。如果只是一个输入框+一个提交按钮,确实用不着框架
|
31
liyafe1997 239 天前
终极 Web 开发:C++ for Qt on WebAssembly (逃
|
32
ericguo 239 天前
如果你觉得 CSS 布局太复杂,手写大量 JS 代码太累(其实写 TS 更累),实事求是的说,你还是不要做 Web 开发了。(抱歉不友善,但是我也想不到更好的表达方式。)
|
33
ericguo 239 天前
@zsk425 Flutter 就算了,Google 这两天都大裁员了,这年头连原生都在哪里卷交互,React Native 都半死不活的( RN 用户基数还是要比 Flutter 高太多了)。真正的跨平台只有两种,C 和 Web 。
|
34
dizeng1118 237 天前 1
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 用处就不是很大。 |