草庐IT

数据可视化组件

全部标签

javascript-如何在 json 字符串上使用正则表达式来搜索 JQuery 中的数据表列?

我只是在javascript中使用以下语句在一列中搜索特定字符串并过滤数据表中的记录。term=$(this).val();table.column(2).search(term,true,false).draw();这是我的JSON字符串:[{"userid":"2315","location":"x","details":"{\"subject‌​s\":{\"English\":[\"meena\",\"teena\"]},\"hours\":{\"2\"}}}",{"userid":"3009","location":"y","details":"{\"subjects\":{

javascript - 如何在 Javascript 中将二进制数据读取到字节数组?

我想读取通过XMLHttpRequest获取的JavaScript二进制文件,并能够操作该数据。通过研究,我发现了这种将二进制文件数据读入数组的方法varxhr=newXMLHttpRequest();xhr.open('GET','/binary_And_Ascii_File.obj',true);xhr.responseType='arraybuffer';xhr.onload=function(e){varuInt8Array=newUint8Array(this.response);};如何将这个二进制数据数组转换为人类可读的字符串? 最佳答案

javascript - firestore 数据结构的最佳实践是什么?

我正在使用firebase制作博客应用。我想知道数据结构的最佳实践。据我所知,有两种情况。(我正在使用nativereact)案例一:posts-postID-title,content,author(userID),createdDate,favoriteCountfavorites-userID-favoriteList-postID(onlyID)-postID(onlyID)在这种情况下,例如,当我们需要获取最喜欢的帖子时。firebase.firestore().collection(`favorites/${userID}/favoriteList`).get().then

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab

javascript - Firebase - 使用附加数据填充属性/数组

下面的可观察对象创建了一个事件对象数组。eventsRef:AngularFireList;events:Observable;this.eventsRef=db.list('events');this.events=this.eventsRef.snapshotChanges().map(changes=>{returnchanges.map(c=>({key:c.payload.key,...c.payload.val()}));});我需要从其他数据库列表向this.events添加额外的数据。所以我需要每个事件对象都包含guest人数和数据eventsFilters。我不知道该

javascript - CSRF Token通过Postman不提交表单是否可以获取数据

我正在通过postman点击HTTPAPI从网站获取一些数据。它对我来说工作正常,但从最近几天开始,它给了我一个错误,即invalidcsrftoken403因此,当我通过chrome中的开发人员工具进行检查时,我转到网站的网络选项卡并检查API。SonowthesitealsosendingtheCSRF-Tokenintheheaderfield.所以我知道可以用来生成csrftoken的API。我还从API获取token并发送带有header的token,就像他们在原始站点中所做的那样。但我想知道为什么每次API都返回无效的csrftoken是否可以通过postman发送CSRF

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - React navigation didfocus 事件监听器在类组件和功能组件之间的工作方式不同

当我转换到此屏幕时,它会执行一些API调用以获取最新数据。但是当我从另一个带有钩子(Hook)版本的导航堆栈转换时,它似乎不会触发didFocus事件来触发api调用,而它与类版本一起工作。如何使hooks版本与class版本具有相同的行为?这两个版本有什么区别?类组件版本classsomeScreenextendsComponent{componentDidMount(){const{navigation,}=this.props;this.navFocusListener=navigation.addListener('didFocus',()=>{//dosomeAPIcalls

javascript - 在 Firefox 上执行之前创建一个插件来修改 JavaScript 数据

我想为firefox创建一个插件,它应该检查加载页面上的每个JavaScript。如果有不允许的代码,则应将其阻止或修改(它是XSS保护的一部分)。但我不知道,如何实现这一点。我试图创建一个http-on-modify-request观察者,所以我可以访问脚本。但是我怎样才能在Firefox执行之前修改它们呢?我的第二个尝试是创建一个像Flashblock插件这样的插件。所以我制作了一个CSS文件并将脚本标签绑定(bind)到一个xml文件。在xml文件中,我创建了一个占位符并替换了javascript。当我启动一个页面并查看DOM-Inspector时,它工作正常......有div

javascript - JSF 自定义组件失去对 ajax 更新的输入关注

我正在编写一个自动完成的自定义组件作为使用JSF的学习练习2.1.3.这个想法(可能很熟悉)是输入一些文本到并输入组件并显示具有匹配值的列表框。这个想法是在调用jsf.ajax.request()的输入上有一个keyupjavascript事件更新组件。到目前为止,我已经有了一个可以包含的组件这个:这会像这样呈现html:FirstSecondcom.myco.ajaxRequest()javascript函数(keyup)执行此操作:jsf.ajax.request(comp,null,{execute:'myauto',render:'myauto'});所以因为我想用建议重建和重