草庐IT

Web组件开发

全部标签

javascript - 为什么在 web 和 nodejs 上运行 JavaScript 会有不同的输出?

这个问题在这里已经有了答案:Meaningof"this"innode.jsmodulesandfunctions(4个答案)关闭5年前。我已将我的Node.Js更新为7.6.0版,另一方面运行googlechrome57.0版。当我运行这段javascript代码时,我得到如下两个不同的结果:'usestrict'varobj={id:"awesome",cool:functioncoolFn(){console.log(this.id);}};varid="notawesome";obj.cool();//awsomesetTimeout(obj.cool,100);chrome上

javascript - 如何将 Web Midi API 连接到 native 应用程序(如 Ableton live)

[如果有更好的地方可以问这个问题,请告诉我!]注意:我使用的是Mac。我已经使用WebMIDIAPI成功地将MIDI键盘连接到我的浏览器(Chrome)。我想知道我是否也可以连接应用程序(如AbletonLive),以便当Ableton输出MIDI消息时,浏览器可以接收这些消息?我看到的选项:将Midi从Ableton发送到我的MIDI键盘,后者将它们转发到WebMIDIAPI(任何人都可以阐明如何设置它吗?)使用MacOS中的IAC(应用程序间通信)驱动程序,“可以这么说,允许您在盒子内的应用程序之间创建虚拟MIDI电缆。”我不知道如何设置它,因为“webmidiapi”没有出现在M

javascript - 在 dom 中移动 Vue 组件?

如果我在移动设备上,我会在dom中向上移动Vue组件,因为我想使用绝对定位并想确保我不在relative容器中。if(this.mobile){this.$el.parentNode.removeChild(this.$el);document.getElementById('vue').appendChild(this.$el);}else{//Placetheelementbackatit'soriginallocation.}此代码与去抖动的resize方法一起放置,因此它也适用于调整窗口大小。它工作正常,但是当我开始使用移动设备并调整回桌面时,我需要获取组件首次初始化的原始do

javascript - 在组件上设置所需的 Prop

假设我创建了一个这样的自定义组件:constMyComponent=(props)=>({props.children})而且我需要确保props包含变量name和id,否则我wanttodoisnotgoingwork(现在我知道这段代码无论如何都会起作用,但假设说它不会起作用)。在React中有没有一种方法可以要求将某些props传递给组件?也许这是显而易见的事情,但我找不到任何相关信息。 最佳答案 您可以使用PropTypes。它之前是React的一部分,但现在它有自己的npm包,https://www.npmjs.com/p

javascript - Angular2 完全销毁当前组件

我尝试搜索google和stackoverflow但找不到答案。所以我的问题很简单“我怎样才能删除Angular2、4中的当前组件”例子:RemoveCurrentComponentremove($event){//this.destroy()????}基本上我想要的是ComponentRef看这个answerngOnDestroy()调用this.cmpRef.destroy():ngOnDestroy(){if(this.cmpRef){this.cmpRef.destroy();}}但由于动态创建组件,他正在获取ComponentRef。 最佳答案

javascript - 通过 HOC 将 React 上下文传递给包装的组件

有没有一种方法可以通过React高阶组件将上下文传递给它包装的组件?我有一个HOC,它从其父级接收上下文并利用该上下文执行基本的通用操作,然后包装子组件,该子组件也需要访问相同的上下文以执行操作。示例:HOC:exportdefaultfunctionwithACoolThing(WrappedComponent){returnclassDoACoolThingextendsComponent{staticcontextTypes={actions:PropTypes.object,}@autobinddoAThing(){this.context.actions.doTheThing

javascript - 如何在 Vue Js 中将数据值从一个组件更改为另一个组件?

我是VueJs的新手。因此,我面临着从另一个组件更改数据值的问题。我有一个组件A:SomethingimportBfrom'../components/B.vue';exportdefault{components:{B},methods:{test:function(){B.data().myData=124B.data().isActive=trueconsole.log(B.data().myData);console.log(B.data().isActive);}}}组件B:exportdefault{data(){return{myData:123,isActive:fal

javascript - v-html 中的 Vue 组件/元素

我有一个post.text数据,其中包含用户提交的博客文章的文本就像在Twitter中一样,用户可以使用语法提及其他用户,我正在标记@user1在这篇文章中。呈现帖子时,我想用指向所提及用户页面的链接替换所有@username实例。通过正则表达式匹配/替换,我可以轻松地将提到的@username转换成类似的东西(我正在使用vue-router):Iamtagging{{dPost.user_name}}inthispost但是当我这样使用它时:vue不会重新处理html来绑定(bind)它自己的标签。如何解决这个问题?谢谢 最佳答案

javascript - Prebid 示例在本地开发服务器上运行时不起作用

TL;DR:是否可以在本地运行的Web服务器上使用Prebid.jsv1.6.0测试Prebidheader出价?我已经创建了一个用于集成的库Prebid使用React构建的Web应用程序中的header竞价.它使用Prebid0.34.6运行良好,我在生产中成功使用它。我现在正在迁移我的库以使用最新版本的Prebid,1.6.0。我关注了migrationguidecarefully并实现了此处概述的所有更改。为了测试我的代码,我设置了一个在本地开发服务器上运行的演示应用程序。在应用程序的调试输出中,我可以看到收到了出价(日志显示INFO:BidsReceivedforAuction

javascript - 在子组件上 react 过时的错误日期

我正在尝试使用表单输入元素,由于我们使用了jQueryUIDatePicker,这些元素是不受控制的和jQuerymaskMoney,一旦用户键入对该字段无效的内容,就会在它们下面呈现错误,并禁用任何错误上的按钮。出于某种原因,noneofthatisworkingright.主要成分类似于下面的内容:classMainComponentextendsReact.Component{constructor(props){super(props)this.state={payrates:[newPayRate(newDate(2019,2,1),0.00),],errors:{rate: