联系电话:029-85366199


资质荣誉
奖牌 奖牌 奖牌 奖牌
Web前端您现在的位置:主页 > Web前端 > 2017年web前端JavaScript框架的互相渗透
2017年web前端JavaScript框架的互相渗透
浏览次数:106  添加时间:2017-12-29 10:43:57
    提起web前端开发框架,大家立马回想到vue.js、angular、react这三个,当然除此之外还有其他的前端开发框架,而我们今天主要说一下这三者的组件思想,无论是设计师还是开发人员都很喜欢web前端框架中组件这一概念。
    如果说 2016 是 JavaScript 的疲劳年,那么 2017 年肯定是融合的一年。大多数 JavaScript 框架使用的工具和概念都趋于一致。
最明显的一点便是最为流行的这三个web前端框架都采用的基于组件的架构,那么组件在这三者中都有什么样的渗透和变化,同时组件化开发对于设计师和软件开发人员以及产品经理为什么都更加喜欢组件化的应用开发呢?
    组件(components)是一个很棒的概念。设计师喜欢它们,因为通过组件,设计师可以和开发人员拥有共同的语言,能够把系统的设计清楚的表达出来;开发人员喜欢它们,因为这意味着他们可以专注于构建小型,自包含且可重用的特性,然后把它们组合起来构建更大的视图和整个应用程序本身;产品经理喜欢它们,因为可以在多个应用之间共享这些组件。
    React 为现代前端开发普及了组件模型的概念。在 Angular 的 1.x 版本时期,社区就有人开始编写基于组件的指令。接着在 Angular 1.6 版本中引入了 angular.component(),从而能够更容易的编写基于组件的指令。到了 2016 年,Angular 2.0 带来了真正的组件。同时,Vue 一开始就将组件作为其核心特性之一。
    下面是使用这三个框架编写组件的例子,可以看到代码相似度很高:
web前端框架基于组件架构
 
    当然三个框架的代码也存在差异,例如,在 React 中我们可以用函数来实现组件。Angular 和 Vue 可以引用定义在 HTML 文件中的模板。Vue 还可以在一个独立的 `.vue` 文件中编写集 HTML,CSS 和 JS 于一体的组件。然而,组件的核心思想在所有三个框架中都是相同的。

文章来源:www.ityunxueyuan.com

版权所有 西安兆隆计算机云学院
大话南门分校:西安市碑林区长安北路
高新分校:陕西省西安市雁塔区科技路
学院简介|课程详情|学员就业|强大师资|校园新闻