首页 > 动态 > 关键词 > 网页组件最新资讯 > 正文

2021年你应该知道的9个网页组件库

2020-12-15 16:45 · 稿源:站长之家

你还在愁着找不到与框架无关的网页组件吗?本文将让你大有收获。

网页组件包含各种常用的界面组件,如:表格、树、联动下拉框等,可轻松构造出令人耳目一新的,具有RIA (Rich Internet Application) 特征的Web 应用界面。根据定义,所有web组件都是可互操作的,可以很好地与其他组件协作。

自定义组件和小部件建立在网页组件标准之上,可以跨现代浏览器工作,并且可以与任何与HTML一起工作的JavaScript库或框架一起使用。

那么现在网上有哪些现成的网页组件库科研使用呢?下面为大家提供了9个不错的组件库,希望能对你有所帮助。

1. Material

1.png

谷歌的Material-components-web库是Material-UI库的web组件版本。这些Web组件可以整合到广泛的上下文和框架中。

网址:https://github.com/material-components/material-components-web-components

2. Polymer elements

2.png

谷歌的Polymer库支持构建封装的、可重用的Web组件,它们的工作方式类似于标准的HTML元素,用起来跟导入和使用任何其他HTML元素一样简单。Polymer elements是一个GitHub组织,包含超过100个可重复使用的Polymer组件,作为独立存储库,大家可以浏览和使用现成的组件。例子:

<!-- Import a component -->
<script src="https://unpkg.com/@polymer/paper-checkbox@next/paper-checkbox.js?module" type="module" ></script>
<!-- Use it like any other HTML element -->
<paper-checkbox>Web Components!</paper-checkbox>

网址:https://github.com/PolymerElements?page=3

3. Vaadin

3.png

这是一个相当新的库,包含一组近30个正在发展的开源web组件,适用于构建跨现代浏览器的移动和桌面web应用程序的UI。这个库比较活跃的,值得大家持续关注。

网址:https://github.com/vaadin/vaadin

4. Wired elements

4.png

Wired elements是拥有一个7千个手绘元素集合。这些元素是为线框图而建,绘制的元素使得没有任何两个渲染图是完全相同的——就像两个独立的手绘形状。

网址:https://github.com/rough-stuff/wired-elements

5、Elix

5.png

Elix是一个社区驱动的可重用且可定制web组件集,用于通用UI模式。为了确保高质量的标准,组件是根据web组件的黄金标准清单(Gold Standard checklist)来衡量的。

网址:https://github.com/elix/elix

6. Time elements

<local-time datetime="2014-04-01T16:30:00-08:00">
  April1,20144:30pm
</local-time>
--
<local-time datetime="2014-04-01T16:30:00-08:00">
 1Apr201421:30
</local-time>

这个比较老的组件的库,它提供了标准HTML  <time> 元素的自定义子类型。通过将时间戳格式化为本地化字符串或在用户浏览器中自动更新的相对文本,可以创建自定义扩展方便在任何地方使用。

网址:https://github.com/github/time-elements

7.UI5-webcomponents

7.png

这个库由SAP的UI5构建,是一组轻量级的、可重用的、独立的UI元素。这些组件并不是建立在UI5之上,而是独立的元素。支持跨框架和应用程序使用。组件的设计与SAP Fiori设计指南一致,并融入了Fiori3设计。

网址:https://github.com/SAP/ui5-webcomponents

8.Patternfly

运行演示:

git clone git@github.com:patternfly/patternfly-elements.git
cd patternfly-elements
npm install # this will take a while due to lerna bootstrap
npm run storybook

PatternFly Elements拥有近20个灵活和轻量级Web组件的集合,以及构建它们的工具。PatternFly元素的大小和样板都是轻量级的(这是web组件的标准),适用于React、 Vue、 Angular、 vanilla JS以及任何HTML元素。

网址:https://github.com/patternfly/patternfly-elements

9. Web components org

9.png

这不是一个库,而是围绕Polymer元素建立的谷歌的web组件门户网站。推荐这个网站是因为这是一个更新Polymer团队新web组件的有用方法,并且在开始使用web组件时提供了一些有用的阅读资源。

网址:https://www.webcomponents.org/

