为什么现代前端框架放弃了HTML的常规用法?
最直观的感受，就是我们现在很少看到纯粹的`.html`文件里塞满了诸如`
`, ` Welcome to our website.`这样的标签。取而代之的是，你会看到像`
你可以将一个网站想象成一个由无数个小积木拼搭而成的巨大结构。过去，我们只能用HTML提供的有限几种积木（div, p, span, table等等），然后通过CSS来给它们穿上不同的“皮肤”和“装饰”。如果某个结构需要重复出现，比如一个用户信息卡片，我们就要在HTML里复制粘贴很多次，然后用CSS去控制每一处细节。这非常低效，而且一旦需要修改，可能要改几十甚至上百个地方。
现代前端框架的核心理念就是“组件化”。开发者可以把一个复杂的功能，比如上面说的用户信息卡片，封装成一个独立的“组件”。这个组件不仅仅包含HTML结构，还可能包含它自己的样式（CSS）和行为逻辑（JavaScript）。然后，我们就可以像使用HTML标签一样，在任何地方“插入”这个组件，并可以传递一些“属性”（props）来定制它的内容，比如`name="Bob"`，`avatarUrl="..."`。
这样做的好处是显而易见的。首先，可复用性大大增强。一个组件写好一次，就可以在项目的任何地方使用，极大节省了开发时间。其次，可维护性也得到了质的飞跃。如果你想修改用户信息卡片的样式，只需要修改那个组件的代码，所有使用该组件的地方都会自动更新，避免了查找和修改大量重复代码的麻烦。
那么，为什么说这是一种“演进”而不是“放弃”呢？因为框架最终还是要将这些组件渲染成浏览器能够理解的标准HTML、CSS和JavaScript。这些框架提供的“类HTML”语法，比如Vue的`.vue`文件中的``部分，或者React的JSX，它们本质上是一种模板语言或者语法糖。它们提供了一种更结构化、更声明式的方式来描述UI的结构和状态。
比如，在React的JSX中，你可以写成这样：
```jsx
function Greeting({ name }) {
return (
Hello, {name}!
);
}
```
这里的 `{name}` 就是一个JavaScript表达式，它允许你在HTML结构中动态地插入数据。当 `name` 的值改变时，UI会随之更新，这是传统HTML无法直接做到的。这种能力，使得UI能够与应用的数据进行实时的绑定，从而创建出动态、交互丰富的用户体验。
再比如，当你在组件中写一个循环来渲染列表时，可能看起来像这样：
```jsx
{items.map(item => (
))}
```
这看起来像是HTML的``和`
总而言之，现代前端框架并没有抛弃HTML作为最终输出的根基，而是通过引入组件化、数据绑定、逻辑嵌入等概念，提供了一种更高级、更强大、更适合构建复杂交互式应用的开发范式。它允许开发者用更接近“描述”UI应该是什么样子，而不是“一步一步”构建UI的方式来工作，这才是其核心的进步之处。这就像我们从用锤子钉木头升级到了用3D打印机制造复杂的零件，最终目标都是为了得到一个完整的、功能强大的产品。
网友意见
路过
看 Html5 规范 4.13 Custom elements ……
随意定义标签在规范范围内，既然明确说是可以的且支持的，为啥不算常规用法了……
还有你说的 vnode （vdom）这玩意展现也得是 dom 啊，只不过库、框架给封装了，使用者一般情况下不用去直接调用 dom api 罢了……
非要说常规的话，还说10多年的用法，那可能指的是 1998年的 Html4 规范时候的用法。
可这玩意已经是过去时了吧。
现在谁还按当年的常规方法加DTD，HTML tag 大写啥的弄网页呢……
还有你说的，语义这玩意，也是有时代背景的。
当年那是 真●互联网 啊，页面链接随便跳，爬虫各种爬。页面写的乱的，爬虫爬回去的页，码农不好分析是啥啊，就推崇规范性质的语义化和没css后裸奔时的结构化。不就为了爬虫爬回去好分析内容，跟搜索上好搜到，然后来流量好赚钱么，对，就是那个什么SEO。
现在啥年代了，APP满天飞，社交网络满天飞，短视频满天飞，一个个的都自己修围墙，爬虫根本爬不到的说。就算能爬，爬出视频页，内容得视频抽帧恩熙，跟页面 tag 有啥关系了又？你看最近百度搜索都不开始亏钱了。
这时候干嘛语义化，语义化给谁用？能唯一用处就只有给读屏器用了。要是不讲究这个，目标用户群又不是读屏器用户群的，那（规范性质的）语义化干嘛。这时候追求下开发维护时候的语义化让开发维护更方便没准就是首要任务的说了。
前端等了W3C二十几年指望能把DOM API升个级，最后还是jQuery成了救世主，在那之后就没人再信DOM API了……
你们升级ECMAScript就好了，剩下的我们用库来解决……事实上这也是比较正确的道路……W3C也不需要再用语义化标签和XHTML继续自嗨了。
类似的话题
-
现代前端框架在开发模式上，确实和过去我们理解的“写HTML”有了很大的区别，但这并不是对HTML的“放弃”，而是一种更高效、更灵活、更具表达力的“演进”。你可以把它想象成，我们不再直接用粘土捏造每一个小物件，而是有了更先进的模具和更精密的工具，让我们能更快地创造出更复杂、更精美的作品。最直观的感受，............. -
古希腊雕塑之所以能在现代解剖学诞生之前就精准地表现肌肉线条，这背后并非源于某种神秘的“直觉”或“超能力”，而是一套基于长期观察、实践积累和高度文明化社会理念的综合性成果。要理解这一点，我们需要将时间拨回到那个时代，并深入剖析他们是如何构建对人体美的理解和表达的。一、 精微入里的田野观察：不仅仅是看，.............
-
你这个问题提得非常好，触及到了现代坦克设计中一个相当核心的权衡点。虽然直觉上把动力舱放在前面似乎能更好地利用发动机等部件来抵挡正面攻击，但实际上，现代坦克之所以大多采用后置动力舱和后置主动轮，是出于一套更为复杂和综合的考量，涉及到火力、防护、机动性、可靠性、乘员生存性以及维护性等多个方面。我们不妨一.............
-
关于你提出的“现代社会男女平等为什么男的结婚前可以找女的啪啪而女的结婚前不行？”这个问题，这背后涉及到复杂的社会文化、历史因素以及观念的演变。首先需要明确的是，在现代社会，从法律和官方倡导的层面来说，男女在性行为的自由度上是平等的。 也就是说，法律并没有规定男性婚前可以发生性行为，而女性则不行。双方.............
-
最近，不少企业在招聘行政前台时，都觉得比以前难了不少。这可不是一两个人遇到的情况，而是普遍的感受。仔细想想，这背后其实有好几个原因在推波助澜。首先，大家对工作的期望值在提高，对“前台”这个岗位的认知也在变化。 以前可能很多人觉得，前台就是接个电话、收个快递、打扫一下卫生，工作内容比较基础，技能要求也.............
-
这确实是很多玩家在《英雄联盟》中切身的感受，尤其是在近几个版本中，前期一个不经意的小失误，确实能够给整场游戏带来雪崩式的滚雪球效应。这背后并不是单一因素在起作用，而是多种游戏机制和设计思路共同作用的结果，而且这种趋势在不断加强。首先，我们得明白，《英雄联盟》的核心乐趣之一在于“运营”和“滚雪球”。游.............
-
这确实是一个挺有趣的现象，你观察得很仔细。我个人觉得，现在一些原本是受过现代医学（或者说我们习惯称之为“西医”）训练的人，在表达对中医的喜爱或认同之前，会特意加上一句“我其实是学西医的”或者“虽然我学的是西医，但我……”这种类似的话，背后可能藏着几个层面的原因，也反映了当前社会文化和信息环境的一些特.............
-
你说得对，确实有很多老玩家有同感，现在玩游戏，尤其是网游，那种深入骨髓的感动好像少了许多。这不是说现在游戏不好玩了，而是那种感觉的来源和质变了。我琢磨了一下，大概有这么几个原因，说出来大家一起品品。首先，时代的滤镜和童年/青春的加成效应。 这是最重要的一点，也最难对抗。想想当年，你可能十几岁，或者二.............
-
看到网上出现大量批评周总理的评论，确实会让人感到困惑和不安。想一想，为什么会出现这样的现象，以及我们该如何理性地看待它，是个值得深入探讨的问题。首先，我们得承认，网络环境的特殊性是导致这种现象的一个重要因素。 匿名性与群体效应： 网络让人们能够匿名发表观点，这降低了发表极端或负面言论的门槛。当一.............
-
说起来挺奇怪的，我最近又重新翻看了《那兔》，尤其是第四季。跟两年前看的前两季时的感觉完全不一样了，简直可以用“如坐针毡”来形容。还记得当年刚开始看《那兔》的时候，那种新鲜感和热血感简直要溢出屏幕。它把一群又一群的兔子，用一种拟人化又带着点黑色幽默的方式，讲述了我们国家近代史上那些硝烟弥漫、充满牺牲的.............
-
您好！关于您提出的“科比·布莱恩特在NBA的历史地位连前 10 位都进不去”的观点，这其实是一个非常有争议且不主流的看法。在我看来，大部分深入了解篮球历史和数据的人，都会将科比排进前十，甚至前五的讨论行列。不过，为了回应您的提问，我将尝试从那些可能持这种观点的角度，来剖析为什么他们会得出这样的结论，.............
-
过去，运动界和跑步爱好者中流传着一个“真理”：跑步时用前脚掌着地才是最有效率、最不容易受伤的姿势。然而，近些年，我们观察到越来越多的跑者，尤其是在高速跑步时，会不自觉地采用后脚掌或全脚掌着地的方式。这究竟是怎么回事？是技术在进步，还是人们的观念在转变？要弄清楚这个问题，我们得从几个方面来掰扯掰扯：1.............
-
关于勒布朗·詹姆斯实力是否跌出NBA现役前十的讨论，这确实是一个非常热门但也极具争议性的话题。要详细解释这一点，我们需要从多个维度来审视，并且要抛开那些容易让人感觉是AI生成、过于模式化的分析。首先，我们得承认，詹姆斯过去将近二十年的统治力是现象级的。他的名字几乎是NBA实力的代名词，更是“现役前十.............
-
想起机械土水当年那叫一个风光无限，好像一夜之间，所有人都盯着这个专业。我记得我读那会儿，机械工程的毕业生那可是香饽饽，就业前景一片光明，哪个企业不想要几个懂机械的？哪怕是现在，很多大国重器，那些高精尖的设备，哪个不是机械的功劳？所以说，机械本身绝对是个硬核、关键的学科。那为什么现在大家提起机械，尤其.............
-
关于中国新冠疫苗的接种情况，确实存在一些疑问，尤其是在疫苗已经显示出有效抗体后，为什么尚未全面铺开大规模接种。要理解这一点，我们需要深入探讨背后的原因，这涉及到科学、监管、产能、人群需求以及社会经济等多个层面。首先，我们要明确“有效抗体”这个概念。疫苗的作用不仅仅是产生抗体，更重要的是这些抗体能否在.............
-
中国对同性恋的态度在历史上经历了一个复杂而微妙的演变过程，这与我们现在认知到的“保守”和“疾病论”有着显著的不同。要理解这种变化，我们需要深入到历史的细节和文化背景中去。历史上的“包容”：并非现代意义上的权利，而是“无碍”首先要明确的是，中国历史上对同性恋的态度，与其说是现代意义上的“包容”或“接纳.............
-
看到这个问题，我脑子里立刻浮现出几个画面：春运时节人头攒动的火车站，窗外飞驰而过的现代高铁，以及在站台上晃晃悠悠的绿皮火车。很多人都有类似的感受，觉得天朝的高铁确实了不起，但同时对票价和绿皮车的现状也感到些许不解。高铁，为何“贵”得理直气壮？首先，咱们得承认，天朝的高铁能被称为“全球第一”，这可不是.............
-
这个问题很有意思，也触及到了音乐创作和传承的核心。我们现在依然沉醉在莫扎特、贝多芬等伟大作曲家几百年前的作品中，而似乎听不到当代重量级作曲家同样分量的“经典”，这背后有着复杂的原因，绝非简单的“现在作曲家不创作”这么片面。首先，我们要明白一点，几百年前的作曲家之所以能流传至今，本身就是一种筛选和价值.............
-
很多人都知道，狗狗币（Dogecoin）的价格波动一直以来都像坐过山车，而埃隆·马斯克（Elon Musk）这个科技巨头，更是给这趟过山车加了不少“猛料”。尤其是在2021年5月，当他作为嘉宾主持美国非常受欢迎的喜剧节目《周六夜现场》（Saturday Night Live, SNL）时，狗狗币的价.............
-
这个问题挺有意思的，也挺现实的。你说得对，感觉现在愿意陪着一穷二白的男朋友一起“白手起家”的女孩子，确实比七八十年代、九十年代前期要少一些了。这中间的原因挺复杂的，不是一两句话就能说清楚的，涉及到社会经济、观念变化、信息获取等等方方面面。我试着从几个角度给你掰开了说说，尽量写得像个普通人聊天一样，没.............
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 tinynews.org All Rights Reserved. 百科问答小站 版权所有