位置: 编程技术 - 正文

对JavaScript客户端应用编程的一些建议(javascript在客户端执行)

编辑:rootadmin

推荐整理分享对JavaScript客户端应用编程的一些建议(javascript在客户端执行),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:客户端javascript,对于javascript理解,javascript与客户端的交互,javascript与客户端的交互,javascript在客户端有什么应用,javascript与客户端的交互,对于javascript理解,javascript与客户端的交互,内容如对您有帮助,希望把文章链接给更多的朋友!

你可能注意到了,最近的一段时间越来越多的Web应用有变复杂的趋势,重心从服务端慢慢向着客户端转移。 这是个正常的趋势么?我不知道。支持和反对者的讨论就像是在讨论复活者和圣诞节哪一个更好一样; 很难说哪一方观点就是完全正确的。因此,本文不会探讨究竟哪一方是对的,不过我还是试图解释一下使用大家所熟知的面向对象编程也许可以成功的解决客户端编程中存在的一些问题。

不太规范的代码的示例

为了顾及一个应用的响应以及用户体验, 导致我们创建了持续增长的复杂的代码, 这些代码变得难于理解和维护。 你可以轻松的想到在没有任何构架和遵循规则构建出客户端的JavaScript应用代码将会这样:

维护这一类的代码将会很难。因为这短短的一段代码与很多地方都有关联: 它控制着很多的事件 (站点, 用户, 网络事件), 它要处理用户的操作事件, 要解析服务器返回的应答并且产生HTML代码。 有人可能说: “是的,你说的对, 但是如果这不是一个客户端单页的页面应用&#;这最多算是一次过度使用jQuery类库的例子” ——不是很有说服力的观点, 因为众所周知,易于维护和精心设计的代码是非常重要的。特别是许多的工具或者是框架致力于保持代码可用以便于我们能更简单的去测试、维护、重用、和扩展它。

MVC是什么?

谈到这里。我们能受益于那些基于MVC的JavaScript框架,但这些框架大部分不使用MVC,并且相当于Model和Videw的一种结合,或者在二都之间的一些东西,这很难去分清。这就是为什么说大部分的Javascript框架是基于MV*。

改变方法或许可以提供项目中客户端的组织和架构,这使得代码可以在很长的一段时间内容易维护,即使重构已经有的代码也变得相对容易。知道他如何工作和下面一些问题的答案是必需要要记住的。

我的应用里有哪些类型的数据?-Model 用户应该看到什么?-View 谁是和用户交互的程序?-Controller

使用MVC框架重构代码

受用MVC重构代码有什么好处?

解除DOM和Ajax的依赖 代码有更好的结构,并且更容易测试。 从 $(document).ready()中删除多余的代码,只留下使用Model创建Links的部分。对JavaScript客户端应用编程的一些建议(javascript在客户端执行)

让我们使用一些简单步骤来重构一个典型的代码块步骤 1: 创建视图并移动Ajax请求

我们开始解除DOM和Ajax的依赖. 使用prototypes建造者,模式创建'Animals' 对象,并且添加一个 'add' 方法.同时创建视图 'NewAnimalView' , 并且添加方法'addAnimal'、 'appendAnimal' 、'clearInput'.

代码如下:

步骤 2: 使用事件解除依赖.

这个例子,利用MVC框架是关键。我们将会用到事件机制, 事件使我们结合和触发自定义事件. 因此,我们创建新的“AnimalsView”和“NewAnimalView”,并且赋予它们不同的显示animals的职责。 使用事件就来区别职责非常简单。如果在方法和事件之间传递职责,如下所示:

步骤 3: 传递数据结构到核心框架

最后,最重要的一步,我们使用: models, views and collections.

总结

我们已经实现什么呢?我们在高度的抽象上工作。代码的维护、重构和扩展变得更容易。我们极大的优化了代码结果,是不是很迷人?太棒了。但是,我可能要给你泼冷水,即使最好的框架,开发的代码仍旧是脆弱并且难以维护。因此,如果你认为使用了一个较好的MV*框架能解决所有代码上的问题是错误的。记住在重构过程中,经历了第二步,代码会变得好很多,我们不使用框架的主要组件。

记住MV*框架是好的这一点,但是所有关注在‘How'去开发一个应用,这让程序开发人员头决定‘What'。每个框架的一个补充,尤其是当项目的Domain很复杂,将是Domain驱动设计方法,这将更关注与下面的方面:“what”, 把需求转化为真正的产品的一个过程。但是,这是我们要讨论的另外一个主题。

