草庐IT

组件模块开发的

全部标签

javascript - Node.js 使初始化对象在所有模块中可用

我有一个在app.js文件中初始化的初始化对象,我想让这个初始化对象在所有模块中都可用。我怎么能那样做?将这个对象传递给每个模块是一种方法,我想知道我是否遗漏了什么或者应该以不同的方式完成?我看到mongoose实际上支持默认连接,我需要在app.js中一次和在其他模块的任何地方初始化它,我可以简单地使用它而不需要传递它。有什么我可以像这样做的吗?我还检查了来自node.js的全局对象文档http://nodejs.org/api/globals.html,并想知道我应该使用global作为问题。谢谢 最佳答案 一点建议:您应该很少

javascript - 如何在 Vue js 中使用其名称获取 View 或组件对象?

Javascript代码:varmain=newVue({el:"#main",data:{currentView:"top",},});vartopComponent=Vue.component('top',Vue.extend({template:"#top",}));现在,当我访问main.currentView时,我得到“top”。但是对于这个字符串'top',我如何获取组件topComponent? 最佳答案 来自VueJSguideDespitetheexistenceofpropsandevents,sometimes

javascript - Node.js,获取找不到模块 'ws'错误

我已经在我的Windows-7PC上安装了node.js。我无法创建到远程服务器的websocket连接。我试图在我的脚本中加载模块“ws”:varWebSocket=require('ws')它给出了一个错误:cannotfindmodule'ws'所以我按照这里的说明进行操作:node.jswebsocketmoduleinstalledbutwon'tworkinscriptsExecutecmdasAdministrator(Rightclickcmdicon->RunasAdministrator)Thentypeincmd:c:\NodeInstalationDir\>np

javascript - Learnyounode #6 使其模块化 : correct results AND throwing error at the same time?

我正在完成nodeschool.iolearnyounode练习#6,makeitmodular。我得到了正确的结果,但仍然有一段我不熟悉的代码出错。任何帮助都会很棒。这是结果和错误:Yoursubmissionresultscomparedtotheexpected:ACTUALEXPECTED────────────────────────────────────────────────────────────────────────────────"CHANGELOG.md"=="CHANGELOG.md""LICENCE.md"=="LICENCE.md""README.md"

javascript - 如何在 Angular 2 的组件中使用管道?

我有一个管道类,它根据您传递的参数返回数据。我知道如何使用|符号在我的模板HTML中使用它,但我也想在我的组件中使用它。有没有办法在Angular2中直接从组件或服务内部调用管道? 最佳答案 您可以使用以下方法直接在您的代码中调用您的管道:YourPipeClass.prototype.transform(value,arg1,arg2);您可以从组件内部或导入它的任何其他地方调用它。还有新的方式:newSortTodosPipe().transform(value,arg1,arg2);但请记住,它会创建一个对象,因此要么保存该对

javascript - 在 Angular 2 组件中包含 SASS 变量

我想知道我是否可以在Angular2组件中使用sass变量。像这样的东西:@Component({selector:'my-component',template:`testdiv1`,styles:[`@import"variables";.test-div{border:1pxsolid$test-color;}`]})我的文件_variables.scss:$test-color:green!default;似乎无论我尝试什么,sass变量都无法识别。非常感谢任何帮助。 最佳答案 我不同意这里的正确答案是为什么。ATM正确答案

javascript - 如何防止我的功能组件使用 React memo 或 React hooks 重新渲染?

当hiddenLogo改变值时,组件被重新渲染。我希望这个组件永不重新渲染,即使它的Prop改变了。使用类组件,我可以像这样实现sCU来做到这一点:shouldComponentUpdate(){returnfalse;}但是有没有办法处理Reacthooks/React备忘录?这是我的组件的样子:importReact,{useEffect}from'react';importPropTypesfrom'prop-types';importConnectedSpringLogofrom'../../containers/ConnectedSpringLogo';import{Wrap

Javascript 模块模式 : How to inject/create/extend methods/plugin to our own library?

我是javascript的新手。对不起,如果我的问题有任何问题。如何将方法或插件注入(inject)/创建/扩展到我们自己的库中?这是“yourlib.js”varYourlib=(function(){//privt.varvarselectedEl={}//someprivt.functfunctionsomething(){}return{getById:function(){},setColor:function(){}}}());下面是你的“plugin.js”/*Howtocreatethepluginpattern?Example:Iwanttocreate/inject

javascript - 使用箭头函数时,开发工具中未定义 `this`

我正在使用箭头函数,并且正在使用Chrome和Firefox开发工具进行调试。我得到的是,this未定义,即使代码仍然有效。例如:当在以下断点处暂停时,我在控制台中键入this,结果显示为undefined,即使console.log显示正确的this:classA{f=()=>{debugger;console.log(this);};}newA().f();我的假设是,它与源映射有关。以下是我用来构建我的代码的工具:webpack(开发工具:eval)babel-loader(es5预设)typescript加载器 最佳答案 问

javascript - 在 React Router 中渲染多个组件

我习惯于应用具有多个yield区域的布局,即内容区域和顶部栏标题。我想在ReactRouter中实现类似的东西。例如:应用布局:{--displayListTopBarhere--}{--displayListViewhere--}两个子组件应该接收相同的Prop。我该如何解决这个问题? 最佳答案 要传递多个组件,您可以这样做:请在此处查看文档:https://github.com/ReactTraining/react-router/blob/v3/docs/API.md#named-components