当前位置: 首页>前端>正文

前端 系统架构图 插件 前端框架结构

相信很多企业在网站建设时都能了解到网站前端框架,但是对于网站的前端框架还是处于一种一知半解的状态。究竟什么是网站前端框架?现在常用的网站前端框架都有哪些呢?

前端 系统架构图 插件 前端框架结构,前端 系统架构图 插件 前端框架结构_前端 系统架构图 插件,第1张

前端框架一般指用于简化网页设计的框架,比如,jquery,extjs,bootstrap等等,这些框架封装了一些功能,比如html文档操作,漂亮的各种控件(按钮,表单等等)。

使用前段框架可以降低界面开发周期和提高界面的美观性。

有些框架比较轻量,比如jquery,有些框架比较重量,比如extjs。一般来说重量的框架会封装更多的功能,比如extjs,封装的grid控件有很强的数据展示和操作功能。

而在选择前端框架时,现在有三大主流框架,根据使用的不同我们在大型超大型web应用开发上,看好Angular

深度整合Typescript和Rxjs。ts解决了工程化的问题,rxjs解决了开发速度的问题。但是学习成本,可能对于Java,c#等OOP工程师来说比较容易上手,但是对于JavaScript工程师来说,少有工程化的经验,接受起来比较痛苦。当然,不只是Angular可以采用Typescript开发,很多其他的Dom库都可以,Angular相比他们的优势在于:

1.零配置

2.深度整合设计模式

3.约定才是框架的本质

尤其是第三条,相信很多天才程序员都能复现Angular的设计模式和功能,但是由于并非“框架”,没有其他程序员跟进,显然就不能适用于大型超大型应用,毕竟对于大项目来说,沟通往往会成为开发瓶颈。

rxjs很多人认为太重,没有必要,当然你也可以用很不优雅的toPromise方法来处理异步操作,甚至直接用behaviorObject.value也可以,但是当异步操作繁杂,重复,非一致的时候,rxjs可以很优雅地保证数据的稳定。rxjs的运用一方面是为了处理这种复杂的异步逻辑,另一方面,就是为了让异步数据流可以声明,而不用像promise那样声明冗长,或者asyncawait那样函数化,响应式是基于数据的响应式而不是基于函数。

小型应用上,看好vue

其实绝大部分web应用,都应该只是小型应用。公司官网,论坛,甚至是规模不大的电子商务网站和基本功能的OA,ERP系统,都只是小型web应用。它们数据源稳定,对于运营的要求不高,但是对加载速度等都有很高的要求。这个时候,小巧的vue就成了首选。Proxy实现的响应式相比Angular的zone暴力代理和rxjs的复杂操作显得更加接地气,不需要额外地进行学习。对象式的声明在UI实现上速度更快。生态虽然没有react那么热闹但是小而美的库也很多,nuxt的实现值得点赞。


https://www.xamrdz.com/web/2ex1962102.html

相关文章: