首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2018年react新款组件库,难道你还在用17年的?

React 的普及似乎在不断增长,在 Stack overflow 2017 年最受欢迎的组件库中,React 处于领先地位: React 的虚拟 DOM,声明性地描述用户界面和模拟界面状态的能力,以及相对较低的门槛...6、React Components by Khan Academy 这是 Khan Academy 构建的一些可重复使用的 React 组件的集合,带有内联 CSS 和注释。...9、Semantic UI React Semantic UI React 是 Semantic UI 的官方 React 集成。目前已被 Netflix 和亚马逊采用。...10、Onsen UI 结合 React 和 Onsen UI 框架,以最快的方式构建漂亮的高品质混合移动应用程序。这是一个值得考虑的有趣的库。...11、React Virtualized 这是一个可以高效地渲染大型列表和表格数据的 React 组件库,具有很少的依赖性,大多数都是由 NPM 自动管理。

2.7K60

DENVIS:使用具有原子和表面蛋白口袋特征的图神经网络进行可扩展和高通量虚拟筛选

传统的分子对接算法使用基于物理的模拟,通过估计查询蛋白配体对的结合方向和相应的结合亲和度评分来解决这一挑战。近年来,经典和现代机器学习架构显示出超越传统对接算法的潜力。...在氨基酸序列级别处理目标信息的算法家族以在更高表示级别处理蛋白质数据为代价,避免了这一情况。本文介绍了深度神经虚拟筛选(DENVIS),一种使用图神经网络(GNNs)进行虚拟筛选的端到端管道。...通过在两个基准数据库上进行实验,本文证明了本文的方法与几种基于分子对接的、基于机器学习的以及基于分子对接的与机器学习结合的算法相比具有竞争力。...我们方法的一些关键元素包括使用原子和表面特征组合的蛋白质口袋建模,模型集成的使用,以及在模型训练期间通过人工负采样的数据增强。...总之,DENVIS实现了最先进的虚拟筛选性能,同时提供了利用最小计算资源扩展到数十亿分子的潜力。