详解JavaScript的策略模式编程 我喜欢策略设计模式。我尽可能多的试着去使用它。究其本质,策略模式使用委托去解耦使用它们的算法类。这样做有几个好处。他可以防止使用大条

介绍JavaScript的一个微型模版 我一直在使用一个小工具,并发现它在构建Javascript应用过程中非常实用。它是一个非常简单的模板函数,速度快,支持缓存,并容易使用。我想分享一

浅谈关于JavaScript API设计的一些建议和准则 设计是一个很普遍的概念,一般是可以理解为为即将做的某件事先形成一个计划或框架。(牛津英语词典)中,设计是一种将艺术,体系,硬件或者更多的

标签: javascript在客户端执行

本文链接地址:https://www.jiuchutong.com/biancheng/380456.html 转载请保留说明!

上一篇:JavaScript中的Promise使用详解(JavaScript中的数据类型)

下一篇:详解JavaScript的策略模式编程(javascript详细介绍)

  • 购入原材料结转采购成本的会计分录
  • 所得税季报季初从业人数
  • 已开发票查询不到怎么回事
  • 稽查补缴增值税做账
  • 结转本月收入类账户到本年利润会计分录
  • 原材料供销合同和电子汇划收款回单金额不一样
  • 公司投标成功
  • 其他应付款冲应收账款
  • 公司名义看望病人合法吗
  • 什么样的企业可以开专票
  • 对外报价时应考虑哪些因素
  • 红包营销活动方案
  • 项目合作费包括
  • 开票满500万一定会升一般纳税人吗
  • 产生的多缴税款怎么做账
  • 资源税进什么科目
  • 注销税务登记后多久注销工商登记
  • 坏账准备递延所得税资产,不缴所得税
  • 以公允价值计量是什么意思
  • 带息负债融资成本率意义
  • 酒店安装监控费用谁出
  • chrom无法访问
  • macOS 11 Big Sur beta 4值得升级吗?macOS 11 Big Sur beta 4更新详解
  • php 文件操作
  • 有关五险一金的知识
  • 生育津贴差额账务处理
  • 基于php的系统
  • laravel 使用redis
  • 为什么结转各项支出时本年利润在借方
  • PHP中使用什么关键字声明变量的作用域为全局
  • 维保服务的税率是多少
  • 【深度学习】Pytorch实现CIFAR10图像分类任务测试集准确率达95%
  • find命令详解查找文件
  • php100 jquery教程
  • css怎么让文字垂直居中显示
  • 法人章两个字的怎么印
  • 当月已付款, 没收到发票怎么做账
  • 带薪休假工资怎么扣税的
  • 经营性应收项目的减少调增 为什么是减
  • 计提固定资产折旧账务处理
  • 发票开具流程是?
  • 补偿性余额实际利率计算公式
  • 合伙企业对外投资收益怎么纳税
  • 固定资产房屋拆除后如何做帐务处理
  • 房地产开发票的时间?
  • 行政事业单位预算一体化账务处理
  • 汇算清缴退款如何做账
  • 会计清查是什么意思
  • mysql5.7.20安装
  • mysql清空表内容
  • vmware workstation中的虚拟机的终端
  • iis怎么打开项目
  • 出现windows boot manager
  • putty无法输入中文
  • freebsd常用命令
  • 系统有乱码怎么解决
  • linux系统如何进入终端
  • gsicon.exe是什么进程 作用是什么 gsicon进程查询
  • linux 系统查看
  • 微软正式推出wind...
  • win10下载英雄联盟运行没反应
  • win8可以装pr2018吗
  • 一个简单的群规内容
  • python 简单例子
  • jquery form表单
  • 如何获取android实体类保存的数据
  • JavaScript 中的事件教程
  • Javascript字符串奇数位替换
  • 胰腺在人体的哪个部位图解
  • js简单网速测试方法
  • python数据类型详解
  • 广西国家税务总局电子税务局官网
  • 广西税务局增值税发票查询平台
  • 党建工作领导小组会议
  • 汽车车船税怎么交
  • 电力企业所得税按期
  • 税务局纪检组为税收工作纪律保障
  • 如何在国税网查看社保人员信息
  • 服务礼仪包括哪三点
  • 环保税2018年开征文件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设