草庐IT

扩展组件

全部标签

javascript - JSX 与组件类实例化

有人可以向我解释以下两个陈述之间的区别吗?lettest1=newCustomComponent();和lettest2=调试器是Chrome给我的:fortest1CustomComponent{props:undefined,context:undefined,refs:Object,updater:Object,state:Object…}fortest2Object{$$typeof:Symbol(react.element),key:null,ref:null,props:Object,type:function…}我如何从test1类型的变量中获取test2类型的变量?

javascript - 在 React 样式组件上使用 'ref' 不起作用

我在使用带样式组件的ref时遇到困难。当我尝试像下面这样在我的类方法中访问它们时,出现以下错误:Edit.js:42UncaughtTypeError:this.....containsisnotafunctionconstructor(props){....this.setWrapperRef=this.setWrapperRef.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this);}----------setWrapperRef=(node)=>{this.wrapperRef=node;}ha

javascript - 从 Firefox 扩展中查找当前登录的用户

我正在编写一个Firefox扩展,它需要知道当前登录用户在Windows、Mac或Linux中的用户名。所以如果我以“brh”身份登录我的机器,它会返回“brh”。知道如何通过扩展JavaScript做到这一点吗? 最佳答案 Firefox扩展按照与页面中运行的普通JavaScript不同的规则运行:绝对有可能找到当前用户。打开错误控制台(在工具中)并输入:Components.classes["@mozilla.org/process/environment;1"].getService(Components.interfaces

javascript - 加密 Chrome 扩展?

要加密Chrome扩展程序以免暴露源代码吗? 最佳答案 您可以使用混淆器隐藏您的代码。市场上有很多。像GoogleClosure编译器这样的工具很少,市场上有很多在线javascript开发者。你可以使用任何。但不保证代码的secret性。任何精通JavaScript的人都可以对该代码进行去混淆处理。这里有两种方法:1.通过网络服务提供您的功能。如此重要的代码驻留在服务器上,扩展将与服务器通信并处理服务器的输出。2.使用NPAPI,但不是一个好方法。在我看来,一个好的策略是尝试为用户提供良好的扩展。如果市场上已经有很棒的东西,没有人

javascript - Chrome 扩展 : open new tab from a form in popup

我在chrome扩展弹出窗口中有一个简单的javascript表单。单击扩展程序图标时,用户填写表单并单击“开始!”,这将打开一个新选项卡-这个新选项卡的URL将根据表单中的值确定。目前弹出窗口显示正常,表单值填充正常。如何在用户单击按钮时打开选项卡?(我对javascript很陌生,文档把我搞糊涂了:|)list.json:{"name":"MyHelper","version":"1.0","description":"MyHelper","background_page":"background.html","browser_action":{"default_icon":"ic

javascript - 选项卡重新加载时如何运行此脚本(chrome 扩展)?

所以我想在选项卡重新加载到指定的URL时运行脚本。它几乎可以工作,但实际上id没有:)这是我的list文件:{"manifest_version":2,"name":"SampleExtension","description":"SampleChromeExtension","version":"1.0","content_scripts":[{"matches":["http://translate.google.hu/*"],"js":["run.js"]}],"permissions":["activeTab","tabs"],"browser_action":{"defaul

javascript - 在页面显示到屏幕之前删除 DOM 元素(在 Chrome 扩展中)

我正在尝试创建一个扩展,该扩展将在页面显示到屏幕之前摆脱某些页面元素(通过id或类)。我尝试在文档上使用事件监听器,并将“DOMContentLoaded”作为事件,但javascript似乎在页面显示给用户后执行,然后将其删除,因此它不像我想要的那样流畅(不显示不需要的内容完全没有)document.addEventListener("DOMContentLoaded",function(){varelements=document.getElementsByClassName("header-nav-item");while(elements.length>0){elements[

UI组件库Vant Weapp的下载和使用

 VantWeapp-轻量、可靠的小程序UI组件库为了提高小程序的开发效率,通常考虑使用第三方UI组件来实现界面的视觉统一。开发者可以方便的引用已经事先设计好的自定义组件来快速搭建小程序界面。小程序自定义组件从基础库版本1.6.3开始,小程序开始支持简洁的组件化编程。开发者可以将页面内的功能模块制作成自定义组件,以便在不同的页面中重复使用;也可以将复杂内容拆分成若干个低耦合的模块,这样有助于代码的后期维护。例如,目前小程序的原生组件中是没有卡片组件的,开发者可以自行使用图片、按钮、文本等内容通过样式布局组合成一个商品展示卡片,然后自由应用于多个页面上,这种组件就是自定义组件。自定义组件的引用方

小程序通过npm安装组件时出现错误及解决方式

    安装node后再配置环境变量仍然不能直接按以下方式进行组件安装;1、打开小程序,看到如下界面:图12、在空白处右击,然后点击在外部终端窗口中打开,界面如下:图23、直接输入npminit,结果如下图3 可以看到图1中界面是可以出现package.json文件的。4、但是输入npmi@vant/weapp-S--production结果报错(npmi@vant/weapp@1.3.3-S--production,@1.3.3是指定vant组件版本号)图4 可以看到,错误原因是没有权限打开指定文件夹5、解决办法: 5.1以管理员身份运行cmd图5 5.2切换到小程序项目根目录图6 5.3然

javascript - React 组件等待所需的 Prop 呈现

我在父组件内部声明一个组件。我想在一个文件中建立特定的Prop,然后在父组件中,我希望能够同时为子组件建立其他Prop(因为它们是共享属性......在大多数情况下)。我的问题是子组件尝试渲染并失败,因为一开始没有建立所需的Prop类型。有没有办法告诉子组件等待所需的Prop渲染?在ParentComponent渲染函数中,我调用另一个函数来运行React.Children.map()并将Prop附加到ChildComponent。呈现子组件的(粗略)部分: 最佳答案 您可以使用conditionalrenderstatement仅