惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
Vulnerabilities – Threatpost
aimingoo的专栏
aimingoo的专栏
B
Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
GbyAI
GbyAI
阮一峰的网络日志
阮一峰的网络日志
Engineering at Meta
Engineering at Meta
IT之家
IT之家
V
Visual Studio Blog
The Cloudflare Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
A
About on SuperTechFans
博客园 - 聂微东
Blog — PlanetScale
Blog — PlanetScale
N
News and Events Feed by Topic
A
Arctic Wolf
WordPress大学
WordPress大学
小众软件
小众软件
C
CERT Recently Published Vulnerability Notes
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
D
Darknet – Hacking Tools, Hacker News & Cyber Security
F
Fortinet All Blogs
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
Y
Y Combinator Blog
T
Threat Research - Cisco Blogs
Latest news
Latest news
Simon Willison's Weblog
Simon Willison's Weblog
Cyberwarzone
Cyberwarzone
S
Schneier on Security
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
L
Lohrmann on Cybersecurity
Stack Overflow Blog
Stack Overflow Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
P
Privacy International News Feed
J
Java Code Geeks
Spread Privacy
Spread Privacy
宝玉的分享
宝玉的分享
I
Intezer
L
LangChain Blog
Hacker News - Newest:
Hacker News - Newest: "LLM"
G
GRAHAM CLULEY
博客园 - 叶小钗
博客园 - 三生石上(FineUI控件)
The GitHub Blog
The GitHub Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
N
News and Events Feed by Topic
AWS News Blog
AWS News Blog
Attack and Defense Labs
Attack and Defense Labs
Security Archives - TechRepublic
Security Archives - TechRepublic
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO

Web Dev

没想到 2026 年,还要浪费大量时间在跨域问题上 - V2EX 关于 webview 移动应用开发的一些疑惑,求解答 - V2EX 浏览器访问一个域名不通的情况下,如何让这个域名再次发起 dns 请求 - V2EX 用 socks5 代理无法返回正常网页内容 - V2EX Datastar 未来有机会代替 React 吗? - V2EX nb 了, chrome mobile 文件上传还存在问题啊,不能同时允许多种 accept ,页面会触发刷新 - V2EX 请教下大佬们有无移动端 app 上 h5 页面休眠/内存优化思路 - V2EX 想问问现在大家工作/业务上都用上 http3 了吗? - V2EX 如何截断 http 请求 - V2EX v2 的新回复展示 是如何推送的? - V2EX 有没一种可以将 http/socks 代理转 http 协议的东西? - V2EX 关于 Https 证书验证问题 - V2EX 想找静态网页托管服务,无需域名 - V2EX 如何拼凑不同网页的不同部分到一个网页 - V2EX 特别快速开发网页程序的方法? - V2EX shopify 怎么切换 identity provider - V2EX 还有人在使用 ASP 吗? - V2EX 看到一个项目, H5 页面使用 ip 部署,确定没有 ssl,为啥从微信打开还是能调用摄像头? 求推荐开源的工业领域电商项目 - V2EX 纯编程小白,用 ds 做了个网站碰到阿里云部署问题,寻求耐心指导 - V2EX 请问一下,各位是使用哪些统计平台呢?使用 uniapp 开发的 APP,相对用户进行记录与统计。 - V2EX API 请求体字段定义询问各位大佬。 - V2EX 网络请求 ERR_CONNECTION_ABORTED,问题求助 - V2EX 什么样的网站算设计精良的 - V2EX 应不应该把主键 id 暴露在 url 上? - V2EX 前端项目部署到服务器,怎么调通访问服务器上的内网 IP 接口 - V2EX 本地开发用什么域名? - V2EX c++ go rust 谁更适合开发 嵌入式 Linux 上的 web 后台服务 - V2EX 求知 大佬们 一定帮我解答下 感谢 Fastapi 框架中的模板引擎 jinja2 是否已过时,或者说是否还建议使用 - V2EX 推荐一个 web 开发小工具,检测页面是否可以 iframe, 网址 https://iframetester.dev/ - V2EX failed to load response data: no resource with given identifier found - V2EX 请教谷歌浏览器自动填充 - V2EX 各位都在用什么 web 证书方案呢 - V2EX 求助:通过 http 访问某域名失败 - V2EX 服务器端 http 接口调试工具 - V2EX 请教一下搜索和搜索结果页面分离如何参数传递? - V2EX flutter 开发 web 似乎问题也不大 - V2EX 网站中使用原生 dialog 优化用户体验 - V2EX 接口防重放 是不是存粹的脱了裤子放屁? - V2EX VSCode 这种基于 Web 的文本编辑器中的输入光标是怎么实现的? - V2EX 请教: WebSocket + Protobuf 做服务,如何定义路由 - V2EX web 里上传文件 4mb 可以, 5mb 只能等超时是啥问题; - V2EX web 开发实战练习的项目有哪些?不是单独一个页面的,是能完整做出一个完整网站的。 - V2EX 请教一下 web app 架构问题 - V2EX 请教各位,作为一名计算机小白设计师,用什么平台搭建自己的个人网站比较好? - V2EX 目前还有没有国内访问比较友好的静态网页托管服务 - V2EX 请问有什么事件可以监听到 GuzzleHttp 的 curl 请求吗? - V2EX 如果别人拿我的微信云环境当图床使用,微信有没有防御措施? - V2EX 腾讯现在还提供 url.cn 这种短链接服务吗? 还有大公司提供吗? - V2EX
关于 Web 开发困惑,请教从移动开发转到 Web 开发的大佬 - V2EX
zsk425 · 2024-04-30 · via Web Dev

