html架构,HTML架构-成都蓉杠电子技术开发公司

大家好，今天小编关注到一个比较有意思的话题，就是关于html 架构的，于是小编就整理了2个相关介绍 HTML架构的解答，让我们一起看看吧。

html三大架构？
如何定义前端架构？

html三大架构？

HTML文档结构一般包括包括标记（Html）、头部（Head）、主体（Body）三部分。

标记< html></html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

div>

（图片来源网络，侵删）

头部<head></head>：表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。

主体<body></body>：网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

如何 定义 前端架构？

前端，源自人机互操作。

（图片来源网络，侵删）

前端架构需要定义机器交互界面设计满足人类操控的体验需求。

所以前端架构的定义需要有⑤体验场景下的①需求，②行为，③结果和④操作逻辑规则。其中一切都是围绕场景下的体验体验展开。

首要条件就是对前端架构基本模型元素有清晰定义：

（图片来源网络，侵删）

③交互目标

⑤交互体验场景

②交互行为

前端框架是用于开发前端的平台。它通常包含一些构建文件、将数据与 DOM 元素关联、设置组件样式和发出 AJAX 请求的方法。它主要是用来创建交互式工具和开发响应式网站的，升级移动和 Web 应用程序的外观和感觉。就拿JVS的基础框架来说，它的前后端都有的脚手架，基于vue来做的，其中有配置表单、配置列表、配置图表、配置逻辑等。

JVS基础技术扩展应用框架，是企业应用运行的基础环境，其上可承载各种企业应用，并且可以通过提供的业务编排工具对系统进行低成本的改造，框架支持低代码、可视化、界面配置化等模式进行业务编排。

style="line-height: 1.75;margin: 20px 0px 20px;">在线的demo ：frame.bctools.cn

如图展示：

在Web前端技术变化日新月异的今天，Web前端项目变的越来越复杂。前端架构也会随着我们现在千变万化的迭代需求，架构技术的演化，不仅是架构师也是我们每个开发人员都必须去关注的问题。下面，给大家详细说一说前端构架！

2014年10月13日CSS 开发者大会上，在新奥尔良会议中心一个拥挤的房间里“举起前端架构的旗帜”成了在一线奋斗着的开发者们共同的诉求。在那之后，那些想要弄清楚自身定位以及在[_a***_]中所扮演的角色的开发者们发现，其实他们一直扮演着前端架构师的角色，却从来没有拥有过这个头衔，或者没有足够的信心去争取这个职位所应具有的权力。

在大会召几周之后，很多人把他们在Twitter上的个人简介改成了“前端架构师”。

前端架构如同建筑设计，在建设过程中，建筑设计师需要设计和规划方案，并且跟进施工过程。这与前端架构师的工作有着异曲同工之妙，不同的是后者建造的是网站，而不是建筑物。比起浇筑混凝土，建筑设计师会在设计工程构图的工作上倾注更多的精力。同理，相比编写具体的代码，前端架构师更专注于开发工具和优化流程。

前端架构是一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效可持续的工作流。

前端设计架构不是一劳永逸的工作，没有任何设计在一开始就是完美的，也没有任何***可以一步到位。

1. 体系设计

试想一下，如果一栋建筑没有明确的构造设计，所有的重要事项都由建筑工人直接决定，那么就可能会出现这样的情景:第一面墙用石头垒，第二面墙用砖头砌，第三面墙用木头搭，第四面墙因为追求时髦而留空。

虽然网站的整体外观和风格基调完全由经验丰富的视觉设计师决定，但前端架构师掌控着背后的前端开发方法和系统设计哲学。通过设计所有前端开发人员都要遵循的系统规范，前端架构师清晰描绘了产品和代码的最终形态。

我理解的前端架构，是针对某个项目，整体技术选型和结构的一个模式。譬如：前端流行的框架react vue angular，针对你的项目大小和使用形式选择某个框架，然后该框架配合哪些第三方插件的使用等。只有先把整个架构搭建起来，才能让整个团队统一一种架构模式开发

首先我们先来分开了解下前端和架构。前端指网站前台部分，通俗来说就是运行在PC端，移动端等浏览器上展现给用户浏览的网页。而架构是一个演变的过程。它指的不是随着历史的演变，而是随着项目演变。我们通常说的架构，指的是架构模式，自创的架构很少。结合起来，前端架构包含以下几个过程：

1、项目信息收集。在所有的项目开始之前，首先要对即将要做的项目有针对性的进行有效信息收集。

2、技术预研及选型。在充分掌握了项目信息之后，我们需要选择合适的前端框架来实现我们的项目。

3、目录结构。清晰的目录结构，会让整个项目显得有逻辑性，便于管理源代码。