小编Hug*_*ugo的帖子

JavaScript ES6 导入/导出和类扩展

我构建了一个自定义元素,它是一个汉堡按钮,现在我正在研究侧面导航。在这个侧面导航中,我想使用我的汉堡按钮,所以我尝试导出与HCHamburger我的按钮相对应的类并将其导入到我的SideNav类中。这个想法是在侧面导航打开时为我的按钮位置设置动画。我尝试扩展我的SideNav课程,HCHamburger但出现以下错误:Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

我的 HCHambuger 类如下所示:

'use strict';

export default class HCHamburger extends HTMLElement {

    get menuButton() {
        if (!this._menuButton) {
            this._menuButton = this.querySelector('.hamburger-menu');
        }

        return this._menuButton;
    }

    get bar() {
        if (!this._bar) {
            this._bar = this.querySelector('.bar');
        }

        return this._bar;
    }

    attachedCallback() {
        this.menuButton.addEventListener('click', _ => {
            const sideNavContainerEl = document.querySelector('.js-side-nav-container');
            this.bar.classList.toggle("animate");
            if …
Run Code Online (Sandbox Code Playgroud)

html javascript ecmascript-6 webpack es6-class

5
推荐指数
1
解决办法
6344
查看次数

返回回调函数Node.js的数据

我正在使用带有Node.js的500px API模块,我正在尝试获取特定用户的照片.我面临功能,回调和范围的问题......我有这段代码:


    api500px.photos.getByUsername ('username', {'sort': 'created_at', 'image_size': '3'}, function(error, results) {
        if (error) {
            console.log(error);
            return;
        }
        var dataPx = results.photos;
    });

我想把我的变量拿出来dataPx并在我的ejs模板中使用它:


    app.get('/materialize', function(req, res) {
        res.render('materialize.ejs', {dataPx: dataPx});
    });

如果有人能解释我如何做到这一点以及这种事情在JavaScript中是如何工作的那就太酷了!

谢谢

javascript callback ejs node.js express

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

从 Node.js 定期(每天两次)调用 API 来获取数据的最佳方式

我的 Node.js 应用程序使用 Fixer.io API 来获取一些数据。目前,当我到达 URL 时就会进行调用myapp/rate。我的目标是每天自动进行两次此调用,以将数据存储在我的 MongoDB 数据库中。

所以我想知道最好的方法是什么?也许这setInterval()是唯一的方法,但我不这么认为......

我的电话看起来像这样:

router.get('/', (req, res, next) => {
  fixer.latest({ base: 'EUR', symbols: ['CAD'] })
    .then((data) => {
      var currentData = data.rates;
      if (currentData) {
        const currentRate = new Rate({ rate: currentData.CAD });
        currentRate.save((err) => {
          if (err) {
            throw err;
          } else {
            console.log('Data saved successfully!');
          }
        });
      }
    })
    .then(() => {
      Rate.find({}, { rate: 1, _id: 0 }, (err, rates) => {
        if (err) …
Run Code Online (Sandbox Code Playgroud)

javascript api automation mongodb node.js

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