使用“扫一扫”即可将网页分享至朋友圈。
2021年你应该知道的9个网页组件库
你还在愁着找不到与框架无关的网页组件吗?本文将让你大有收获。
网页组件包含各种常用的界面组件，如:表格、树、联动下拉框等，可轻松构造出令人耳目一新的，具有RIA （Rich Internet Application） 特征的Web 应用界面。根据定义，所有web组件都是可互操作的，可以很好地与其他组件协作。
自定义组件和小部件建立在网页组件标准之上，可以跨现代浏览器工作，并且可以与任何与HTML一起工作的JavaScript库或框架一起使用。
那么现在网上有哪些现成的网页组件库科研使用呢?下面为大家提供了9个不错的组件库，希望能对你有所帮助。
1. Material
谷歌的Material-components-web库是Material-UI库的web组件版本。这些Web组件可以整合到广泛的上下文和框架中。
网址:https://github.com/material-components/material-components-web-components
2. Polymer elements
谷歌的Polymer库支持构建封装的、可重用的Web组件，它们的工作方式类似于标准的HTML元素，用起来跟导入和使用任何其他HTML元素一样简单。Polymer elements是一个GitHub组织，包含超过100个可重复使用的Polymer组件，作为独立存储库，大家可以浏览和使用现成的组件。例子:
<!--Importacomponent--> <scriptsrc="https://unpkg.com/@polymer/paper-checkbox@next/paper-checkbox.js?module"type="module"></script> <!--UseitlikeanyotherHTMLelement--> <paper-checkbox>WebComponents!</paper-checkbox>网址:https://github.com/PolymerElements?page=3
3. Vaadin
这是一个相当新的库，包含一组近30个正在发展的开源web组件，适用于构建跨现代浏览器的移动和桌面web应用程序的UI。这个库比较活跃的，值得大家持续关注。
网址:https://github.com/vaadin/vaadin
4. Wired elements
Wired elements是拥有一个7千个手绘元素集合。这些元素是为线框图而建，绘制的元素使得没有任何两个渲染图是完全相同的——就像两个独立的手绘形状。
网址:https://github.com/rough-stuff/wired-elements
5、Elix
Elix是一个社区驱动的可重用且可定制web组件集，用于通用UI模式。为了确保高质量的标准，组件是根据web组件的黄金标准清单（Gold Standard checklist）来衡量的。
网址：https://github.com/elix/elix
6. Time elements
<local-timedatetime="2014-04-01T16:30:00-08:00"> April1，20144:30pm </local-time> -- <local-timedatetime="2014-04-01T16:30:00-08:00"> 1Apr201421:30 </local-time>这个比较老的组件的库，它提供了标准HTML <time> 元素的自定义子类型。通过将时间戳格式化为本地化字符串或在用户浏览器中自动更新的相对文本，可以创建自定义扩展方便在任何地方使用。
网址:https://github.com/github/time-elements
7.UI5-webcomponents
这个库由SAP的UI5构建，是一组轻量级的、可重用的、独立的UI元素。这些组件并不是建立在UI5之上，而是独立的元素。支持跨框架和应用程序使用。组件的设计与SAP Fiori设计指南一致，并融入了Fiori3设计。
网址:https://github.com/SAP/ui5-webcomponents
8.Patternfly
运行演示:
gitclonegit@github.com:patternfly/patternfly-elements.git cdpatternfly-elements npminstall#thiswilltakeawhileduetolernabootstrap npmrunstorybookPatternFly Elements拥有近20个灵活和轻量级Web组件的集合，以及构建它们的工具。PatternFly元素的大小和样板都是轻量级的（这是web组件的标准），适用于React、 Vue、 Angular、 vanilla JS以及任何HTML元素。
网址:https://github.com/patternfly/patternfly-elements
9. Web components org
这不是一个库，而是围绕Polymer元素建立的谷歌的web组件门户网站。推荐这个网站是因为这是一个更新Polymer团队新web组件的有用方法，并且在开始使用web组件时提供了一些有用的阅读资源。
网址:https://www.webcomponents.org/
文章经站长之家编译，英文原文可点击这里阅读。
“广东财经网”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题，请与
我们联系删除或处理，客服邮箱1098101642@qq.com，稿件内容仅为传递更多信息之目的，不代表本网观点，亦不代表本网站赞同
其观点或证实其内容的真实性。
- 声音提醒
- 60秒后自动更新
【民政部回应何时恢复婚姻登记】民政部社会事务司二级巡视员杨宗涛表示，婚姻登记场所是人群聚集场所，部分地区暂停婚姻登记工作是对人民群众安全负责。未停止登记的地方推广用电话、网络、qq群预约登记，控制登记人数，分批分段登记，减少人员聚集和在登记机关停留时间。已停止婚姻登记地方将根据当地疫情控制情况逐渐恢复。
15:54欧洲央行副行长金多斯：欧洲央行还没有达到逆转利率。宽松政策的副作用更明显了。
15:54财经网站Forexlive分析师Justin Low评瑞士1月CPI月率：尽管通胀年率保持稳定，但核心通胀率有所下降，这一点令人更加担忧。这只是进一步巩固了瑞士央行维持现有货币政策不变，并可能在未来寻求更多宽松措施的观点。
15:54【武汉两大批发市场商户开业率超过80%】商务部市场建设司司长朱小良10日称，目前武汉生活必需品供应基本正常，除冷鲜肉、鲜叶菜等少数品种存在结构性短缺外，大部分重要生活物资供应充足，未发生明显抢购或脱销断档情况。当地白沙洲和四季美两大批发市场正常营业，商户开业率超过80%，日交易量上升至3000吨以上。（国是直通车）
15:53【日本2019年经常项目顺差增长4.4%】日本财务省10日发布的国际收支初步统计报告显示，主要受外国人入境游消费扩大影响，2019年日本经常项目顺差增长4.4%。报告显示，2019年日本经常项目顺差为20.06万亿日元（1美元约合109.8日元）。其中，商品贸易方面，由于液化天然气价格下跌等因素，进口下降5.6%至75.56万亿日元；由于汽车部件及钢铁等产品出口减少，出口下降6.3%至76.12万亿日元。货物贸易顺差减少53.8%，为5536亿日元。（新华社）
15:53欧元兑美元EUR/USD短线波动不大，现报1.0952。
15:53瑞士1月CPI年率：0.2%，前值：0.2%，预期：0.1%；瑞士1月CPI月率：-0.2%，前值：0%，预期：-0.2%。
15:52英镑兑美元GBP/USD短线走低13点，现报1.2890。
15:52【宁德时代“供电”国产特斯拉 有望拉低售价20%】全国乘联会秘书长崔东树分析认为，“随着特斯拉国产化率提升和产能爬坡，未来特斯拉国产车型的价格下探空间还是很大的。”他预计今年下半年，国产Model 3车型的售价就有望降至25万元，降幅接近20%。（新京报）
15:51【内蒙古：对不裁员或少裁员企业返还上年度50%失业保险费】据内蒙古新型冠状病毒肺炎疫情防控工作指挥部消息，疫情期间，内蒙古对不裁员或少裁员的企业返还上年度实际缴纳失业保险费的50%，对面临暂时性经营困难的中小企业，返还标准提高到上年度6个月企业及其职工缴纳社会保险费的50%。
15:51【商务部：2019年服务进出口总额54152.9亿元 同比增长2.8%】商务部新闻发言人表示，2019年，在服务贸易创新发展试点等政策的激励下，我国服务贸易总体保持平稳向上态势，逆差明显下降，结构显著优化，高质量发展成效初步显现。全年服务进出口总额54152.9亿元（人民币，下同），同比增长2.8%。其中，出口总额19564.0亿元，同比增长8.9%；进口总额34588.9亿元，同比减少0.4%。（第一财经）
15:51【振华股份：疫情导致下游客户开工推迟 产品库存上升】振华化学公告，公司目前生产经营稳定，所有产能均正常开工，原材料采购能基本满足生产需要，由于疫情导致下游客户开工推迟，公司出货量减少，产品库存有所上升。公司将根据客户需求、疫情及市场变化，适度调整生产经营策略，尽可能保持生产经营的稳定。
15:50环旭电子2月10日晚间公告，公司2020年1月合并营业收入为23.27亿元，较去年同期的合并营业收入减少27.83%，较2019年12月合并营业收入环比减少37.23%。
15:49精测电子：与京东方集团签订了多份销售合同，合同累计金额达到6.96亿元。
17:12华夏银行：银保监会同意本公司在全国银行间债券市场发行不超过100亿元人民币的金融债券，募集资金全部用于绿色信贷。
17:03
