浅谈前端开发模式的理解

最新推荐文章于 2022-05-29 21:42:30 发布
最新推荐文章于 2022-05-29 21:42:30 发布
阅读量667 收藏 1
点赞数
分类专栏： Vue 前端开发模式 文章标签： vue.js mvvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/friend_ship/article/details/105730336
版权

MVC传统的开发模式，实质上是面向DOM开发。

      MVC: Model, View, Controller

                 Model: 模型层，也叫数据层

                 View: 视图层，页面展示

                 Controller: 控制层，也叫控制器，与业务逻辑相关，主要用来操作DOM

MVP传统的开发模式，实质上是面向DOM开发。

        MVP：Model，View，Presenter

                   Model: 模型层，也叫数据层

                   View: 视图层，页面展示

                   Presenter: 控制层，也叫控制器，与业务逻辑相关，主要用来操作DOM

MVC和MVP的有什么区别？

MVVM开发模式，实质上是面向数据开发。

以vue为例，虽然Vue没有完全遵循MVVM模式，但是Vue的设计也受到了它的启发。

        MVVM： Model, View, ViewModel

                   Model: 模型层，也叫数据层

                   View: 视图层，页面展示

                   ViewModel: 缩写vm，这个变量名表示Vue示例，主要用来监听DOM，数据绑定

 