文章经站长之家编译,英文原文可点击这里阅读

  • 相关推荐
  • 大家在看
  • 网页设计中的7个基本原则

    网站设计对于能否给用户留下好的印象至关重要,你可以采取各种策略来提高转化率或符合搜索引擎要求(提高SEO排名),但如果网站设计让人不令人满意,那么一些可能只是徒劳。

  • 苹果防丢追踪器网页上线 AirTags不久或将发布

    近日,有网友表示,自己发现了苹果尚未发布的AirTags查找设备页面,苹果用户可在Safari 浏览器里输入 findmy://items,即可跳转至“查找”APP的寻找物品页面。据查找网页显示,其可跟踪的日常物品包括了:包、钥匙、自行车等物品。

  • DNF1月28日更新维护公告 游戏组件安全更新

    DNF在1月28日开启了在线的更新修正维护,此次的更新主要是游戏组件以及安全组件的更新,下面就来为大家详细的介绍一下。

    dnf
  • 2021年你可以尝试的8个UI设计趋势

    2021年设计趋势将会如何?你是否准备好迎接3D插图设计、玻璃形态和色彩丰富的设计趋势了呢?话不多说,本文将跟大家分享一下8个UI设计趋势。

  • 英国设计出可拉伸童装 网友:孩子再也穿不上新衣服了

    婴幼儿长的快,什么的服装能让孩子穿着既合身有舒适,是每个家长面临的选择题。现在伦敦一家初创企业就为父母们提供了一个合身环保两全其美的新选择。

  • 网易云音乐称酷狗抄袭:新上线功能页面样式设计相似

    就在刚刚,网易云音乐发文称酷狗存在像素级抄袭,自酷狗音乐“山寨办”成立以来,一直以将网易云音乐新功能酷狗化(简称“狗化”),为首要目标和工作方向。同时,网易云音乐还对酷狗抄袭一事就进行了汇总,包括网易云上线一起听功能后,酷狗上线了“跟听”功能、网易云上线云贝推歌功能后,酷狗上线了“音乐推”功能,同在酷狗在上述功能中的页面样式以及设计与网易云相近。

  • 三星停止为Galaxy S10系列推送基于Android11的One UI 3.0

    几周前,三星从瑞士开始向Galaxy S10系列智能手机的用户推送基于Android11系统的One UI3.0。在开始的时候推送更新都比较顺利,但之后三星突然暂停了新系统的推送,却未说明具体的原因。这意味着三星Galaxy S10系列手机用户要暂时无法获得Oned UI3.0的更新。

  • 农村和城市实现同网同速

    近日,工信部发布了《2020年通信业统计公报》。宽带方面,截止2020年底,三家基础电信企业的固定互联网宽带接入用户总数达4.84亿户,全年净增3427万户。其中,100Mbps及以上接入速率的固定互联网宽带接入用户总数达4.35亿户,全年净增5074万户,占固定宽带用户总数的89.9%,占比较上年末提高4.5个百分点;1000Mbps及以上接入速率的用户数达640万户,比上年末净增553万户。

  • 网信办:将重点整治热榜、弹窗等扰乱网络传播秩序问题

    1月29日,中央网信办召开全国网信系统规范网络传播秩序工作视频会议,研究部署规范全平台网络传播秩序工作。在会上,网信办强调将重点整治“自媒体”、热搜热榜、PUSH弹窗、短视频平台等存在的扰乱网络传播秩序突出问题。央视网、澎湃新闻、腾讯公司、新浪微博、哔哩哔哩、斗鱼直播负责人参加了会议。

  • ​蔚来辟谣官网因退订瘫痪

    在昨日的中国电动车百人会论坛上,针对“官网因退订而瘫痪”的谣言,蔚来回应称,蔚来官网并无退订功能,这是是有组织的水军释放的谣言,特斯拉降价有利于差异化竞争, 特斯拉 Model3降价后,蔚来的销量也在上升。

  • 网络机顶盒什么牌子好?盘点那些销量开挂的网络机顶盒

    智能电视机虽然普及,但是更换率也很高。这时候网络机顶盒的作用就出来了,小小一个盒子,解决了智能电视机常常面临要更换的问题。但是网络机顶盒什么牌子好呢?给大家盘点一下目前市面中,那些销量开挂的网络机顶盒。1.泰捷WE40网络机顶盒泰捷WEBOX是网络机顶盒里的老品牌,在音视频领域混迹有10年的时间了。多年深入的研发,泰捷团队拥有六大核心技术和多项视频专利,打造的网络机顶盒,每一款都因视频流畅、寿命过人深受欢迎。?

  • 字体超市春节钜惠,牛年设计就该这么玩!

    随着大众版权付费意识越来越强,使用“正版字体”需求也越来越大。为了解决“用字贵”的难题,半年前站长之家旗下的商用字体购买平台「字体超市」正式上线,收获不少用户的好评。

  • 特斯拉向南昌电网道歉

    近日,有媒体报道称,一位仅购买特斯拉model3 6天的车主在使用完一处超级充电桩后,显示屏出现故障代码,之后断电无法启动,就连车窗也无法关上。当时在视频中,特斯拉方面回应称,是因为国家电网突然电流升高过载导致。

  • 选择珍爱网征婚,不会让你失望

    快节奏的社会带来的是源源不断的压力,同时也让更多人将大部分的时间投入到生活和工作中。随着大家人生阅历的增长,开始有越来越多的人将爱情放到无关紧要的位置,但是爱情却是我们一生中不可缺少的一部分。大家为了将时间有效化,所以很多人开始选择征婚。珍爱网征婚是专业的征婚网站,既有优秀的客户也有专业的人员,可以让你尽快遇到属于自己的爱情。很多珍爱网的客户都会说,选择珍爱网征婚,不会让你失望。小房(化名)是珍爱网

  • 互联网巨头的「内卷」战争

    2021年刚过半个月,互联网巨头就开始频频“约架”。先是华为应用平台内下架腾讯游戏,二者矛盾的核心是5:5分账是否合理;然后是字节副总裁公开批评微信,一直无法提交飞书小程序的上线申请。还有巨头们集体进军的直播带货、社区团购争霸赛未完待续。

  • 声网收购环信 RTC和IM巨头强强联合打造实时互联网生态

    1 月 28 日,实时互动云服务开创者和领导者声网Agora 宣布,已就收购中国领先的即时通讯云和客服云服务商环信Easemob 达成最终协议,交易预计在 2021 年第一季度完成。收购完成后,双方将在产品层面进行深度结合,基于声网在 RTC 领域和环信在即时通讯(IM)领域的领先优势,共同打造实时互动云行业最强 RTC+IM 产品组合。“我们正在赋能开发者将实时互动能力融入越来越多的线上活动。”声网Agora 创始人兼 CEO 赵斌表示,“人们进

  • 新浪网回应.com域名停用:因业务调整北美新浪网停止更新

    此前新浪(SINA.O)传出将私有化的消息,2020年12月24日,新浪宣布股东投票通过其私有化合并协议。同时新浪公告称,在特别股东大会的投票进行前,新浪已收到某些股东的反对通知,这些股东所持的股份总量超过公司股票总数的10%。根据开曼群岛《公司法》,新浪将适时向反对股东发出确认通知。

  • 图海网助力农村电商发展

    自扶贫攻坚战以来,使许多农民摘掉了贫困的帽子,农村电商的出现更是为扶贫工作提供了新的途径和思路就像天将神兵。图海网了解到农村电商除了货源优势外还缺乏很多资源。有人说做电商就是卖照片,因为人才,设备,信息等资源的匮乏,农村电商从业人员并不能拍摄出一些精美的产品图片去对自己的农产品加以宣传销售,在各大电商平台竞争中处于劣势地位在国家鼓励农村电商发展的大背景之下,图海网为帮助农民更好的去销售农产品,做电

  • 线下机构为何结盟青豆网校?

    据悉,青豆网校近期携手珠海理为师教育,共同打造优质初高中在线辅导课程。青豆网校和理为师本次结盟,将把理为师优质的语数英理化等资源平移至青豆网校,充分发挥网校的平台优势,以便为更多孩子的学业提升提供有针对性的帮助。理为师教育是一家珠海当地头部初高中语数英理化教育机构,它以小班课和高提分的教学效果在当地享有盛誉。其机构里的学员经过系统学习,多有高跨度提分,且重本、一本录取率逐年提高、居高不下。创始人梁

  • 佳能搞了个网站,让大家可以用卫星“拍照”

    在CES2021展会上,佳能并没有发布任何新的相机,不过也给大家带来一不一样的东西:让大家可以从太空拍摄照片。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签