前端行为层，表示层，结构层的分离

最新推荐文章于 2023-10-04 10:11:34 发布
最新推荐文章于 2023-10-04 10:11:34 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： 前端优化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiXSnow/article/details/84501122
版权

首先解释一下这三层分别代表什么

  1. 行为层：即JavaScript
  2. 表示层：即css
  3. 结构层：即HTML结构

行为层与表示层的的分离的意思是 不在用 js 来改变css 样式，但可以通过 js 给元素添加class类名 来改变样式；然后在css里给这个类写具体的样式

表示层和结构层的分离：不写内联样式

LiXSnow
关注
专栏目录
前后端分离--三层
JOKER0707的博客
12-02 417
建议先了解怎么分两层，http://www.cnblogs.com/-beyond/p/7954177.html 再分两层的基础上，还可对后端处理数据的那一层再一分为二，一层为模型层（model），一层为控制层（controller） 其中模型层（model）的任务是对数据进行处理，然后提供一个接口（interface、function）给控制器层（controller），控制器层把...
“别滥用Class”——HTML语义化、前端三层分离理解
weixin_34233618的博客
12-21 295
为什么80%的码农都做不了架构师？>>> ...
前端页面由那三层构成，分别是什么，作用是什么
liuhongboke的博客
04-09 1004
网页分成三个层次，即：结构层、表示层、行为层 在web前端页面中HTML属于结构层，负责描绘出内容的结构，CSS属于表示层，负责“如何显示有关内容”，JavaScript属于行为层，负责“内容应如何对事件做出反应，这是 Javascript 语言和 DOM 主宰的领域。”。 ...
前端开发如何实现结构、样式、行为彻底分离
我爱骑呆马的专栏
06-04 1576
严格意义上来讲，彻底分离就是结构只出现HTML的代码，没有任何的CSS、JS代码，甚至通过行为改变的HTML也应该写在JS代码里面。 HTML：index.html image gallery Snapshots
前端知识点（五）：Web标准的网页（结构层、表现层、行为层）以及DOCTYPE
蒋小姐的博客
12-14 2218
1.网页 分为以下三个层， 结构层：指的是HTML或者XHTML,表示网页内容的结构 表现层：指的是CSS，表示网页内容的样式（如何显示） 行为层：指的是JavaScript，表示内容对事件做出反应 2.!DOCTYPE 用于声明文档类型，使用哪种html或者xhtml规范来解析文档 ...
Web标准:结构,表现和行为分离
09-27
在团队协作中，不同的专业角色（如信息架构师、前端开发者、UI/UX设计师）负责不同的阶段，以确保结构清晰、表现美观、行为顺畅。 通过“css禅意花园”项目，我们可以看到这一理念的具体应用。该项目展示了如何将...
WEB层设计模式探索：Command模式在表示层的应用
"WEB层设计模式的实现，主要讲解了Command模式在Web表示层的应用，以及ServiceToWorker模式的框架结构、实现方式和优势。" 在Web开发中，表示层设计模式是构建用户界面的关键部分，它负责处理用户交互并展示数据。...
CSS和HTML与前端技术层图示
09-28
使用CSS，我们能够将结构和样式分离，提高内容的可访问性和可维护性。 接下来是Javascript，它是一种动态的脚本语言，使得网页不仅是静态的文档，还能实现各种动态效果和交云功能。Javascript能够操作HTML文档对象...
Web层设计优化：结构时序图展示ServicetoWorker模式
首先，我们探讨了表示层的体系结构，它通常由客户端表示层组件（如浏览器）和服务器端表示层组件（如Servlet和JSP）构成。在这个架构中，经典的MVC模式（Model-View-Controller）被广泛应用，用于分离表示、数据管理...
三层架构和MVC的区别和联系
08-23
而设计模式是对常见设计问题的解决方案，是软件设计中的最佳实践，目的是为了解决特定的设计问题，如对象创建、结构组织或算法行为等。 接下来，让我们深入分析三层架构。三层架构是一种分层的软件架构风格，它将...
浏览器页面由哪三层构成，分别是什么，作用是什么?
jewfer的博客
12-28 776
浏览器页面有哪三层构成 结构层，表示层，行为层 分别是 结构层是html，表示层是css，行为层是JavaScript 作用 结构层实现页面结构 表示层完成页面的表现与风格 行为层实现客户端的一些功能和业务 ...
web标准中的网页：结构层、表现层、行为层
杜鲁阳的博客
11-26 7012
web网页 WWW，World Wide Web（万维网）的缩写。万维网通常也简称为Web,它是由无数的商业教育，娱乐等资料组成的一个庞大的信息空间。我们在这个信息空间里遨游，浏览，搜寻资料最终呈现在浏览器中的信息，就是Web页面。 对Web前端与HTML，CSS，JavaScript之间的关系进行了一下梳理： 在web前端页面中HTML属于结构层，负责描绘出内容的结构，CSS属于表示层，负责“如...
比较流行的前端设计模式：分层和建模
sinat_33255495的博客
03-03 1030
说在前面：虽然浸润前端行业多年，但不得不承认在技术洪流中我还是有些落后了。最近在整理前端的系统化知识，发现好像知识我都是似懂非懂的样子。今天的文章是我自己查阅资料整理的内容，只为记录学习心得，供大家学习互勉，如果有不对的地方大家可以指出来。 前端建模 前端建模包括两个层面的内容： 业务建模 交互建模 （1）业务建模 业务建模简单说就是把业务实体与其逻辑进行建模。这些业务模型都是独立的，自治的，在不被使用的时候，它独立描述该业务对象的各种字段及逻辑。缺点是只有在具体的业务场景中才能完成真正的模块编程。 目
学习品优购总结[三](前端分层开发)
weixin_39720449的博客
06-26 827
前端分层开发需求分析 分层原因：JS和html代码都放在同一个静态原型中，不利于后期的维护，并同样的$http.get/post也可能被不同的地方所调用，如果很多每个页面的请求操作都相同，那么就按照Java中最常用的思想就是抽取思想来控制其重复的代码， 所以在前端也可以参考MVC的设计模式，将代码进行分离，提高程序的可维护性，减少html页面的代码冗余，增强可读性。 实现步骤： 1.在webapp...
对前端架构的理解 - 分层与抽象
程序员成长指北
09-01 965
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群可能一些同学会认为前端比较简单而不需要架构，或者因为前端交互细节杂而乱难以统一抽象，所以没办法进行架构设计。这个理解是片面的，虽然一些前端项目是没有仔细考虑架构就堆起来的，但这不代表不需要架构设计。任何业务程序都可以通过代码堆砌的方式实现功能，但背后的可维护性、可拓展性自然也就千差万别了。为什么前...
前端页面的编程层次结构
最新发布
2301_79326510的博客
10-04 75
综上所述，前端页面的编程层次结构包括结构层（HTML）、样式层（CSS）和行为层（JavaScript）。通过合理地组织和编写代码，可以实现丰富多样的网页效果和交互体验。在前端开发中，页面的编程可以分为多个层次，每个层次都承担着不同的责任和功能。下面将详细介绍前端页面的编程层次结构，并提供相应的源代码示例。将被调用，修改标题的颜色为紫色。这展示了JavaScript在前端页面中的行为层作用。在上面的示例中，当用户点击链接时，JavaScript函数。
代码分层架构
java小兵
07-19 2129
传统三层架构 表示层（web） 业务逻辑层（business/service） 数据访问层（dao） DDD经典四层架构 用户接口层（User Interface） 系统对外暴露的接口层(API) 应用层（Application） 系统用例层，负责对领域层的领域对象进行组织和编排，通过对领域层对象的编排，实现了用例。 调用domain层的对象完成一个业务。 调用领域服务读取数据 调用repository保存数据(包括事务处理)。 领用层（Domain） 基础设施层（Infrastr
电商三十二、前端分层开发和代码分离JS
lbh19630726的博客
10-02 345
①目标： 目标1：理解和运用angularJS的service（前端在分层的时候，前端的服务层。） 目标2：理解和运用控制器继承（控制器还可以继承。这个前端的思想，是从后端借鉴过来的。） 目标3：掌握一个代码生成器的使用（避免写过多重复的代码） 目标4：实现规格管理 目标5：实现模板管理 在做目标4和5的两个功能的时候，我们会涉及到一些比较复杂的控件。比如说：下拉列表控件（不是那种简单...
优秀的代码应该如何分层？
风尘博客
02-27 1889
一、背景 说起应用分层，大部分人都会认为这个不是很简单嘛 就controller，service, mapper三层。看起来简单，很多人其实并没有把他们职责划分开，在很多代码中,controller做的逻辑比service还多,service往往当成透传了，这其实是很多人开发代码都没有注意到的地方，反正功能也能用，至于放哪无所谓呗。这样往往造成后面代码无法复用，层级关系混乱，对后续代码的维护非常麻...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值