草庐IT

数据可视化组件

全部标签

javascript - 没有 Ember 的 Ember 数据?

我已经使用Ember1.5年了,我不得不承认:来自Rails,它完全改变了我现在对Web应用程序的看法。我已经严重影响了自己的想法,以至于我什至无法在Rails上编写前端代码。但我想检查其他框架,如React,甚至编写我自己的迷你框架。问题是我觉得ember-data就像RailsActiveRecord一样,它在任何js应用程序上都非常好而且至关重要。无需在那里重新发明轮子。那么就像AR一样,有没有一种方法可以构建js应用程序并使用Ember-Data来开发Ember-Data提供的所有功能(如模型、查找器、查询、适配器/序列化器等)?有人做过这样的事吗?:D

javascript - 如何检查并返回数据直到没有匹配项?

我创建了一个函数,它将在JSON文件中搜索不同的标签,如[image]和[gallery]等标签。如果匹配,它将返回并用新的输出替换它。像图像对象或幻灯片。一个JSON对象可以包含多个相同类型的标签,也可以同时包含不同的标签。因此一个对象可以包含两个[image]标签,例如JSONhttp://snippi.com/s/bzrx3xi问题是,如果找到多个[image]标签,它会被替换为相同的内容。我一直在寻找一个正在搜索标签的脚本,直到不再有匹配项为止。非常感谢@debatanu提供的解决方案。不幸的是,我对脚本有一些额外的希望,因为现在像图像这样的标签将被替换为JSON中媒体数组的最

javascript - 是否可以在一个 react ​​组件中有两种状态

我正在尝试构建一个简单的单位转换器来练习React.js。我希望能够更改一个单位的值,例如:Kg,并让另一个单位,例如:lb在屏幕上自动更改。请看这个网站给你一个想法:http://www.convertunits.com/from/lb/to/kg我有以下代码,它呈现但单位不更新。我想知道的是:一个组件有两种状态是否准确?1表示Kg另一个用于lb或者它们是否需要成为兄弟组件?如果是这样,他们将如何更新彼此的状态?如果可以在同一个组件中同时拥有两个单元的状态,那么我做错了什么?谢谢!(我有一个简单的快速应用程序来呈现页面)importReactfrom'react';exportdef

javascript - React 组件抛出的错误,被不相关的 promise 的 catch block 捕获

这是我遇到的。在React组件的渲染函数的某处,我有这个:{first_name}{last_name}我用这个替换了它:{first_name.toUpperCase()}{last_name.toUpperCase()}我的应用程序无法再登录。我正在使用Axios与后端对话。Axios是基于promise的。在我进行了上述更改之后。它显然开始执行我的loginAPI调用的then和catchblock。当我在catchblock中打印响应时。functionlogin(data,success,error){axios.post('/login',JSON.stringify(da

javascript - 使用 sequelize ORM 连接到 node.js 上的 Amazon RDS Postgres 数据库时出现问题

我目前正致力于将在Heroku中设置的环境迁移到AmazonWebServices堆栈(RDSPostgreSQL、ElasticBeanstalk)。我在尝试通过sequelize.jsORM连接到PostgreSQL时遇到了一些问题。错误信息如下:UnhandledrejectionSequelizeHostNotFoundError:getaddrinfoENOTFOUND[host].我可以通过pgAdmin连接到数据库,所以我知道该服务正在运行,并且以下配置已在Heroku上运行:sequelize=newSequelize(process.env.DATABASE_URI,

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - React 组件返回时实际发生了什么?

我注意到组件返回前和返回后的数据存在差异。classAComponentextendsComponent{render(){constbody=debugger//logbodyontheright//...renderasstatichtmltoelectronwindowreturnfalse}}classBComponentextendsComponent{render(){constresultRender=...debugger//logresultRenderontheleftreturnresultRender}}我之前的问题是“Howtoreadrenderedcomp

javascript - Angular 组件不会显示

我有一段html想要显示为一个组件,因为我没有操作DOM。作为一个指令它工作正常,但作为一个组件它就不行了。我以前制作组件没有问题,只是看不出这里有什么问题。如果我在组件代码中注释掉指令,它就不起作用。知道我做错了什么吗?(function(){"usestrict";angular.module('x.y.z')//.component('triangularStatus',{//bindings:{//value:'=',//dimension:'=?'//},//templateUrl:'/path/to/triangular-status.html',//controller:

javascript - Angular 2 组件 DOM 在 OnInit 方法中被解析之前绑定(bind)到组件中的属性

我正在学习Angular2并尝试按照他们的教程进行操作。这是返回模拟对象文件夹的“Promise”的服务代码。import{Injectable,OnInit}from"@angular/core";import{FOLDER}from"./mock-folder";import{Folder}from"./folder";@Injectable()exportclassFolderService{getFolder():Promise{returnPromise.resolve(FOLDER);}}它在我的FolderModule的提供者中声明import{NgModule}from

javascript - 从 EmberJs 组件进行 ajax 调用的正确方法?

我想知道从ember组件进行ajax调用的正确方法是什么。例如我想创建一个可重用组件,让员工通过员工ID进行搜索,然后当响应从服务器返回时,我想使用来自ajax响应的数据更新模型。我不知道这是否是正确的方法,我是emberjs的新手。exportdefaultEmber.Component.extend({ajax:Ember.inject.service(),actions:{doSearch(){showLoadingData();varself=this;this.get('ajax').post('http://server.ip.com/api/v1/getEmployee'