草庐IT

Web组件

全部标签

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

我正在使用JqueryUI拖放(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch将触摸事件映射到鼠标事件。到目前为止,整个拖放操作都很好。我现在遇到的问题是我有一长串可拖动元素,我还需要能够在iPad上滚动列表...当我将列表元素设置为可拖动时,这将不再起作用。我尝试使用jqueryui提供的约束,例如distance和delay-但即便如此,滚动事件似乎已被拖动事件完全禁用/覆盖。我可能需要编写一个自定义函数,例如“只有向左移动至少50像素才能使其可拖动”之类的。有没有

javascript - 同一 View 中的多个 knockout 组件

我四处寻找这个问题的答案,但终究无法弄清楚我所做的与官方示例有何不同,除了我认为我的用例有点更复杂:http://knockoutjs.com/documentation/component-binding.html基本上,我正在尝试创建可重用的UI元素。该行为实质上将通过“params”对象传递给他们。然而,我希望多个元素能够存在于一个页面上,这正是我遇到困难的地方。我正在使用browserify来捆绑我的代码并具有以下内容(为简洁起见chop了一些条目):index.html主要.jsvarko=window.ko=require('knockout'),toggle=requir

javascript - 将 PDF 文件从 Web 应用程序写入 U 盘

我担心这样做的可行性:在一台预配置的机器上,我将预装一个Web应用程序,紧挨着一个Apache套件。所以客户端和服务器是一样的!在此Web应用程序中,用户可以拖放PDF文件到USB图标。然后Web应用程序应该将放置的PDF写入附加的U盘。我从来没有做过这样的事情(写入USB),所以我很没有安全感。我很清楚有关JavaScript和文件系统访问的浏览器限制,但是......经过一番研究后我发现,可能有一些可能并且相关的(我是网络平台专家)解决方案:制作一个具有USB权限的“Chrome应用程序”(这真的有用吗?)使用PHP找到USB,然后写入它(这在Windows下如何工作?)使用一些F

javascript - enzyme 测试认证高阶组件(HOC)

我创建了一个高阶组件/组合组件,以确保在加载组件之前对用户进行身份验证。这是非常基本的,但我在测试它时遇到了一些麻烦。我想测试以下几点,这与我在其他地方已经进行的测试类似:呈现组件(我通常通过查找特定于组件的className来检查)有正确的props(在我的例子中是authenticated)如果已通过身份验证,则呈现包装组件;如果未通过身份验证,则呈现nullHOC:importReactfrom'react';import{connect}from'react-redux';import{createStructuredSelector}from'reselect';import

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

我试图根据下拉列表中的值显示/隐藏组件的一部分。在移动我的表单的这一部分之前,使用计算属性工作得很好。但是......我在我的组件中使用了两种方式绑定(bind),而且我正在使用的属性的计算值似乎更新得太晚了。这里是组件jsVue.component('system',{template:'#system',props:['name','count'],computed:{issummit:function(){returnthis.name==='5a37fda9f13db4987411afd8';}//audiovideo:function(){//returnthis.syste

javascript - Vuejs 不会在 HTML 表格元素中呈现组件

我想呈现一个在表格中显示一行的自定义组件。我有以下代码://jsfileVue.component('message-row',{data:function(){return{msg:'Hello'}},template:'{{msg}}'});newVue({el:'#app'});//htmlfile问题是该行最终呈现在表格之外!像这样:Hello您可以在这个JSFiddlehttps://jsfiddle.net/eciii/7v6yrf3x/中查看它我不确定这是一个错误还是我只是在这里遗漏了一些非常明显的东西...... 最佳答案

javascript - Web Audio 中 AudioNode 的清理

WebAudioAPIdocs不要真正解释用完AudioNode后的用途。例如,如果我用完了一个AudioBufferSourceNode并且我想摆脱它,只调用noteOff()就足够了吗?还是我需要断开连接吗? 最佳答案 只需调用noteOff()就足够了,或者如果AudioBufferSourceNode没有循环,它会在到达样本数据末尾时自行完成(不需要调用noteOff())。无需断开连接。 关于javascript-WebAudio中AudioNode的清理,我们在StackOv

javascript - Web 应用程序页面加载中的 ScriptResource.axd 是什么?

什么是ScriptResource.axd请在下面的图片中找到..无论如何要在页面请求中删除它我必须在PT测试中通过我的网页500毫秒。 最佳答案 您不应该在不了解发出请求的原因的情况下尝试删除对这些处理程序的请求。像这样的一批ScriptResource.axd请求通常是由于ASP.NET控件注册包含它们所依赖的脚本,尤其是ASP.NETAJAX控件工具包控件的脚本。如果您想在不破坏站点的情况下最大程度地减少单个请求的数量,请查看ScriptManager将多个脚本组合成单个有效负载而不是单个脚本的能力:http://msdn.m

javascript - 如何以编程方式将参数传递给 Blaze 组件?

meteorreacttutorial指示您通过调用Blaze.render创建您的Meteor登录按钮:this.view=Blaze.render(Template.loginButtons,React.findDOMNode(this.refs.container));account-ui包文档说如果你想在屏幕右边缘对齐登录下拉菜单,你应该使用{{>loginButtonsalign="right"}}'不幸的是,Blaze.render()函数的文档没有指出我的JavaScript可以使用任何参数来传递等效于align="right".我如何告诉Blaze使用align="ri

javascript - ReactJS 组件 PropTypes - 指定具有一组参数的函数类型

我在React(版本0.13.3)组件中指定一个必需的函数proptype...varMyComponent=React.createClass({propTypes:{onClick:React.PropTypes.func.isRequired},handleClick(event){this.props.onClick(event,clickCallback);},clickCallback(){console.log("foo");},render(){return}});exportdefaultMyComponent;如您所见,我的onClickProp不仅需要是一个函数,