基于AngularJS前端云组件的最佳实践
1。角的惊人
AnguarJS的特点
方便休息:休息已经逐渐成为一种标准的方法在服务器和客户端之间的通信。你可以得到的数据很快从一个Javascript code.augularjs线转成JS对象模型的服务器端,并遵循MVVM设计模式(模型视图的视图模型)。
MVVM救世主:模型将与ViewModel(通过美元范围对象)和监控模式的变化,它可以发送和渲染的视图,并显示HTML代码的可routeprovider美元。查看对象为主,所以你可以深入的联系和组织您的视图和控制器变成导航url.angualrjs还提供了一个无国籍的控制器,可以用来初始化对象和控制范围。
数据绑定和依赖注入:任何在MVVM设计模式自动与UI发生的一切。这有助于消除包装、吸气/二传手,或类definitions.angularjs将帮助我们处理所有的这些内容,你可以像处理基本的Javascript的数据类型的数据。当然,你也可以通过自定义处理复杂的数据。因为一切都是自动的,你不必叫主()来执行你的代码,但它是一个依赖驱动。
可扩展的HTML:大多数网站使用的是非语义标签了。你需要在CSS类定义相关的DOM层次结构。AngularJS,你可以像HTML一样,XML,有完整的标签和属性definitions.angularjs完成相关的设置,通过自己的编译器指令,无数种方式,这是组件实现的基石。
当你接触到jQuery,我们发现做事先绑定和数据恢复的堡垒,插头的过程被关注。但使用角数据收回只要变量的注入是自动完成的,包括事件绑定。绑定数据,MVVM和依赖注入让你觉得你有很多问题。现在你不需要关心了。您只需要更关心数据结构和业务层。它让我们摆脱繁琐的DOM绑定。
二、基于组件的道路
组件是对数据和方法的简单封装,比如样式类、指令类型,比如组件、方法,比如UI效果、方法等等,在大型软件中,基于组件的是一种通用的理解,它一方面提高了开发效率,另一方面降低了维护成本。
基于组件和组件表示
组件可以在很多事情上完成,比如形式化,现在形式化的重任务交付前端,第二个是公共风格库,第三个公共函数库,以及一些业务组件,它们模块化一个特定的点。
组件可能包括统一风格库、带有HTML结构的代码片段、JS控件函数函数的一部分以及数据输入和输出的控制。
三,揭开云层成分的面纱
云和云组件概念
云是互联网和互联网的隐喻,过去,它常常被用来代表电信网络,后来被用来以抽象的方式来代表互联网和基础设施。
云服务是必需的和通过网络获取所需的服务扩展的方式。这种服务可以是IT和软件、互联网相关的,但其他服务。它意味着计算能力也可以作为一种商品通过互联网。云构件相结合的两个元素的云组件形成的。最后,我们要通过统一控制所有N个项目合计。
将组件类型
组件推送的类型包括样式组件、指令类型组件、服务组件、公共过滤器、公共功能库等。
从构件的分类可以在专属的CSS样式类组件,组件加上模板很简单,添加控制器里面,有一个JS和逻辑部件说,链接添加,与动画数据层添加一组输入和输出的能力。数据层可能包含多种,可能你的页面控制器进行交互,也可以有这样的组件是很强的,他们直接联系服务器获取数据并传输数据(当然,前者的做法可能更适合我们目前的环境,在一个统一的接口,要求后者将更高)。
上面的图片是一个推云组件的技术方案,基于前端的三个部分,以及地理围栏组件等一些库,我们需要百度地图来连接整个项目。也有可视化的项目,如20世纪20年代期间杭州风景区的流量情况,可视化项目将使用第三方库。
据一些云组件的情况下,得出其最佳实践的目的是从一个通用交互表格的班级管理系统开始,逐步涉及到复杂的相互作用系统中的应用,并对响应的一些支持。推一开始推送服务,而且有很多的产品线,将推送服务是很多2B和2C的平台,这是管理型。
上面的图片是推送云组件使用的目录结构,它被打包成一个字节,CSS中有一个WD文件夹,一个第三方的库。更多的键或下面,js是相同的,WD是基本库。第五个是最重要的。所有组件都放置在这个文件夹下。每个组件都包含它自己的三个部分——模板、逻辑、交互、效果和样式。
基于吞咽的包装
云组件显示站点
云组件的使用主要分为三类。第一个是前端用户(包括前端工作人员)。他们需要学习如何使用和快速使用组件(需要了解角的一些基本概念和用法)。第二类是UI设计者、项目和产品,他们需要观察效果是否合适,并设计一种基于库的新系统。第三类是游客和其他人。
关于云组件的新思考
云组件将移动到整个身体。如果云组件机制不能很好地工作,比如更新错误的旧组件,就会产生许多负面影响。我们该怎么办
回到云计算的初始阶段,我们可以很容易地发现,当资源被隔离时,就不会有这样的效果,这就是版本控制,不同的项目是指对应的云,以达到两者之间的平衡,并优化结果。
因此,只有合理的控制才能真正发挥云组件的优势。
在许多版本中,我们的开发模式是确定项目的云组件升级,因为如果云组件发布,所有项目都将升级云组件,因此反测试的成本非常高。此外,云组件的原始版本也足够了。上一个项目的当前版本已被使用。
项目系统图
实际使用中的问题
云组件版本具有一定的周期性,但实际项目需要快速响应云组件模块,然后需要(模式)开发:基于云组件扩展或项目定制的项目组件级模块的云组件开发。
四。经验总结AngularJS
首先,模块化:它是随时准备模块化抽象的动态过程。
第二,要思考周围,多处末端——换位思考,方便下游,倒置。
第三,没有效果是不能实现的,只有代价是不能承受的。
第四,有很多方法,时间允许尝试一下。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。