草庐IT

网络通信组件

全部标签

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 用于点击跟踪的高阶 React 组件

我想实现一个更高阶的React组件,该组件可用于轻松跟踪任何React组件上的事件(如点击)。这样做的目的是轻松地将点击(和其他事件)连接到我们的第一方分析跟踪器中。我遇到的挑战是React合成事件系统需要事件(如onClick)绑定(bind)以响应DOM元素,如div。如果我包装的组件是自定义组件,就像通过高阶函数实现的每个HOC一样,我的点击事件不会正确绑定(bind)。例如,使用此HOC,onClick处理程序将为button1触发,但不会为button2触发。//HigherOrderComponentclassTrackextendsReact.Component{onCl

javascript - React-Navigation - 标题与其屏幕组件的交互,失败的 Prop 类型

我正在关注React-Navigation教程,并卡在标题为Headerinteractionwithitsscreencomponent的部分.Thecode在教程中,在snack提供的模拟器中工作正常,但我发现在本地运行时遇到以下错误:警告:Prop类型失败:Prop“onPress”在“按钮”中被标记为必需,但其值为“未定义”。我通过更改navigationOptions中的onPress事件分配,设法使用expo-cli在我的本地机器上运行代码,如下所示(mysnackhere):{navigation.getParam('increaseCount')()}}//onPres

javascript - 将整个 Redux 状态对象传递到 React 组件中是否可以?

我们有一个组件需要访问Redux的商店。importReactfrom'react'import{connect}from'react-redux'constComponent=(props)=>{...code...}我们已使用connect将此组件连接到商店。exportdefaultconnect(mapStateToProps)(Component)我们现在需要定义mapStateToProps作为第一个参数传递给connect。constmapStateToProps=state=>({...state})为什么这种将数据注入(inject)组件的方法是可以接受的,或者为什么

javascript - IE6 在使用 excanvas 绘制图像时尝试安装缺少的 office 组件

我有一个使用excanvas绘制一些图像的页面。在IE6中测试新页面时,一台计算机尝试打开Office2000并安装缺少的组件。如果取消office2000安装,则会出现vml图像。这个问题只发生在我的一台测试机器上,但它仍然让我担心。有人在使用IE6和excanvas之前遇到过这个问题吗? 最佳答案 首先:以我的OSX/Linux背景,我根本不是IE6专家!:)也就是说:它看起来像一个MIME-Type对我来说是个问题。有没有办法将MIME类型关联到IE6中的应用程序?如果是,请比较两个IE6设置的设置并查找差异。

javascript - 在 iPhone 网络应用程序上捏/缩放后如何获得视口(viewport)比例?

有谁知道如何在用户捏合或双击以放大/缩小JavaScript页面后获取视口(viewport)的大小(以像素为单位)或比例值?我尝试过使用window.innerWidth,但结果好坏参半。有时它似乎准确地给出了视口(viewport)显示的像素数,但是,如果我在页面上放大然后做一个大的捏来缩小,window.innerWidth将在600-700左右,即使它只是显示页面的~200px。该页面只有400像素宽,并且没有显示当您缩小到超过页面大小时看到的方格背景“您做得太过分了”。如果我稍微捏一下来放大和缩小,window.innerWidth似乎工作得很好。不幸的是,我不能指望用户只做

Javascript列出网络服务器目录中的所有文件

我知道如何用服务器端语言做到这一点,但我想知道是否有一种简单的方法(就像在没有事件的X中一样)。谷歌搜索只给我javascript列出用户计算机文件的方法。如何使用javascript列出服务器上的所有文件。也就是说,如果我有一个文件夹/gallary并且其中可以有许多子目录,/gallary/sports、/gallary/california、/gallary/christmas。每个子目录包含n个图像。如何让javascript列出所有子目录以及所有图像。 最佳答案 由于浏览器中的JavaScript无法直接访问服务器的文件系

javascript - 与网络界面相比,Google Search API 有时会返回第一个结果,有时会返回第二个结果

首先,这不是以下内容的副本:Whydoesagooglesearchthroughthegoogleapireturndifferentresultstoasearchinthewebpage?也不是我能够找到的任何其他“谷歌搜索API返回意外结果”问题。我正在编写一个使用Google网络搜索API的小型javascript程序。我正在为我的“购买地点”页面创建自定义链接,这些链接应该将用户引导到我们经销商网站上的正确页面,以购买他们在单击“购买地点”时上次查看的产品。我使用document.referrer的javascript方法,然后解析URL以确定用户上次访问我网站上的哪个页面

graph - d3.js 中的网络多路由正交图

我们想用d3画一个网络路由图,起始节点和结束节点是固定的,但中间的路径不同,可能共享一些节点,例如:我阅读了来自Configurefixed-layoutstaticgraphind3.js的评论并成功创建了一个简单的图形,如:但是当我向图中添加更多节点时,它变得随机(刷新后不是静态的)并且不再是正交的:所以我的问题是:是否可以使用d3.js来绘制接近所需的东西图形?或者有没有我应该在我的工作中使用的算法图实现? 最佳答案 在这里看我的演示。http://jsfiddle.net/doraeimo/JEcdS/主要思想是基于树建立连

javascript - 为什么 JavaScript 在 FireFox 附加组件中比在 FireFox 加载的网页中慢?

我想知道为什么相同的JavaScript代码在FireFox附加组件(使用附加SDK)中比直接在FireFox加载的网页中运行要慢得多。例如,这段代码:functionisPrime(number){vari,prime=true;for(i=2;i在FireFox打开的网页中运行时间不到2秒,但在FireFox附加组件中运行大约需要15秒。我知道代码可以更好,但这只是一个例子来说明它有多慢。为什么FireFox附加组件这么慢?有什么方法可以让它更快(不更改此代码,因为正如我上面所说,它只是一个示例)?更新:好像跟Add-onSDK有关。我做了另一个测试:我在一个不使用附加SDK的附加