小编Web*_*man的帖子

"npm install"和"npm ci"有什么区别?

我正在进行持续集成并发现了npm ci命令.

我无法确定在我的工作流程中使用此命令的优点.

它更快吗?它会使测试更难,好吗,之后?

continuous-integration npm npm-install npm-ci

143
推荐指数
7
解决办法
4万
查看次数

猫鼬 - 为什么我们在设置猫鼬模块时会制作"mongoose.Promise = global.Promise"?

我和Mongoose一起工作.我见过很多开发人员发出以下命令:

mongoose.Promise = global.Promise;
Run Code Online (Sandbox Code Playgroud)

然后我很好奇,看看它的原始价值是什么mongoose.Promise.我在编辑器中输入了以下命令:

const mongoose = require("mongoose");

console.log("promise: ", mongoose.Promise);
Run Code Online (Sandbox Code Playgroud)

我的控制台回复了我:

promise:函数Promise(){[native code]}

好的,那么为什么要发出命令,mongoose.Promise = global.Promise因为Mongoose的承诺已经返回了本机代码?我不明白这一点,如果有人能帮我们理解,会很棒,

谢谢

javascript mongoose node.js

22
推荐指数
2
解决办法
1万
查看次数

javaScript函数-为什么我的默认参数失败?

我的Javascript函数导致控制台返回我:

TypeError:样式为null

以下是代码段:

let style = {
  one: 1,
  two: 2,
  three: 3
}

function styling(style = style, ...ruleSetStock) {

  return ruleSetStock.map(ruleSet => {
    console.log(ruleSet)
    return style[ruleSet]
  })
}

console.log(styling(null, "one", "two", "three"))
Run Code Online (Sandbox Code Playgroud)

我不明白为什么。在我看来,一切都很好,

任何提示都会很棒,谢谢。

javascript function default-parameters ecmascript-6

11
推荐指数
1
解决办法
252
查看次数

如何让我的 NextJS 应用接受 otf 和 ttf 字体?

我正在使用 NextJS,当我构建我的应用程序时,我的控制台返回给我:

ModuleParseError: Module parse failed: Unexpected character '' (1:0) 你可能需要一个合适的加载器来处理这个文件类型。

我想知道出了什么问题,因为我已经构建了一个自定义 webpack 的配置。

这是我的 next.config.js:

module.exports={ 
  exportPathMap: () => ({ 
      "/": {page: '/'}
  })
}

const config = { 
  cssModules: true,
  module:{ 
    rules:[ 
      {
        test:/\.(png|jpg|woff|svg|eot|ttf|woff2|otf)$/,
        loader:'url-loader?limit=8192&name=images/[name].[ext]'

        }
    ]
  }

}

// config.module.rules.push(

//   );

const   withCss =   require('@zeit/next-css');
const   withImages  =   require('next-images');
module.exports  =   withImages(withCss(config));
Run Code Online (Sandbox Code Playgroud)

我曾尝试使用 css 来启动我的应用程序,该 css 精确了我的字体格式 vie 的性质format("opentype"),但没有它,但两者都失败了:

@font-face {
    font-family: Moonlight;
    src: url(../assets/choiceFonts/Moonlights_on_the_Beach.ttf);
}

@font-face {
    font-family: Nenuphar;
    src: url(../assets/choiceFonts/Nenuphar_of_Venus.otf) format("opentype");
} …
Run Code Online (Sandbox Code Playgroud)

next.js

9
推荐指数
2
解决办法
1万
查看次数

什么是_interopRequireDefault?

我在这个网站上看到了一个解释:

_interopRequireDefault():按原样使用ES6 CommonJS模块(如果它具有默认导出,则它具有名为default的属性).普通的CommonJS模块成为属性默认值.换句话说,在后一种情况下,模块的导出成为默认导出.

在代码中,通常有几个_interopRequireDefault写入.

所以如果我理解得很好,因为默认导出是一堆键/值,整个文件导出为一个总实体,_interopRequireDefault允许选择哪些模块将输入默认导出的特定代码呢?

javascript export ecmascript-6

7
推荐指数
1
解决办法
5170
查看次数

仅在javascript中传递第二个参数