这是一个创建于 776 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

  • Web开发
  • 框架
  • 组件

    34 条回复    2024-05-03 01:13:23 +08:00

    across

    1

    across      2024 年 4 月 30 日

    只接触了两年 web ,主要是平台涉及,没有透彻深入过。
    1. Web 的布局属性,和移动端其实是一样的,但是表述方法有点区别···· 《 CSS 权威指南》里面,挑那个 边框/边距、弹性盒布局的相关的两三个章节看下就好。有理解起来会很快。
    2. 搜组件库,比如 Ant Design ,不过这是基于 React 框架的···

    tool2dx

    2

    tool2dx      2024 年 4 月 30 日

    我自己的前端开发迁移流程:

    1. jquery+手写 css
    2. flex css 布局
    3. tailwind css
    4. nextjs + v0.dev 复制别人布局
    5. 把 web ui 层抽象出来,脱离浏览器运行

    LavaC

    3

    LavaC      2024 年 4 月 30 日 via Android

    1:css 了解完盒模型、flex 和 grid 布局基本够用了;
    2:有这种组件,但具体哪个更适合你的需求还得去 npm 之类的地方找找。

    LuckyLauncher

    4

    LuckyLauncher      2024 年 4 月 30 日

    1. 建议直接 flex
    2. 有这些封装好的组件,不过质量层次不齐

    iOCZS

    5

    iOCZS      2024 年 4 月 30 日

    我觉得你都下海了,还问我能不能用腿跑,这个就不太合适了

    rookie2luochao

    8

    rookie2luochao      2024 年 4 月 30 日

    因为我不喜欢写太多 css ,所以我都继续用的 cssinjs, 也没有用什么 taiwincss unocss 这些

    ltq918

    9

    ltq918      2024 年 4 月 30 日 via Android

    初入 Web ,个人觉得 Bootstrap v5 是一个很好的起点。不太用 CSS ,使用 row col 可以完成很多布局

    thank4

    11

    thank4      2024 年 4 月 30 日

    目前的 web 开发的话,像 vue 之类的话,如果你之前接触过 jectpackcompose 或者 SwiftUI 的话,大体比较相像。个人觉得前端甚至比原生移动端写 UI 更加方便,web 有很多的组件库。android 里面的很多控件基本上 Web 一些组件库像 ant 之类的都有类似的。
    ConstraintLayout 之类的布局,我感觉前端好像没有,不过像线性布局我个人觉得可以对标 web 中 flex 布局。

    zsk425

    12

    zsk425      2024 年 4 月 30 日

    我的前端学习目标就是能开发 CMS 、简单的官网,可能也会有小程序,不会很深入,目前看来布局有可能不行,感谢大家热心回复

    DLOG

    13

    DLOG      2024 年 4 月 30 日   ❤️ 2

    写了 10 几年移动端和前端的老鸟,唯一的难点是:CSS
    1 、移动端布局:我写完了,99%就是我想要的效果
    2 、前端布局:我写完了,99%有问题
    希望前端也能有约束布局。

    ebushicao

    14

    ebushicao      2024 年 4 月 30 日

    如果你的环境不限制技术栈,那完全可以用 flutter 开发 web 。
    如果你必须得用 web 相关技术栈,那就学习用某个 UI 组件库,通常一个 UI 组件库会封装自己的布局组件,某些组件也会有特定的方法,比如你说的 scrollview 组件可能会有封装的 scrollTo 方法(一般会是调用 DOM 的 scrollTo 方法

    lizy0329

    15

    lizy0329      2024 年 4 月 30 日

    如果不用考虑兼容性,css 应该是布局系统里,最简单,也是最强大的存在了吧

    sankemao

    16

    sankemao      2024 年 4 月 30 日

    1. 如果只用到 css 控制大小布局,比 android 那套简单的多
    2. 前端一般都有组件库,antd 等,按照文档使用就行

    blur1119

    17

    blur1119      2024 年 4 月 30 日

    第二点的话,组件倒是不知道,不过 js 原生和 React hook 都可以实现

    jones2000

    18

    jones2000      2024 年 4 月 30 日

    找不到合适的,自己撸一个不就行了。求别人不如自己搞。会 js 就行。 最后还不是编程成 js 执行。
    如果不喜欢 css,直接所有的 DOM 都设置成“position: absolute”, 用 js 动态布局。

    tool2dx

    20

    tool2dx      2024 年 4 月 30 日

    @jones2000 我也喜欢 absolute ,因为几乎所有的平台都支持绝对布局,移植 UI 体验实在是轻松加愉快。

    你用一大堆约束布局,也就浏览器漂亮一点,还要看目标平台是不是支持。不支持还要改来改去的,麻烦。

    weixind

    21

    weixind      2024 年 4 月 30 日

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

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

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

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

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

    820xR094p6MVvKIn

    22

    820xR094p6MVvKIn      2024 年 4 月 30 日

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

    tool2dx

    23

    tool2dx      2024 年 4 月 30 日

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

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

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

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

    cvooc

    25

    cvooc      2024 年 4 月 30 日

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

    linyongxin

    26

    linyongxin      2024 年 4 月 30 日

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

    checkcai

    27

    checkcai      2024 年 4 月 30 日

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

    mathfather001

    29

    mathfather001      2024 年 4 月 30 日

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

    naminokoe

    30

    naminokoe      2024 年 4 月 30 日

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

    liyafe1997

    31

    liyafe1997      2024 年 4 月 30 日

    终极 Web 开发:C++ for Qt on WebAssembly (逃

    ericguo

    32

    ericguo      2024 年 4 月 30 日

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

    ericguo

    33

    ericguo      2024 年 4 月 30 日

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

    dizeng1118

    34

    dizeng1118      2024 年 5 月 3 日   ❤️ 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 用处就不是很大。