购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.7 微件化

微件(Widget)是互联网上可重复使用的数据块,能够使普通用户跨越技术门槛,根据自身需求聚合和拼装网页与网站,具有权威、全面、及时及互动的特性。

在前端领域,微件可以理解为一小块可以在任意基于HTML的网页上执行代码的小部件,它的表现形式可能包括视频、地图、新闻或小游戏等。

因为前端要与页面、视觉、用户交互等打交道,所以前端微件化必然离不开UI(即页面元素)。当我们想要在前端使用微件时,它通常是一种与项目业务体系相脱离的功能性附加组件。最直观的例子便是浏览器的插件,我们可以将其视作浏览器体系下的一个小型微件。

微件、组件(Component)和插件(Plugin)这三者在一定程度上并不容易明确区分。下面来梳理一下它们之间的区别与联系。

● 微件:微件通常指一种小型、可重复使用的用户界面元素,旨在网页或应用中呈现特定功能或内容。微件具备独立的功能,能够独立运行,同时也支持嵌入其他页面或应用中。它通常作为一段独立的代码存在,可以通过API或其他方法进行调用和使用。

● 组件:组件是前端开发中常用的概念,旨在将界面分割成独立且可重复利用的部分。组件通常自带结构、样式及行为,能够独立运作且可多次调用。组件既可以是简单的按钮、表单元素,也可以是复杂的导航栏、轮播图等。采用组件化开发有助于提升代码的3`可维护性和复用性。

● 插件:插件通常是指为现有软件或系统增添新功能的模块化工具。在前端开发领域,插件主要用于扩展第三方库或框架的功能,以满足特定需求或实现特定功能。插件通常以独立形式存在,并通过特定途径被引入项目中加以运用。

三者有以下区别和联系:

● 微件和组件都是用于构建用户界面,但微件更偏向于描述一个特定功能或内容的小型元素,而组件则更侧重于描述一个可重用的、独立的界面部分。

● 组件通常是在项目内部开发和使用的,而微件通常可以嵌入不同项目或系统中使用。

● 插件通常用于扩展第三方库或框架,为现有系统添加新功能;而微件和组件更多的是用于构建界面元素和交互。

可以看到,微件和组件都是用于构建用户界面的,只不过组件属于页面,更像是业务的一部分,为了复用而独立出来。微件则更侧重于功能,它是一个独立于业务或项目体系的用户界面。而插件不同于前两者的用户界面属性,它的使用场景则是扩展项目能力,以实现特定需求。

通过对比三者的区别与联系,可以加深对微件的理解。在前端领域实现微件化,个人认为它在一定程度上偏离了微前端的范畴,更像是前端能力的一种补充,无论是否使用微前端,都可以使用微件化这个方案。 GajErYSreEUEJUS8L2FO06kKpGXursGoN+z0D2y9XoYF2D2gaO9IWDSkK0E3ApCR

点击中间区域
呼出菜单
上一章
目录
下一章
×

打开