草庐IT

Web组件开发

全部标签

javascript - Chrome 开发工具 : Accessing the DOM element $0 pointer from bookmarklet/Snippet

是否可以从控制台中的书签或代码片段访问$0DOM元素指针?关于$0的更多信息https://developers.google.com/chrome-developer-tools/docs/commandline-api#0_-_4DevToolsremembersthelastfiveDOMelements(orJavaScriptheapobjects)thatyou'veselectedinthetab(orProfilespanel).Itmakesthoseobjectsavailableas$0,$1,$2,$3,and$4.$0returnsthemostrecentl

javascript - PubNub 退订会减慢整个 Web 应用程序的速度

我注意到我的JS应用有时会变慢(所有UI都会变慢)。我试图找出原因,我注意到PUBNUB取消订阅事件真的很重。所有其他PUBNUB事件,例如状态、订阅都运行良好。我知道它应该是异步的,但即使是异步它也会减慢整个应用程序的速度,即使它非常简单也是如此。我使用pubnub状态。你知道吗?那是一个pubnub错误吗?以及如何提高它的性能。 最佳答案 [更新:自助属性配置是可能的]您可以为您的PubNubkey集启用“断开连接时生成离开”属性登录您的PN帐户选择您的key集(子/公钥)在PRESENCE下,可以启用或禁用GenerateLe

javascript - 如何获得源映射以与 Chrome 开发工具和 webpack 一起使用?

我正在使用webpack-dev-server-d--inline来提供通过webpack生成的dist/app.js文件。我已经激活了源映射,它在我的dist/文件夹中生成了一个app.js.map文件,并在文件末尾生成了//#sourceMappingURL=app.js.map,但是Chromedevtools似乎没有使用源映射。我想问题可能是Chrome看不到原始源文件(因为webpack-dev-server只提供dist/文件夹),所以我尝试将提供的文件映射到本地开发工具中的文件。不幸的是,然后我得到了“工作区映射不匹配”,我不确定为什么文件会不同,我也不确定这是否会解决源

javascript - 在 Mozilla Firefox 上启用 Web Speech API

我一直在Chrome上使用语音/语音合成,然后我意识到Firefox默认不允许它,必须授予特殊权限。通过阅读这篇文章,我可以使测试工作:https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_APIFirefoxdesktopandmobilesupportitinGecko44+,withoutprefixes,anditcanbeturnedonbyflippingthemedia.webspeech.recognition.enableflagtotrueinabou

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃

我正在尝试调试iframe的contentWindow,但每次我尝试在chrome59上查看contentWindow对象时dev-tools页面崩溃。将contentWindow属性悬停在断点上或单击控制台记录的对象时会发生这种情况。我正在使用ReactJS,所以我创建了一个Reactfiddle,尽管我认为这不相关。Fiddletoreproduce:打开开发工具点击“试用”单击console.logged对象。有没有办法避免崩溃? 最佳答案 由于新的contextselection,这似乎已在chrome60上得到修复.特征

javascript - 编写依赖父构建工具的 Vue 组件的正确方法

Iimaginethisproblemwouldapplytootherframeworksthathaveabitofaplugin/componentecosystemaboutthemthatrelyonspecificbuildtools(ReactcomponentswithJSX,etc).Vueisjustmyuse-case.我以单个.vue文件的形式编写了多个Vue组件,这些组件已发布到NPM。这些组件的package.json没有列出任何依赖项,因为它们本身旨在在使用webpack、vue-loader、sass-loader等的父项目中运行。Thisisanexa

javascript - Angular - 如何在组件级别实现异常处理

在Angular(Angular4、5)内部工作时,如果组件引发错误(TypeError或null或未定义错误等),整个应用程序将继续中断。我们如何处理这个问题,以捕获组件级别的错误并可能显示后备UI,就像React16使用ErrorBoundaries一样. 最佳答案 我会通过在组件级别处理错误来处理它,并提供一个服务来监听在组件或服务级别发生的任何错误。例如:从服务抛出错误捕获组件中的错误处理错误,处理错误并将包含详细信息的错误事件发送到ErrorService。您可以拥有一个应用级组件“errorBannerComponent

javascript - Scala + Web 框架 + Javascript 框架有哪些好的组合?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭11年前。很长一段时间以来,我一直在尝试研究一些不同的东西来构建我计划中的Web项目(笑),我经历了一些Django和Rails但放弃了,主要是因为语言。我使用Java,但不想使用JSP/JSF/Servlet进行开发...阅读Scala再次激发了我对学习网络技术以构建我的项目的兴趣。老实说,我从来没有使用过javascript框架,因此也没有使用过json。我浏

javascript - 电子电路图组件连接算法

Closed.Thisquestionneedstobemorefocused。它当前不接受答案。想改善这个问题吗?更新问题,使其仅关注editingthispost的一个问题。7年前关闭。Improvethisquestion我正在创建一个网络服务,旨在模拟电子电路的工作方式。project甚至还没有进入Alpha阶段。我坚持该项目的一些重要里程碑:当一个人试图将一个组件的引脚连接到其他某个引脚时,应该建立连接线。首先,连接线只是一条直线,几乎没有任何方法可以更改它。然后,它变成了弯曲的线,可以添加,移动和删除点,从而确定了线的弯曲方式。现在,它(连接线)是使用A*算法创建的。实现还

javascript - 无法使用 Chrome 开发工具检查元素

我有一个基本的html文件(base.html),其中包含一个使用(iframe.html)的iframe。iframe仅在单击某个菜单项时显示。它们都托管在同一个域中。在base.html中,我包含了一个指向我使用的外部服务的脚本。包含脚本会返回一个存在于我的页面上的对象。在iframe.html中,我有另一个脚本,它根据返回的对象的某些属性构建菜单my_list_builder.js的代码如下所示:varmyList=parent.externalAPI.getItems()varlistBlock=""for(vari=0;i'+myList[i].Name+'';}listBl