`
MirrorAvatar
  • 浏览: 47970 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

前端开发中的解耦

 
阅读更多

在知乎上看到一个问题:“怎么才能知道自己的编程水平?”。

 

排名第一的mu peng的回答是:

 

看需求。

如果需求改了一点,自己的代码就要推倒重来,这说明还需努力。

如果需求改了很多,客户,PM都觉得很不好意思,自己勉为其难的答应了。可是回去半天就改完了,测试基本没有bug。这就说明水平不错了。

谢邀。

 

看到此回答,受益匪浅。于是想到了自己的前端开发工作。

 

我觉着在开发当中,解耦一定要做好,因为,正如上面所说,客户可能会不断地提需求,你得不断地改页面。如果做好解耦工作,那么改起来就不那么痛苦了。

 

在我工作中,我用到了两种解耦,一种是代码上的解耦,第二种是业务上的解耦。

  • 代码解耦。前端开发都知道:内容(HTML)、表现(CSS)和行为(JavaScript)之间的解耦。这个地方的详细介绍可以参考《编写可维护的JavaScript》,里面介绍的挺详细的。
  • 业务解耦。给客户做新需求的时候,如果你看到一个已有的页面和它差不多,不能因为想着复用而都去用这一个页面,那样客户提新需求的时候,可能会影响到别的业务,因此需要业务解耦,不同的业务直接不能影响。

博客可能会随时添加,以丰富内容,顺便鄙视一下下面的广告,实在受不了。

2
0
分享到:
评论

相关推荐

    前端代码如何解耦

    模块间的通信和依赖管理也是代码解耦中的重要一环。传统的直接调用方式会导致耦合度过高,后期维护困难。因此,推荐采用观察者模式等策略来降低模块间的耦合度: ```javascript // 观察者模式示例 function ...

    javaweb前端规范(js解耦和)

    在JavaWeb开发中,前端部分是用户交互的直接界面,其设计和实现的质量直接影响到项目的可维护性和用户体验。为了提高代码质量,降低维护成本,一套良好的前端规范是必不可少的。以下是一些关于JavaScript解耦合和...

    前端开发规范手册

    《前端开发规范手册》是为前端开发者提供的一份详尽指南,旨在促进代码一致性、提高团队协作效率并遵循最佳实践,以确保代码的可维护性和性能优化。在JavaScript开发领域,尤其是在“其它杂项”这一广泛分类下,遵循...

    大优惠前端开发参考手册

    这个手册覆盖了前端开发中的各个方面,是提升技能和解决实际问题的理想参考资料。 【描述】:“包含css3 dhtml html5 JavaScript核心参考手册 JavaScript 语言中参考手册 jQuery等”说明了该手册的主体内容,主要...

    解耦的力量:前后端分离系统中服务独立扩展的艺术

    在传统的Web开发模式中,前端页面和后端逻辑通常紧密耦合在一起,而随着Web应用的复杂性不断增加,这种模式逐渐暴露出诸多问题。为了解决这些问题,前后端...1. **前端开发**:前端开发者使用HTML、CSS、JavaScript等

    前端技术分享 表单也疯狂-复杂表单与解耦 基于YUI的复杂度解耦 共87页.pdf

    在前端开发中,模块化架构是非常重要的。它可以帮助我们将复杂的系统拆分成多个小的、独立的模块,每个模块都负责特定的功能。这样可以使得系统更加灵活、可维护和可扩展。 在复杂表单中,模块化架构可以帮助我们将...

    从中台的前端走向前端的中台.rar

    1. 提高开发效率:前端开发人员可以快速构建新功能,无需从零开始编写代码。 2. 统一用户体验:通过组件化,确保不同页面、不同平台的用户界面一致性,提升用户满意度。 3. 支持快速迭代:前端中台允许快速调整和...

    打造高效前端:前后端分离系统中的静态资源处理

    在传统的Web开发模式中,前端页面和后端逻辑通常紧密耦合在一起,而随着Web应用的复杂性不断增加,这种模式逐渐暴露出诸多问题。为了解决这些问题,前后端...1. **前端开发**:前端开发者使用HTML、CSS、JavaScript等

    微服务前端架构开发介绍.docx

    前端开发中,传统的做法是建立一个统一的单页面应用(SPA),由一个前端团队维护,与后端通过REST API交互。然而,随着业务的复杂性和规模的增长,这种模式会导致前端应用变得臃肿,维护困难,成为制约快速响应市场...

    GraphQL 后端的瑞士军刀,前端的得力助手

    在传统的Web开发模式中,前端页面和后端逻辑通常紧密耦合在一起,而随着Web应用的复杂性不断增加,这种模式逐渐暴露出诸多问题。为了解决这些问题,前后端...1. **前端开发**:前端开发者使用HTML、CSS、JavaScript等

    基于Java后台的前后端分离的微信小程序-新饰纪商城的前端代码.zip

    7. **前端开发流程**:从设计原型、编写代码到调试和部署,都需要掌握前端开发工具的使用,例如微信开发者工具,以及Git版本控制等。 8. **用户体验优化**:在微信小程序开发中,需要考虑加载速度、交互流畅度、...

    单页面应用容器,netcore前后端分离,前端快速部署&回滚.zip

    在.NET Core框架下实现前后端分离,是将应用的业务逻辑(后端)与用户界面(前端)解耦,从而各自独立开发和部署。这种分离方式使得开发团队可以专注于自己的专业领域,提高开发效率,并且更容易进行持续集成和持续...

    sandh解耦方式把值显示在页面

    "sandh解耦方式把值显示在页面"这个标题描述了一个具体的应用场景,即在Java Web开发中,通过解耦技术实现数据在后端与前端之间的高效传递,使得页面能够正确显示数据。 在这个过程中,首先涉及到的是两个表的关联...

    领域驱动架构透析与架构解耦(29页).pdf

    综上所述,领域驱动设计和架构解耦是现代软件开发中重要的思想和技术,它们帮助我们构建出更符合业务需求、更具弹性的系统。通过明确领域边界、合理演进架构、利用C4模型和RUP视图等工具,我们可以更好地理解和设计...

    javaee课设前端.zip

    前端开发在JavaEE项目中扮演着至关重要的角色,因为它决定了用户的交互体验和视觉效果。以下是关于JavaEE前端开发的一些核心知识点: 1. **HTML(超文本标记语言)**:HTML是构建网页的基础,定义了页面的结构。在...

    VoilaJS是实现一种以模块的形式编写HTML来增强静态前端开发过程与React非常相似

    VoilaJS是一个JavaScript库,它的核心设计理念是将HTML编写方式转变为模块化,以此来提升静态前端开发的效率和可维护性。这个库的出现是为了提供一个类似于React的开发体验,但可能具有自身独特的特性和优势。在...

    电商前端,前后台分离,webpack开发.zip

    Webpack是前端开发中的一个模块打包工具,它能够将各种资源(如JavaScript、CSS、图片等)视为模块,通过配置和插件进行编译和打包,生成符合生产环境需求的静态资源。 1. 模块化:Webpack支持CommonJS、ES6模块等...

    NCC只改后端代码无需启用前端环境补丁

    NCC是一个集成开发环境,主要用于编写和管理后端代码,而这里的描述意味着在使用NCC时,如果仅对后端代码进行修改,可以不必开启前端开发环境或者应用前端相关的补丁更新。 首先,我们来详细了解一下NCC。NCC全称为...

    前端开源库-shtml

    由于其开源性质,社区不断贡献和改进,SHTML库也在不断发展和完善,以适应不断变化的前端开发需求。 总结来说,SHTML是一个创新的前端开发工具,它尝试以一种融合HTML和CSS的新语法,提高开发效率和代码可读性。...

    一个基于微服务架构的前后端分离博客系统 前端技术.zip

    具体来说,前端开发人员使用前端技术栈(如HTML、CSS、JavaScript等)进行页面的开发和交互逻辑的编写,后端开发人员则使用后端技术栈(如Java、Python、Node.js等)处理数据和业务逻辑,并通过API接口提供数据给...

Global site tag (gtag.js) - Google Analytics