40010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JCIM|DENVIS:使用具有原子和表面蛋白口袋特征的图神经网络进行可扩展和高通量的虚拟筛选

    作者提出了DENVIS(DEep Neural VIrtual Screening),一种使用具有原子和表面蛋白袋特征的图神经网络进行可扩展和高通量虚拟筛选的新型算法。...DENVIS使用原子和表面特征的组合进行蛋白质口袋建模,实现了具有竞争力的先进的虚拟筛选性能。 概要 虚拟筛选的计算方法可以通过识别特定目标的潜在hit,显著加快早期药物发现。...排名是通过对给定目标的所有蛋白质-配体对的结合亲和力得分的估计来进行的。DENVIS利用GNN分别提取配体和蛋白质的高维连续矢量表示。...然后将蛋白质-配体对的最终得分计算为两个不同模型的加权平均得分,如图1c所示。 图1. DENVIS模型图 在原子域中,DENVIS为每个分子(蛋白质口袋或配体)提取九个节点和三个边缘特征。...表1:不同方法的对比 作者进一步测试了具有不同特征类型的DENVIS模型的性能。PR曲线如图2所示,可见原子级别特征和表面级别特征的组合具有更高的AUPR(PR曲线下的面积)。

    70220

    巧用滑动选项卡,提升用户体验

    开始吧 首先,我们需要一个真正的滑动选项卡组件。有很多可供选择的提供了不同的特性的这样的组件,这里我们将会使用Onsen UI提供的选项卡,它允许在滑动的时候执行自定义操作。...以防你不知道这个,Onsen UI针对Vue应用程序有一系列的iOS和安卓组件。针对已存在的项目,可以使用NPM或者Yarn安装。...Vue里的滑动选项卡 在Vue模板里用Onsen UI添加一个最小的滑动选项卡非常简单。...v-ons-tabbar 组件新建了一个带有简单的工具栏和选项卡的页面。...感谢Erisu 和Naoki Matagawa. ---- 往期精选文章 使用虚拟dom和JavaScript构建完全响应式的UI框架 扩展 Vue 组件 使用Three.js制作酷炫无比的无穷隧道特效

    1.4K20

    如何选择一个 vue ui 框架?

    2.1 Vuetify给出的 vue ui 框架对比图 2.2 vuetify 支持移动应用吗? 2.3 基于 vuetify 后台 web 应用如何开发?...(2.x)开发的移动端UI组件库,主要服务于微信页面 VUWE 基于微信WeUI所开发的,专用于Vue2的组件库 WEEX 阿里推出的跨平台的移动端开发框架,可以构建高性能、可扩展的 native 应用...https://github.com/vuikit/vuikit Onsen UI+Vue 基于流行的 Onsen-UI 框架,封装了核心 Web 组件并暴露了 Vue 风格的 API。...Material Design 就是它的思想。统一的思想,利于开发出风格一致的项目外观,同时也利于不岗位之间的沟通。 2.1 Vuetify给出的 vue ui 框架对比图 第一条:组件数量。...Tree Shaking,用于描述移除 JS 文件中的“引而未用”代码,就像秋风撼树一样,将残枝败叶一摇而下。它依赖于 ES2015 模块语法的“静态结构”特性,例如 import 和 export。

    5.2K30

    【黄啊码】关于vue的PC端和手机端框架

    D2Admin D2Admin是一个完全 开源免费 的企业中后台产品前端集成方案,使用最新的前端技术栈,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统敏捷开发。...Best Resume Ever Best Resume Ever 是一个帮助你快速生成漂亮简历的工具,它基于 Vue 和 LESS,生成的简历可导出为 PDF 格式。...使用最先进的CLI设计应用程序,并提供精心编写,速度非常快的Quasar Web组件。 Quasar 15. Vue-recyclerview 使用vue-recyclerview掌握大型列表。...Vue.js modal 易于使用,高度可定制,移动友好的Vue.js 2.0+ modal。 Vue.js modal 17....Onsen UI 将Vue.js的强大功能和简单性带入混合和渐进式Web应用程序。 Onsen UI

    2.6K10

    2021React UI 库

    ReactJS是当今最流行的前端开发库之一,它让我们的开发变得轻松高效,它可以轻松地和打包工具整合,同时它的第三方扩展也非常的丰富,今天我们来介绍下react组件ui库。...通过将Bootstrap进行组件化的改造,React-Bootstrap正在变得和原来的bootstrap一样广受欢迎。...Semantic UI Semantic UI 是一个可帮助创建对开发友好的 HTML结构的响应式布局框架。...Onsen UI Onsens UI 元素和组件是原生设计的,非常适合开发混合应用程序和网络应用程序。...Chakra UI Chakra UI 的所有组件都严格遵循 WAI-ARIA 标准,并且可以轻松地构建新的组件,它提供了多种颜色进行优化,使用它你可以很容易构建出浅色主题和深色主题。

    1.2K20

    浅谈 Android 屏幕适配

    Android 系统可帮助您的应用以两种方式实现密度独立性: 系统根据当前屏幕密度扩展 dp 单位数 系统在必要时可根据当前屏幕密度将可绘制对象资源扩展到适当的大小 nodpi:它可用于您不希望缩放以匹配设备密度的位图资源...例如.9图推荐放在此目录 anydpi:此限定符适合所有屏幕密度,其优先级高于其他限定符。 这对于矢量可绘制对象很有用。...使用 smallestWidth 定义一般屏幕尺寸很有用,因为宽度 通常是设计布局时的驱动因素。UI 经常会垂直滚动,但 对其水平需要的最小空间具有非常硬性的限制。...例如,标准 7 英寸平板电脑的最小宽度为 600 dp,因此如果您要在此类屏幕上的用户界面中使用双面板(但在较小的屏幕上只显示列表),您可以使用上文中所述的单面板和双面板这两种布局,但您应使用 sw600dp...图标的各个屏幕密度的对应尺寸 .9图自动拉伸 ImageView的ScaleType属性 设置 不同的 ScaleType 会得到不同的显示效果,一般情况下,设置为 centerCrop 能获得较好的适配效果

    1.4K10

    【前端技术丨主题周】Angular 核心概念与框架演进

    指令与组件 在Angular 中,指令是一个极其重要的概念。指令可以为特定DOM 元素添加新的行为特征,从而扩展元素的功能。...模板和数据绑定 当使用组件标签时,可以通过template 或templateUrl 属性引入HTML 来描述让Angular 渲染显示的界面内容。...服务和依赖注入 在Angular 中,如果说组件是用于处理界面和交互相关的,那么服务就是开发者用于书写和放置可重用的公共功能(如日志处理、权限管理等)和复杂的业务逻辑的地方。...它拥有超快的性能: 优化渲染速度,更快地检测变化,内部拥有性能基准的测试框架。 对视图进行缓存,从而实现列表流畅滚动和页面切换如丝般顺滑。 首屏加载更快,使用服务端渲染和小型启动库使网络加载更快。...除了上面提到的Material Design UI、Mobile Toolkit,还包括: Kendo UI、Onsen UI 2 等UI 库,提供了多样化的界面方案选择。

    9.1K10

    11个React Native 组件库和 Javascript 数据可视化库

    该库为 iOS 和 Android 提供了一组跨平台组件,所有组件都是可组合和可定制的。每个组件还具有与其他组件一致的预定义样式,这使得无需手动定义复杂样式就可以构建复杂组件。...4.UI Kitten 超过 3 k stars 的 UI Kitten 提供了一个可定制和可重用的 react-native 组件工具包,该工具包基于将样式定义移动到特定位置的概念,使组件可重用,并以一种单一的方式设计样式...超过 2 k stars 的库,带有一组可高度定制的 UI 组件,实现了 Google’s material design。...不出所料,它非常有用,并被数千个应用程序以及其他UI组件库(如react-native-paper)使用。 该库提供了开箱即用的预制捆绑图标集,以下是库中所有图标的完整示例。 11....它可以处理表格数据(扩展列表和逗号分隔值),也可以处理来自其他应用程序的复制粘贴文本。基于SVG格式,可以使用向量图形应用程序编辑可视化,以便进一步改进,或者直接嵌入到web页面中。 11.

    11.8K11

    SAP Fiori的ABAP编程模型-在Fiori中使用Fiori Elements讲解

    Master-Detail模板 –列表和详细信息页面将在一个页面本身中显示为拆分屏幕。 概述页面(OVP) –由多种样式的卡片组成。卡片可以包括条形图,图形。...分析列表页面(ALP) –由带有条形图和图表以及列表的分析视图组成。 让我们考虑开发List-Report页面,这是最常用的基于Fiori的模板的应用程序。...这是因为将来可能会更改UI / UX,这样UI元素也可以轻松适应新的UI / UX设计。 要创建元数据扩展文件,请右键单击CDS节点,然后选择“元数据扩展名”。提供类似于CDS数据定义的名称和描述。...创建元数据扩展文件后,最重要的步骤是: 提供我们要进行UI注释的视图名称。 2.在“数据定义”中的“元数据扩展名”注释下方添加顺序,以显示“数据定义”和“元数据扩展名文件”之间的链接。...以下是UI批注及其行为描述。 参考上面的UI批注语法,让我们将其应用并在实施后比较Fiori应用。根据上表,添加了UI批注。以下是航空公司和航班信息的元数据扩展文件的源代码。数据模型。

    1.1K20

    SAP Fiori的ABAP编程模型-在Fiori中使用Fiori Elements讲解

    Master-Detail模板 –列表和详细信息页面将在一个页面本身中显示为拆分屏幕。 概述页面(OVP) –由多种样式的卡片组成。卡片可以包括条形图,图形。...分析列表页面(ALP) –由带有条形图和图表以及列表的分析视图组成。 让我们考虑开发List-Report页面,这是最常用的基于Fiori的模板的应用程序。...这是因为将来可能会更改UI / UX,这样UI元素也可以轻松适应新的UI / UX设计。 要创建元数据扩展文件,请右键单击CDS节点,然后选择“元数据扩展名”。提供类似于CDS数据定义的名称和描述。...创建元数据扩展文件后,最重要的步骤是: 提供我们要进行UI注释的视图名称。 2.在“数据定义”中的“元数据扩展名”注释下方添加顺序,以显示“数据定义”和“元数据扩展名文件”之间的链接。...以下是UI批注及其行为描述。 参考上面的UI批注语法,让我们将其应用并在实施后比较Fiori应用。根据上表,添加了UI批注。以下是航空公司和航班信息的元数据扩展文件的源代码。数据模型。

    1.1K10

    你不知道的33个令人惊艳的React开发库

    react-select image.png 一个灵活且美观的 ReactJS 选择输入控件,具有多选、自动完成、异步和可创建的支持。...chakra-ui image.png Chakra UI 是一个简单、模块化且可访问的组件库,为您提供构建 React 应用程序所需的构建块。...查看 i18next 的历史以及react-i18next 何时被引入。 react-virtualized image.png React 组件可有效渲染大型列表和表格数据。...react-table image.png React 的轻量级且可扩展的数据表。构建和设计强大的数据网格体验,同时保留对标记和样式的 100% 控制。...超级可定制的布局。带有 SVG 图标的 Flexbox css。移动友好。支持 I18n 和 a11y,支持键盘事件。支持媒体源扩展 (MSE) 和加密媒体扩展 (EME)。

    35320

    为啥你的UI界面感觉乱?这7个常见问题一定要避免

    a.选择正确的配图 如果作为概念设计稿,那么选择你能拿到的最好的配图当然是可行的。但是一旦你要为真实的应用创建设计,那么配图的质量就必须要考虑。...b.注意重复的列表和块 通常情况下,列表有以下几种形式:图像+文本,图标+文本,数字+文本等。您应该考虑用哪种形式可以让信息更有效的表达。 对于描述功能的小文本块,您可以使用三列布局。...另外,要考虑一下内容区块的极端情况,比如列表的文字最长和最短大概有多少字数。优秀的设计师应该始终主动思考。以考虑客户将来可能需要扩展UI的可能性。 02.区分主要动作和次要动作 ?...因为用户可能还要去找它们,但是它们没有那么重要,但是是必须的。 所以,右图优化后的效果是不是更好呢? 区分主按钮和次要按钮(辅助功能)的方法: · 对主按钮和辅助按钮使用不同的视觉权重。...设计人员应向用户提供有关状态的明确反馈,尤其是在出现错误状态的情况下。因此,错误通知应满足以下简单规则: · 它们应该是可识别且引人注意的(例如,红色是常见的UI模式,指示错误)。

    1.4K40

    告别单一视角:DA4LG在多视图设置下的惊艳表现 !

    作者进行了包括定位环境和从Lang-SHAPE [37]扩展的测试集在内的模拟3D目标定位实验,称为模拟-SNARE。 结果表明,与现有模型相比,DA4LG在应用鲁棒性和泛化能力方面具有明显优势。...该任务包含了从ShapeNet [6]中3D空间中目标的多种视角,从而增加了语言引用问题的复杂性。 图2:DA4LG的框架。DA4LG由编码层、嵌入重加权层和嵌入融合层组成。...在涉及3D目标的语音定位任务中,给定一个语言描述 作为输入,作者的目标是确定候选目标集 [42] 中最佳的匹配目标 : 其中 表示给定语言描述的目标目标的条件概率。...对于描述“一个装着咖啡的杯子”和“带有黄色头枕的椅子”的情况,没有领域 Adapter 的注意力图未能完全捕捉到“咖啡”和“头枕”等描述性元素。...对于像“带有黑色腿的椅子”、“带有木腿和黑色靠背的椅子”、“矩形把手”和“带有圆形靠背的物体”这样的描述,注意力分散在物体主要结构的各个部分。

    13110

    资源 | 1460万个目标检测边界框:谷歌开源Open Images V4数据集

    这些边界框大部分由专业的标注人员手工绘制,以确保准确性和一致性。数据集中的图像非常多样化,通常包含存在多个目标的复杂场景(平均每张图像 8.4 个)。此外,数据集用逾数千个类别的图像级标签进行标注。...我们使用了多个计算机视觉模型来生成样本(不仅仅是用于机器生成标签的模型),词汇表因此得到了显著的扩展(表 1 中的 #Classes 列)。...在 V4 训练集中,至少含有 100 个人工验证的正类才能算得上可训练的类。根据这个定义,我们可以认为有 7186 个类是可训练的。...这些图像都具有允许共享和修改素材的创作共用许可证(Creative Commons Attribution license),收集自 Flickr,上面没有事先定义的类名或标签列表。...对于视觉关系检测任务,带有虚线轮廓的边界框将两个具有特定视觉关系的目标圈在一起。 ? 图 17:每类边界框的数量。横轴是按边界框数量对各类进行排序的结果,为了提高可读性,我们将该结果用对数刻度表示。

    1.6K30

    近期必读的5篇AI顶会CVPR 2020 GNN (图神经网络) 相关论文

    近期,一些Paper放出来,本文整理了CVPR 2020 图神经网络(GNN)相关的比较有意思的值得阅读的五篇论文,供大家参考—点云分析、视频描述生成、轨迹预测、场景图生成、视频理解等。 1....然而,基于点的网络在数据结构化(例如,最远点采样(FPS)和邻接点查询)上花费了大量的时间,限制了其速度和可扩展性。本文提出了一种快速、可扩展的点云学习方法--Grid-GCN。...即在给定未剪辑的视频和描述对象的陈述句/疑问句,STVG旨在定位所查询目标的时空管道(tube)。...STVG有两个具有挑战性的设置:(1)我们需要从未剪辑的视频中定位时空对象管道,但是对象可能只存在于视频的一小段中;(2)我们需要处理多种形式的句子,包括带有显式宾语的陈述句和带有未知宾语的疑问句。...首先,我们构建时空区域图来捕捉具有时间对象动力学的区域关系,包括每帧内的隐式、显式空间子图和跨帧的时间动态子图。然后,我们将文本线索加入到图中,并开发了多步跨模态图推理。

    1K20
    领券