我目前正在尝试制作一个仅传递函数第二个参数的函数。我已经阅读了一些文档,但没有任何探索。

我会做到的:

 function test (a,b){ ....};
    // pass only the second parameter 
    test( ... , b) ;
Run Code Online (Sandbox Code Playgroud)

我当前的想法是将第二个参数作为实际的动态默认参数传递,如下所示:

    var defaultVar = "something" ;

    function test (a,b = defaultVar){...}
Run Code Online (Sandbox Code Playgroud)

然后根据我的需要更改defaultVar值。

var defaultVar = modification ; 
Run Code Online (Sandbox Code Playgroud)

实际上,我正在使用Google驱动器API,并且尝试在第二个参数中输入字符串值以进行回调。此回调将充当验证返回文件是否有效的搜索文件的角色(通​​过对名称值进行布尔验证)。

因此,我的想法是通过传递他的名字并以此方式检索文件数据来自动化在Google驱动器上获取文件的过程。

我希望我的精确度会有所帮助。

这是我的quickstart.js:

(...Google authentication and all) ; 

 var filename = "";
// enter a filename in the function by the way of filename
function listFiles (auth, filename =  filename) {
  const drive = google.drive({version: 'v3', auth});
  drive.files.list({
    pageSize: 50,
    fields: 'nextPageToken, files(id, …
Run Code Online (Sandbox Code Playgroud)

javascript arguments function

6
推荐指数
2
解决办法
3998
查看次数

Webpack-merge和Object.assign()有什么区别?

我正在使用webpack,最后我看不到这个包的机会,因为似乎Object.assign完成了这项工作,但也许这个包之间有什么东西?

谢谢

javascript webpack

6
推荐指数
1
解决办法
538
查看次数

CSS 网格 - 对齐/对齐属性中 flex-start 和 Start Value 之间的差异

我是 CSS Grid 的新手,在 Google 搜索后,我没有找到我想要的东西,我想知道对齐和调整属性,flex-start/flex-end 和开始/结束值之间有什么区别?

css flexbox css-grid

6
推荐指数
1
解决办法
6111
查看次数

如何在 NodeJS 上使用 res.cookie(key , value) 设置多个 cookie?

我正在 NodeJS 上使用 cookie,我想知道如何设置多个 cookie 以在客户端上发送。

我试过了 :

1-

     var headers = {
      Cookie: 'key1=value1; key2=value2'
  }
  res.cookie(headers)
Run Code Online (Sandbox Code Playgroud)

2-

res.cookie("isStillHere" , 'yes it is !').send('Cookie is set');
res.cookie("IP" , ip).send('Cookie is set');
Run Code Online (Sandbox Code Playgroud)

3-

  var setMultipleCookies =  []
 setMultipleCookies.push('key1=value1','key2=value2')
  res.cookie(setMultipleCookies)
Run Code Online (Sandbox Code Playgroud)

似乎没有任何作用。出了什么问题?任何提示都会很棒,

谢谢

javascript cookies node.js

6
推荐指数
1
解决办法
9672
查看次数

如何在ReactJS中使用ref触发动画

这是我的演示: https: //stackblitz.com/edit/react-pwdkse 注意:使用您的浏览器控制台而不是 Stackblitz 的控制台。看来浏览器控制台在信息反馈方面更加完整

我将使用 ReactJSref的引用触发动画,而不是更改元素范围内的 className 。目前什么也没有发生。

我可能会错过什么?

这是我的 React 片段:

成分

import React, { Component } from 'react';
import { render } from 'react-dom'; 
import './style.module.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React'
    };
     this.animateRef = React.createRef();
  //  this.triggerAnimation = this.triggerAnimation.bind(this);
  }

  componentDidMount(){ 
    // empty scope right now
  }

   triggerAnimation=()=>{ 
      console.log("trigger animateRef animation")

      //   this.animateRef.current.style.animationName="animateElement"
      //  this.animateRef.current.style.animation="1.5s 4.3s 3 alternate forwards"
       this.animateRef.current.className.concat(`animation_trigger`)
        console.log("animateRef: ", this.animateRef)
  }



  render() { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

6
推荐指数
1
解决办法
6097
查看次数