草庐IT

组件模块开发的

全部标签

javascript - 在 Node REPL 中动态重新加载模块

我正在像这样使用REPL测试我的模块:repl.start({input:process.stdin,output:process.stdout}).context.MyModule=MyModule;有没有办法在我更改并保存模块时自动重新加载模块,而无需退出并再次运行repl? 最佳答案 您可以使用chokidar模块并强制重新加载(您将丢失模块中的运行时上下文,但它应该会自动重新加载)。varctx=repl.start({input:process.stdin,output:process.stdout}).context;c

javascript - 构建 JavaScript 模块的更好方法?

我能得到一些关于我的js模块的建议吗?我擅长js,但不是大师地位:)我重构我的模块了吗?我一直在使用这样的js模块模式(粗略的例子,我只是担心结构):草率的方式?/*ModuleCode*/varMapModule=(function($){var$_address;var$_mapContainer;functionloadApi(){//dosomething.maybeloadanAPI?}functionsomeInternalMethod(){//dootherthings}varpub={};pub.setAddress=function(address){$_addres

javascript - 新的 javascript ES6 模块术语中合格和不合格的导入有什么区别?

我遇到了这个区别,在ExploringJS中没有很好地解释Qualifiedandunqualifiedimportsworkthesameway(theyarebothindirections)有什么区别,因此这个陈述是什么意思? 最佳答案 严格来说,JavaScrpit中没有合格/不合格的导入。这些术语在AxelRauschmayer博士的“探索ES6”一书中在循环依赖的上下文中使用,大致意思是:不合格导入(直接导入模块的一部分):通用JS:varfoo=require('a').foo//doesn'tworkwithcycl

javascript - 什么被认为是在 Node 模块内共享 "global"变量的好方法?

如何在没有显式相对路径(../../../lib..)的情况下轻松引用模块中的其他目录?我正在编写一个Node模块,我想在我的模块中重用一些全局的东西。最基本的是——我想将模块的根路径设置为“全局”,这样我就可以轻松调用其他源,而无需使用大量相对路径../../之类的东西。它会导致代码困惑,如果项目结构发生变化,很容易出错或遗漏。所以我看到了很多选项inthatpost和其他一些用于处理此类事情的库(例如提供根路径的模块-app-module-path、rootpath、rfr等),但它们都引用基础项目/应用程序而不是模块其他人正在使用它。设置一个全局变量是个坏主意,我知道环境变量也不

javascript - 来自 Firefox 附加组件的内容脚本不会写入 IndexedDB

我正在开发Firefox附加组件,它有一些内容脚本可以将数据保存到IndexedDB。相同的代码在Chrome扩展中工作得很好,但在Firefox扩展中却不行。在Firefox上一切正常,直到必须将数据写入数据库的部分。index.jsvardata=require("sdk/self").data;varpageMod=require("sdk/page-mod");var{indexedDB}=require('sdk/indexed-db');varrequest=indexedDB.open("myDatabase");request.onerror=function(even

javascript - 如何将带有静态 Assets 的 React 组件发布到 npm?

我正在开发一个React组件,我想将它发布到npm,但我找不到关于如何与组件一起分发静态Assets(如css和图像)的任何最佳实践。好吧,当然,所有源代码都应该转换为纯js和纯css。在js的情况下,一切都很简单——用户只需使用他正在使用的任何bundler来要求它。但在css的情况下,它很棘手。我不想使用内联样式,因为我希望组件易于定制(通过css覆盖)。所以,我想唯一的方法是让用户将css文件从node_modules复制到他需要的地方(或者用SASS或任何其他预处理器导入它)。但是,如果我的css文件引用了其他静态资源(如图像、字体等)怎么办?我猜这些路径将完全困惑。所以,我对

javascript - 可以在 React Native 中检测到 View 组件的触摸吗?

我的Reactnative应用程序屏幕包含带有少量文本输入的View组件。如何在该View外的屏幕上检测到触摸?请帮忙。谢谢 最佳答案 作为安德鲁said:您可以使用TouchableWithoutFeedback包装您的View,并添加一个可以检测何时点击View的onPress。另一种实现方式是响应来自view的触摸事件./*Methodsthathandledtheevents*/handlePressIn(event){//Dostuffwhentheviewistouched}handlePressOut(event){/

javascript - Grunt require 未能按预期创建多个模块

我的结构如下:应用程序脚本图书馆jquery.jsbootstrap.jsmoment.js应用程序.jsvendor.jscommon.jsapp.config.jsmain.js#需要配置请注意,vendor.js只是一个包含libs下所有文件的文件。例如//vendor.jsdefine(['jquery','bootstrap','moment'],function(){});只是列出依赖项:app.js依赖common.js和app.config.jscommon.js依赖vendor.jsapp.config.js依赖moment.js我想做的是运行gruntrequire

javascript - Jest - React 组件中的模拟粗箭头功能

鉴于我的组件和下面的测试,为什么我的confirmClickHandler方法在我运行测试时仍然被调用?注意:我注意到,当我将方法从粗箭头函数更改为常规函数时,它会被正确地模拟出来。我在这里缺少什么?classCalendarConfirmationextendsReact.Component{...confirmClickHandler=(e)=>{...}}和我的测试:importReactfrom'react';import{mount}from'enzyme';importCalendarConfirmationfrom'../components/CalendarConfir

javascript - Ember.js:测试时未重置组件属性

我目前正在尝试对嵌套路由进行验收测试,它两次使用相同的组件,但参数不同。当我正常运行它时它工作正常,但是当我运行验收测试时,我注意到组件的参数没有更新,这导致我的测试失败。这是一些示例代码:在index.hbs我有:{{index-viewmodel=modeltype='location'}}我的index-view组件如下所示:{{title}}List{{listing-tablemodel=modeltype=type}}通过单击listing-table中的一个元素,然后转到locations.show路由,其中​​包含一个link-tolocations.show.devi