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

最新推荐文章于 2022-05-01 23:14:28 发布
最新推荐文章于 2022-05-01 23:14:28 发布
阅读量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
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端分层开发（MVC分层）、控制器继承（代码重用）
huangyh技术栈
11-21 2343
1.1 需求分析 完成了品牌的增删查改功能，但是JS代码和HTML代码都放在一起，并不利于我们后期维护。我们可以在前端代码中也运用MVC的模式，将代码进行分离，提高程序的可维护性。 １.２MVC分层  1.2.1前端基础模块层 在sunny-manager-web/src/main/webapp/js目录下创建base.js： /** 定义基础模块(不带分页模块) */var ...
Vue
小陈学java
07-23 1952
前端体系，前后端分离 1、概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项目整合。 2、前端知识体系 想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中“我大前端”是绕不开的一门必修课。本阶段课程的主要目的就是带领我.
比较流行的前端设计模式：分层和建模
sinat_33255495的博客
03-03 939
说在前面：虽然浸润前端行业多年，但不得不承认在技术洪流中我还是有些落后了。最近在整理前端的系统化知识，发现好像知识我都是似懂非懂的样子。今天的文章是我自己查阅资料整理的内容，只为记录学习心得，供大家学习互勉，如果有不对的地方大家可以指出来。 前端建模 前端建模包括两个层面的内容： 业务建模 交互建模 （1）业务建模 业务建模简单说就是把业务实体与其逻辑进行建模。这些业务模型都是独立的，自治的，在不被使用的时候，它独立描述该业务对象的各种字段及逻辑。缺点是只有在具体的业务场景中才能完成真正的模块编程。 目
基于vue ui搭建前端工程以及项目分层实践浅谈
qq_38783257的博客
05-01 1122
文章目录前言vue ui前端代码分层api层assets层component层config层router层store层utils层view层 前言 最近在看前端工程化的内容，在思考如何快速从0开始搭建一个前端项目以及前端项目如何进行代码分层。有一些收获，随手记一下。最近也在写一些demo工程，欢迎大佬来star一下： 基于vue ui研发的飞雪测试平台前端源码：https://github.com/tdx1997tdx/my_tapd_frontend vue ui 偶然间发现了vue ui工具，是真的香。
学习品优购总结[三](前端分层开发)
weixin_39720449的博客
06-26 765
前端分层开发需求分析 分层原因：JS和html代码都放在同一个静态原型中，不利于后期的维护，并同样的$http.get/post也可能被不同的地方所调用，如果很多每个页面的请求操作都相同，那么就按照Java中最常用的思想就是抽取思想来控制其重复的代码， 所以在前端也可以参考MVC的设计模式，将代码进行分离，提高程序的可维护性，减少html页面的代码冗余，增强可读性。 实现步骤： 1.在webapp...
前端项目的总结——为什么要这么分层？好处是什么？
weixin_33989780的博客
03-15 957
2019独角兽企业重金招聘Python工程师标准>>> ...
选择正确的表示层体系结构
03-03
选择正确的交互层体系结构客户端平台部署和更新用户体验性能客户端集成脱机功能小结资源简介表示层是应用程序中至关重要的一部分—构建不适当的表示层可能会导致复杂性太高、缺少灵活性，并使得用户体验效率低下、...
JavaEE设计模式之表示层模式
01-27
因为表示层是请求驱动的，所以“用户”可以是任意请求的发起者。控制器处理该请求。模型就是业务数据，而视图就是最终发生的应答。控制器是与请求发生联系的起点。控制器就是一个主管，首先规划要做哪些更新和要显示...
在表示层集成.NET
03-02
摘要：使用XBikes示例来说明在希望集成ASP.NET表示层的同时，如何保持现有的J2EE业务层。这可使公司保留其在J2EE上的现有投资，并利用ASP.NET提供的丰富的客户端体验。本页内容简介使用Web服务来达到互用性使用...
Vue中拆分视图层代码的5点建议
09-20 613
一.框架的定位 框架通常只是一种设计模式的实现，它并不意味着你可以在开发中避免所有分层设计工作。 SPA框架几乎都是基于MVC或MVVM设计模式而建立起来的，这些模式都只是宏观的分层设计，当代码量开始随着项目增大而增多时，问题就会越来越多。许多企业内部的项目仍然在使用angularjs1.X，你会发现许多controller的体积大到令人发指，稍有经验的团队会利用好angularjs1构建的c...
前端开发如何实现结构、样式、行为彻底分离
我爱骑呆马的专栏
06-04 1544
严格意义上来讲，彻底分离就是结构只出现HTML的代码，没有任何的CSS、JS代码，甚至通过行为改变的HTML也应该写在JS代码里面。 HTML：index.html image gallery Snapshots
前端页面有哪三层构成，分别是什么？作用是什么？
weixin_34268310的博客
12-18 1512
有许多 web 设计师都有为纸质印刷品设计版面的经验。事实上，设计网站时，把网页当做纸质印刷品来对待是最容易想到的思想，除了把白纸换成了屏幕，其他做法没什么两 样。这种做法注定会失败。 Web 是一种不同的媒体。在设计纸质印刷品是时，必须把原始内容和版面设计交织在一起才能看到最终的印刷效果，但在设计网页时，只有将其分离开来才能获得最佳的 结果。 最准确的网页设计思路是把网页分成三个层次，即：...
前端面试题——前端页面内容分层
bojianhao123的博客
03-26 850
HTML属于结构层 CSS属于表示层 JS属于行为层
代码如何分层
清风吹过脸庞
01-17 2675
原文参见：代码分层的设计之道 在复习设计模式的知识点，首先复习的是单一职责原则。这个原则本身理解简单，实践却并不容易，需要在编码和架构设计的过程中，不仅对代码本身做的事了解，还需要对业务有总体了解，这样才知道怎么划分职责，服务化的过程中怎么拆分服务。 之前看过梁桂钊写过类似的东西，记不起来了，现在再去看看。 我的目标是：弄明白应该如何拆分类或者服务，有没有具体的最佳实践或者指导原则。 ...
Java Web应用的代码分层最佳实践
BruceLeeNumberOne的博客
05-07 2613
代码分层，对于任何一个Java Web开发来说应该都不陌生。一个好的层次划分不仅可以能使代码结构更加清楚，还可以使项目分工更加明确，可读性大大提升，更加有利于后期的维护和升级。从另外一个角度来看，好的代码分层架构，应该是可以很好的匹配上单一职责原则的。这样就可以降低层与层之间的依赖，还能最大程度的复用各层的逻辑。本文就来介绍下Java Web项目的代码到底应该如何分层。三层架构在软件体系架构设计中...
优秀的代码应该如何分层？
风尘博客
02-27 1834
一、背景 说起应用分层，大部分人都会认为这个不是很简单嘛 就controller，service, mapper三层。看起来简单，很多人其实并没有把他们职责划分开，在很多代码中,controller做的逻辑比service还多,service往往当成透传了，这其实是很多人开发代码都没有注意到的地方，反正功能也能用，至于放哪无所谓呗。这样往往造成后面代码无法复用，层级关系混乱，对后续代码的维护非常麻...
电商三十二、前端分层开发和代码分离JS
lbh19630726的博客
10-02 315
①目标： 目标1：理解和运用angularJS的service（前端在分层的时候，前端的服务层。） 目标2：理解和运用控制器继承（控制器还可以继承。这个前端的思想，是从后端借鉴过来的。） 目标3：掌握一个代码生成器的使用（避免写过多重复的代码） 目标4：实现规格管理 目标5：实现模板管理 在做目标4和5的两个功能的时候，我们会涉及到一些比较复杂的控件。比如说：下拉列表控件（不是那种简单...
优秀的 Java 项目代码都是如何分层的？
积少成多
03-24 2158
转自：http://jingyan.baidu.com/article/75ab0bcb143d69d6864db20d.html 一、对象的初始化 (1)、非静态对象的初始化 在创建对象时，对象所在类的所有数据成员会首先进行初始化。 基本类型：int型，初始化为0。 若是对象：这些对象会按顺序初始化。在所有类成员初始化完成之后，才调用本类的构造方法创建对象。 构造方法的作用就是初
什么表示软件结构中的控制层数
最新发布
09-09
表示层是软件系统的外部接口，负责与用户进行交互和展示，例如前端界面的设计和实现。表示层负责接收用户输入的请求，并将请求传递给业务逻辑层进行处理。 业务逻辑层是软件系统的核心功能，负责处理业务逻辑和规则...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值