friend_ship
关注
专栏目录
【Web前端】：对前端开发模式的思考
To Begin,Begin　　
04-01 3715
这周主要是对前端开发模式的发展以及前端的技术进行了了解。现总结成以下内容（按照发展的不同阶段来总结）： “被动的浏览器”特点： 服务端负责把界面生成好，浏览器只负责展现。 前后端的职责不清晰，二者并没有分离。 前端的工作都由后端开发人员直接做了。 具体来说： 1.浏览器端对界面的形态和相关业务逻辑基本都没有控制权。基本上是服务端给什么浏览器就展现什么，展现的控制在服务端。 2.对于第二点，
JavaScript常用前端框架和库浅谈_前端框架设计-js
最新发布
2401_84435885的博客
04-26 1032
javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。
前端开发模式--MV*
weixin_34348174的博客
02-25 137
前端的开发模式从经典的MVC框架，到完全独立出来controller层的MVP，再到以vue、angular、react引领的的MVVM框架。 M指的是model（业务逻辑、接口数据层），V指的是view（用户可视页面层），C、P、VM指的是controller（用户界面和后台接口之间的控制层，主要作用是预处理用户输入，应用逻辑处理） M...
前端开发模式解读：--设计模式
qq_39047764的博客
07-12 499
https://www.cnblogs.com/nicolaszhao/p/7091608.html
前端设计模式
weixin_33713707的博客
02-12 116
1、模块模式在立即执行函数表达式中定义的变量和方法，在该函数外部是访问不到的，只能通过该函数提供的接口，"有限制的"进行访问；通过函数的作用域，解决了属性和方法的封装问题。最常见的立即执行函数写法有以下两种： (function(){ /* code */ }()) 或者 (function(){ /* code */ })() 模块模式...
我想你需要看一下 前端开发常见的几种设计模式
yi_shi__的博客
02-06 275
前端开发中常用的几种设计模式 单列模式 构造函数每次被创建对象，只有一个被创建 ​ 单例模式是JavaScript最简单的设计模式之一。属于创建型模式，提供看一种创建对象的最佳方式 简单来说 就是没有就创建，有就使用，只有一个 私有构造函数 声明静态单列对象 构造单列之前要加锁 需要二次检查单例实例是否为空，分别在锁之前和锁之后 var single = (function(){ var demo; return function(name){ if(demo){ return demo
浅谈JavaScript前端开发的MVC结构与MVVM结构
11-22
JavaScript前端开发中的MVC（Model-View-Controller）和MVVM（Model-View-ViewModel）是两种常见的设计模式，它们分别用于构建可维护性高、结构清晰的Web应用程序。MVC模式最早由Trygve Reenskaug在Smalltalk-80中...
浅谈Angular 观察者模式理解
10-17
了解和掌握Angular中的观察者模式对于开发高效、响应式和易于维护的Web应用程序至关重要。它不仅增强了应用的交互性，还帮助开发者更好地组织代码逻辑，减少耦合度。随着对这一模式的深入了解和实践，开发者可以更加...
浅谈三大模式(mvc,mvp,mvvm)
08-25
最后，我们讨论MVVM模式，这是现代前端和移动应用开发的首选模式。MVVM的核心是数据绑定，它自动同步Model和View的状态。ViewModel作为数据的中介，提供用于操作Model的方法，并响应View的改变。MVVM通过减少View与...
一个好的前端开发模式总结
bangongzan0053的博客
09-19 211
背景 随着社会的不断进步，人们慢慢从物质消费升华到了精神消费，前端也相比原来重要了许多，如何开发好一个项目，开发意识非常重要，这时候应该如何更好的开发一个前端网站的流程尤为重要。 开发阶段 1.根据公司实际情况选择框架技术 前端现在比较主流的三大框架自行选择。 例如react+webpack+es6+dva webpack:模块打包，处理jsx、less、image、热更新、按需加载、...
最简单的理解前端开发
qq_47237132的博客
06-01 4527
前端开发 什么是前端开发：前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。 前端开发的最基本的技术（HTML5,CSS3,JavaScript) html简介:HTML（Hyper Text Markup Language,超文本标记语言）是纯文本类型的语言，它是Internet上用于编写网页的主要语言，使用HTML编写的网页文件也是标准的纯文本文件。（简单的说就是告诉.
前端开发模式
scripting the world
07-10 650
这是一篇讨论前端开发模式的文章。本文讨论的范围基于以下前提：1. Web2.0型的网站（偏重设计的网站不在讨论之列）2. 规模大到中的网站 首先我们来看看一个常见的工作流程：  需求 > 设计 > 页面 > 后台集成  通常需求不关前端开发的事情，但在这个注重用户体验的年代，前端开发也会介入其中讨论一些需求的实现模式。 需求基本确定后一般会提供若干需求文档，
对前端开发的基本认识
chaonengwang的博客
05-29 1586
web前端是什么？ 广义：前端是软件系统中直接和用户交互的部分(眼之所见皆为前端 电子产品上) 狭义：目前国内的前端总体而言是完成基于浏览器用户界面设计和开发,主要工作有PC网站开发，移动端网站开发，webapp开发，在线游戏开发，本地软件开发 浏览器与搜索引擎的区别 浏览器 ：软件 应用 谷歌浏览器 qq 浏览器 360浏览器 火狐浏览器 搜索引擎：功能块 百度 谷歌 火狐 后端与前端的区别？ 前端: 页面的展示 与 信息的收集 （输入账号密码）向后端通风报信 后端：拿到数据
经典开发模式理解
weixin_30764771的博客
01-08 106
什么是开发模式 开发模式是一套立足于特定背景，且拥有一整套可预测结果的解决方案。可复用设计元素。（这句话很重要，需要反复阅读理解！） GOF经典开发模式包含以下三大类： 创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。 结构型模式，共七种：适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。 行为型模式，共十一种：策略模式、模板方法模...
前端的理解
weixin_44540706的博客
03-30 463
下面是我要做的是我对案例的理解从而自己做出来的一个网页的一些知识点，做的不好仅供参考。 从源代码开始： 一开始给最外边的容器一个id，一定要在装图片的容器那里把需要位移的样式写好。要在图片区多放两张图片，分别放于开头和结尾，从而做到循环。设一个最小的left值，如果位移量大于最小的left值，则false。再设一个每次位移量，如果小于这个位移量，则false。 最后是编写一个好说控制定时器，pla...
前端开发模式分类
我的博客简介
10-08 945
前端开发模式分类
你对前端工程师的理解
肖肖肖丽珠的博客
04-08 9235
首先，你必须是一个合格的“页面仔”，所有的页面可以用css+html来实现。js和jquery也是必须会的，因为纯静态的页面是没办法完全吸引一个用户的。你的各种特效就需要使用js或者jquery啦。 jquery是一个框架它能实现js的一些效果，但是它的使用学习就更加简单。 其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。懂一些设计方面的技能和基本素养，比如P
开启你的JavaScript之路：一、浅谈前端发开发模式
qq_22982571的博客
03-05 243
有些刚入坑前端的小伙伴不理解前端开发和node有什么关系，这入坑第一篇文章我们就来浅谈前端开发和node的关系，让我们的开发不再迷茫。 1. 经典Web开发 就是最初Web的开发模式，它的目录结构是这样的： 我们可以看到整个项目的入口文件是index.html，当我们双击打开html文件的时候浏览器会根据文件中引入的路径加载JavaScript脚本和css，里面的写法就不作介绍了，相信大家已经烂...
理解设计模式：深入浅出工厂模式解析
理解并熟练运用设计模式，尤其是工厂模式，对于提升软件开发的专业水平至关重要。无论是初级开发者还是经验丰富的工程师，都应该深入学习设计模式，以提升代码质量，打造更加健壮和灵活的软件系统。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值