草庐IT

Web组件

全部标签

javascript - 如何在 React 组件中访问 js 和 jsx 中 map 函数之外的变量

varPieceList=React.createClass({render:function(){varpieces;if(this.props.pieces&&this.props.onDeletePiece2){varpieces=this.props.pieces.map(function(piece){return()});}return({pieces});}});我对如何让它发挥作用感到困惑。问题是{this.props}在map函数中不可用。在这里使用foreach会更好吗?难住了,请停下! 最佳答案 map只是一个

javascript - 如何监听自定义事件定义的 Web 组件

我有一个自定义元素my-checkbox,它包含一个复选框、标签、样式等。当该复选框被切换时,我定义了一个名为check的CustomEvent构造函数,像这样:constructor(){super();this._shadowRoot=this.attachShadow({mode:'open'});this.checkEvent=newCustomEvent("check",{bubbles:true,cancelable:false,});}我在复选框被切换时发送该事件:toggleCheckbox(){this.dispatchEvent(this.checkEvent);c

javascript - 无法聚焦 Web 元素以发送 key

我有一组测试需要登录然后执行搜索。我的应用程序是AngularJS,我正在起诉Protractor。事实上,在我收到我的应用程序的新套件之前,我的测试工作正常,此时我的所有测试都失败了:element(by.id('mainGlobalSearchBtn')).sendKeys('a');这是我的控制台输出:1)changenumberofitemsdisplayedbypageshoulddisplay20itemsperpageMessage:UnknownError:unknownerror:cannotfocuselement(Sessioninfo:chrome=33.0.1

javascript - Asp-net web api 输出带有字母 T 的日期时间

数据库中的数据是这样的2011-09-0714:43:22.520但我的WebAPI输出数据并将空格替换为字母T2011-09-07T14:43:22.520我可以在jquery中再次用空格替换字母T,但是我可以从WebAPI解决这个问题吗(让WebAPI输出原始数据?)我也不想要最后的毫秒数。我怎样才能摆脱它们? 最佳答案 您在数据库中查看日期的格式通常是无关紧要的,因为它应该作为DateTime而不是作为string传递到.Net中。(如果您将其作为varchar存储在数据库中,则会遇到更大的问题。)ASP.NetWebAPI以

javascript - 如何在 NPM 上创建和发布 Vuejs 组件

我开始与vue一起工作了很多并开始在我工作的公司的所有项目中使用它。有了这个,我最终创建了一些components,一般autocomplete,我知道有很多,我已经使用了一些,但没有一个能满足我的所有需求。但是,每当我开始处理一个新项目并使用相同的组件时,我要么重新创建它,要么复制并粘贴它。所以我开始怀疑如何创建我的组件,每当我使用它时上传到npmjs,只需给一个npminstall-save...,并且也能够为社区做出一些贡献。 最佳答案 更新随着vue-loader15.x的发布,这个答案将不再有效。请改用这个https://

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 提取地址组件的更有效方法

目前,我正在使用以下代码获取国家/地区、邮政编码、地区和副地区:varcountry,postal_code,locality,sublocality;for(i=0;i这是不令人满意的。有没有其他方法可以达到同样的效果? 最佳答案 您可以使用以下函数来提取任何地址部分:functionextractFromAdress(components,type){for(vari=0;i要提取您调用的信息:varpostCode=extractFromAdress(results[0].address_components,"postal_

javascript - 将地理 WGS 84 转换为 Web 墨卡托 102100

我正在尝试将地理坐标系转换为EsriWebmercator,但是当我进行转换时,生成的x和y的值为0000003232112222…和00000012665321…。这很奇怪,因为坐标不存在。varpositions=[];positions.push(x,y);varg=newesri.geometry.Point(positions);g=esri.geometry.geographicToWebMercator(g);x=g.x;y=g.y; 最佳答案 您应该尝试esri/geometry/webMercatorUtils模块

【WEB3】如何使用Web3J库开发应用连接到以太坊区块链网络

​一、什么是web3JWeb3j是一个与以太坊智能合约交互并与以太坊节点集成的Java库。它是高度模块化、类型安全和反应式的,专为以太坊上的Java和Android开发而构建。Web3j消除了编写自定义集成代码以连接到以太坊区块链网络的开销。二、Web3J特点通过HTTP和IPC实现完整的EthereumJSON-RPC客户端API,并支持Ethereum钱包。自动生成Java智能合约包装器,以从本机Java代码创建、部署、交易和调用智能合约(支持Solidity和Truffle定义格式)。用于处理过滤器的反应功能API。以太坊名称服务(ENS)支持。支持托管的以太坊节点。支持ERC20和ER

javascript - Prop 更改后 react 组件不会重新渲染

每当用户单击我的组件上的按钮时,我都会尝试过滤状态中的一组对象。过滤的逻辑工作正常,但是当它返回到组件时,过滤的对象丢失了,而是属性未定义。我是否缺少生命周期方法?点击事件:MyPosts...{this.renderPosts()}过滤我的帖子filterMyPosts(){this.props.updateFilter("myPosts");//filteringfunctionusesswitchstatementbasedonstringstofilterposts}组件容器:constmapStateToProps=(state)=>{return{currentUser:s