草庐IT

组件模块开发的

全部标签

javascript - 如何在 typescript 中加载 Electron 模块

我尝试从typescript中的Electron获取ipcRenderer模块,以将信息从当前组件发送到核心,并将信息返回到窗口(ElectronChrome浏览器)。通过将ts代码转码为ES5,我得到的只是一个错误“找不到模块”。constipc=require('electron').ipcRenderer;`更新:错误是在“找不到模块”和这个之间切换:./~/electron/index.js中的错误模块构建失败:错误:ENOENT,打开“/.../node_modules/electron/index.js”@./app/components/search/search.ts1

javascript - ngFor 中的 Angular2 组件抛出错误(viewFactory 不是函数)

我在Angular2应用程序(测试版1)中有一个ComponentB。在我将它放在ComponentA的ngFor循环中之前,它工作得很好。我收到了一个相当神秘的错误:EXCEPTION:TypeError:viewFactory_ComponentB0isnotafunctionin[numbersinComponentA@1:23]BrowserDomAdapter.logError@angular2.dev.js:22690BrowserDomAdapter.logGroup@angular2.dev.js:22701ExceptionHandler.call@angular2.

javascript - 在 Node.js 中模拟嵌套模块?

我有这些文件:文件1.jsvarmod1=require('mod1');mod1.someFunction()...文件2.jsvarFile1=require('./File1');现在在为File2编写单元测试时,是否可以模拟mod1,这样我就不会调用mod1.someFunction()? 最佳答案 我通常使用mockery模块,如下所示:lib/file1.jsvarmod1=require('./mod1');mod1.someFunction();lib/file2.jsvarfile1=require('./file

javascript - 使用无状态功能组件与调用方法有什么区别?

我试图了解无状态组件以及这些示例之间的区别:classApp{render(){return({this.renderAFunction('hello')});}renderAFunction(text){return({text});}}还有这个:classApp{render(){return();}}constRenderAFunction=({text})=>({text});或者是否有任何区别? 最佳答案 在功能上,绝对没有区别。两者最终都呈现一个段落元素,但还有其他方面需要考虑。在检查这两种方法时,(在我看来)需要说明三

javascript - React/Redux 应用程序中组件的权限检查

我正在尝试与构建React应用程序的团队合作,并试图找出创建“高阶”React组件(包装另一个组件)的最佳方法,以结合Redux数据执行身份验证商店。到目前为止,我的方法是创建一个模块,该模块由一个函数组成,该函数根据是否存在经过身份验证的用户返回一个新的React组件。exportdefaultfunctionauth(Component){classAuthenticatedextendsReact.Component{//conditionallogicrender(){constisAuth=this.props.isAuthenticated;return({isAuth?:

javascript - 导入模块只是为了运行它

我有一个JavaScript文件,它为我正在使用的表单验证库注册了验证器。这些验证器可以通过该库访问,所以我不需要将它导入任何地方,我只需要确保它运行一次。如何在es6中以这种方式导入模块?项目中执行此操作的最佳位置是什么?我目前在我的主js文件中有它,一切都在那里启动,但该文件与表单或数据验证无关,所以感觉有点尴尬 最佳答案 HowdoIimportamoduleinsuchawayines6?你可以使用import'validators/register';仅针对其副作用导入模块。What'sthebestplaceinapro

javascript - 从子组件调用父组件的方法 - React Native

我正在开发我的第一个应用程序,并且仍在学习流程。所以假设我有一个组件叫做:持有方法HelloWorld()的父级,如下例所示:importReact,{Component}from'react';classParentextendsComponent{Helloworld(){console.log('Helloworld');}render(){return({this.props.children})}}module.exports=Parent;然后我想将它导入另一个组件并使用它的方法,那么我该怎么做呢?我会写另一个简短的例子来说明我将如何实现它。importReact,{Com

javascript - 如何将通用 HTML 传递给 Angular 2 组件?

我想制作一个可以容纳任何东西的通用模态组件,从文本到图像/按钮等。如果我这样做:{{content}}我实际上无法将HTML传递到内容中,只能传递到文本中。我如何创建一个组件,以便父组件可以传入它想要的任何HTML?如果我想在页脚添加n个按钮,每个按钮都有自己的回调怎么办?有没有更好的方法我应该这样做? 最佳答案 你要找的是ng-content并且您可以将任何HTML内容直接传递到您的组件中。假设您的组件名称是my-modal,您可以像下面这样使用它,>希望这对您有所帮助! 关于java

javascript - angular2 组件中的多个动画触发器

我想在一个组件中定义多个动画触发器。这可能吗?例如一个用于进入场景,一个用于悬停。还是我需要为这种情况定义两个组件(父子)?item.compoennt.ts//removedtheimportandclasspartforbetterreadability@Component({selector:'item',templateUrl:'./item.template.html',styleUrls:['./item.style.scss'],animations:[//pageloadanimationtrigger('slideIn',[state('in',style({opac

javascript - Rollup.js 如何在不做任何更改的情况下导入 js 文件(不是 es6 模块)(myvar$extrastring)

首先,我明白为什么rollup.js需要在某些变量的末尾附加额外的字符串以避免冲突但是......我不明白如何“连接/导入”一个不是amd/commonjs/es6的简单javascript文件,而是简单的显示模块!我有以下文件结构:foo.jsvarFoo=(function(){varsomeMethod=function(){};return{someMethod:someMethod};})();bar.js(function(module){module.bar="bar";})(Foo);主要.jsimport"foo.js"import"bar.js"构建后,我得到:构建