草庐IT

UI组件库

全部标签

javascript - 基于 JS/HTML5 Webkit 的移动开发的轻量级 UI 框架,具有良好的列表性能

我的问题与LookingforarecommendationforalightweightmobileHTML5/JavaScriptframework略有不同我正在加入一个针对ipad的JS/HTML5项目,目前使用Backbone.js进行MVC,使用Zepto进行dom操作。他们对jQueryMobile进行了试验,发现列表性能不尽如人意。基本上我正在寻找一个具有非病毒操作系统许可的替代移动JavascriptUI框架(Sencha似乎与gpl3一起出现,我想要一些纯粹专注于ui小部件的东西),它提供了高性能的动态列表和一个通用的iOS风格ui小部件集。我确实有使用enyo的经验

javascript - 如何在同一页面中多次使用 AngularJS 2 组件?

在使用选择器声明一个组件后'some-comp',使用在一个页面中只会工作一次。我想多次使用它任何帮助,这里是一个示例代码:@Component({selector:'some-comp'})@View({template:'componenttemplate'})classSomeComponent{}bootstrap(SomeComponent); 最佳答案 bootstrappedComponent实际上是作为一个应用程序来看待的,如果你想多次使用同一个组件,你会想把它变成一个指令,然后在你的bootstrap应用程序中包含

javascript - 模板函数不插入组件绑定(bind)

我使用的是1.5组件,不过我认为这不重要。我正在尝试在父Controller和子指令隔离范围之间执行单个=绑定(bind)。childisolate作用域是按字面意思插入绑定(bind);不是vm.data插值到我在Controller中定义的数据,而是字面意义上的vm.data作为字符串输出。如果我尝试以一种方式与@绑定(bind),那么“插值”值将再次导致{{vm.data}}的字面意义。如何将父Controller中定义的字符串放入子组件的模板中?angular.module('app',[]).controller('Ctrl',function(){this.str=',bl

javascript - 未知 Prop - React 和 Material-UI

目前我正在使用react和material-ui,我的组件中有以下代码。Areyousurethatyouwanttoproceed?我已经导入了importReactfrom'react';importDialogfrom'material-ui/Dialog';importFlatButtonfrom'material-ui/FlatButton';但我总是收到以下错误信息Warning:Unknownprop`onKeyboardFocus`ontag.Removethispropfromtheelement.Warning:Unknownprop`keyboardFocused

javascript - 从 Vue.js 中的父组件执行子方法

目前,我有一个Vue.js组件,其中包含其他组件的列表。我知道使用vue的常见方式是将数据传递给child,并从child向parent发送事件。但是,在这种情况下,我想在单击父中的按钮时在子组件中执行一个方法。哪种方法最好? 最佳答案 一个建议的方法是使用globaleventhub.这允许有权访问集线器的任何组件之间进行通信。这是一个示例,展示了如何使用事件中心来触发子组件上的方法。vareventHub=newVue();Vue.component('child-component',{template:"The'clicke

javascript - 如何在 React 组件中使用 CDN

我正在尝试使用一个基于D3构建的库,称为Greuler,以动态呈现图形。它的npm包似乎被破坏了。当我切换到GreulerCDN时,我的index.html中的测试图终于起作用了。但是,我正在开发React应用程序,我希望从React组件呈现图形。问题出现了:react组件没有使用我的index.html中的GreulerCDN脚本,我已经尝试了多种在我的组件中运行脚本的方法,但似乎没有任何效果。两个主要错误是:错误'greuler'未定义(在我的组件中)UncaughtTypeError:Cannotreadproperty'getAttribute'ofnull(在D3代码中)我的

javascript - 在 reactjs 组件上渲染多个项目

我正在实现抽象工厂并且getitems方法工作并返回我模拟的2个项目,但是我不确定如何在react组件中呈现这些项目我的代码在下面抽象工厂.tsximport*asReactfrom'react';import{IAbstractFactoryProps}from"./IAbstractFactoryProps";import{IAbstractFactoryState}from"./IAbstractFactoryState";importstylesfrom'./Abstractfactory.module.scss';import{escape}from'@microsoft/s

javascript - 使用 options.items 与标题的 JQuery UI 工具提示扩展

我为JQueryUItooltipwidget写了以下扩展这允许工具提示具有从HTMLElement的html获取其内容的上下文。但是,我对“title”属性进行了硬编码,但我想使用options.items中定义的任何属性。.例如,如果他们希望工具提示使用alt标记,则扩展会使用html内容填充该属性。我也在寻找正确转义contentIdstringconcatenation的jqueryui方法$(function(){(function(){varcache={};$.widget("custom.tooltipContent",$.ui.tooltip,{_init:funct

javascript - 附加到 React 输入组件的日期选择器

如果没有原生支持,我想用日期选择器小部件填充所有日期输入;例如,jQueryUIdatepickers.查看演示here.在GoogleChrome中,它呈现native日期输入,而在Firefox(v32.0.3)中,jQueryUI小部件得到部署。这正是我遇到问题的地方。输入中的所有手动更改(键盘编辑)都很好地反射(reflect)在日期选择器小部件中。但是,反过来,如果我在小部件日历中选择一天,则新值不会被底层React组件获取。在演示中,您会注意到在Chrome中,在选择一个日期时,另一个日期会自动调整。对于Firefox中的日期选择器,该功能已被破坏。React不知道值会发生

javascript - 渲染完所有嵌套组件后,KnockoutJS afterRender 回调?

我有一个使用3.2.0的嵌套KnockoutJS组件的层次结构。它工作得很好,但我希望在我的整个组件层次结构加载和呈现后执行一些代码。它大致相当于afterRender(),需要用于与afterRender相同的常见用例。我已经尝试了一些方法,但到目前为止没有成功:将以下内容添加到根模板,但它在嵌套组件加载之前被调用,太早了。使用最新的3.3.0-alpha并在所有组件上指定synchronous:true。但我相信,由于我使用的是AMD,组件仍然是异步“加载”的,这意味着仅仅因为我的根applyBindings()返回,并不意味着所有组件都已加载和呈现。甚至尝试构建延迟对象的集合,这