小编kla*_*tar的帖子

如何在驼峰式键名之间添加空格?

我创建了一个 node.js 网站,潜在员工可以通过该网站申请工作。当他们提交申请表时,我使用 Nodemailer 和 mailgun 向招聘经​​理发送一封包含申请人信息的电子邮件。它向新申请人的对象发送了键值对,但我想在包含多个单词的键之间放置一个空格,并将它们设为大写,以便更美观一点。我怎样才能做到这一点?

这是带有输出键值对的示例电子邮件

在此输入图像描述

这是发送电子邮件的代码

function sendAppliedEmail(applicant) {


let html = '<img src="" alt="logo">';
  html += '<h2 style="color: black">New Applicant</h2>'
  html += '<ul>';

  Object.entries(applicant).forEach(([key, value]) => {
    html += `<li>${key}: ${value}</li>`;
  });

  html += '</ul>';
Run Code Online (Sandbox Code Playgroud)

html javascript json mailgun nodemailer

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

如何制作与图像大小完全匹配的 div 覆盖

我正在创建一个网站,希望用户能够将鼠标悬停在图像上并获取有关该图像的更多信息。我可以正常工作,但我不知道如何使未选择的其他图像变暗。理想情况下,我想使用 html 和 css 创建一个与响应式图像的尺寸完全匹配的覆盖 div。当未将鼠标悬停在该覆盖 div 上时,将使用透明颜色使图像稍微变暗。我怎样才能让这个 div 响应图像?

这是我的代码笔,看看我在说什么 https://codepen.io/klaurtar/pen/NJgrOR

.overlay {
    width: 55%;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);

    z-index: 10;

    &--p1 {
        left: 0;
        top: -2rem;
        height: 20rem;
    }

    &--p2 {
        right: 0;
        top: 2rem;
        height: 20rem;
    }

    &--p3 {
        left: 20%;
        top: 10rem;
        height: 22rem;
    }
}
Run Code Online (Sandbox Code Playgroud)

html javascript css sass

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

Mongodb Atlas + Node.js在本地工作,但是在推送到Heroku时停止

我在node.js网站上创建了一条发布路线,该路线允许用户申请工作。它在本地运行良好,并连接到mongodb地图集,但是当我将应用程序推送到Heroku并尝试为工作申请表提交表单时,我的网站超时了。我对此很陌生,不知道该怎么办。谢谢

这是我的代码

var express = require('express');
var mongoose = require('mongoose');
var bodyParser = require('body-parser');
var Applicant = require('./models/applicants');
var sendAppliedEmail = require('./mail/index.js');

var app = express();
app.set('view engine', 'ejs');
app.use(express.static(__dirname + "/public"));
app.use(express.static(__dirname + '/js'));
var port = process.env.PORT || 3000;

mongoose.connect('mongodb+srv://klaurtar:************@cluster0-nakj7.mongodb.net/test?retryWrites=true', {useNewUrlParser: true});
app.use(bodyParser.urlencoded({extended: true}));
Run Code Online (Sandbox Code Playgroud)

这是我运行heroku日志时的终端 在此处输入图片说明

heroku mongoose mongodb node.js

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

如何在 React 中包含 SVG 文件?

我正在制作一个基于 React 的小型应用程序,我正在尝试包含一个放大镜图标 SVG。但是 React 不断抛出错误,我不确定如何继续。任何帮助,将不胜感激!

错误:

./src/Header.js
SyntaxError: /Users/klaurtar/Desktop/React JS/trillo-project/src/Header.js: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can turn on the 'throwIfNamespace' flag to bypass this warning.
  13 |                     <button className="search__button">
  14 |                         <svg className="search__icon">
> 15 |                             <use xlink:href="./img/sprite.svg#icon-magnifying-glass"></use>
     |                                  ^
  16 |                         </svg>
  17 |                     </button>
  18 |                 </form> 
Run Code Online (Sandbox Code Playgroud)

这是我的 Header 组件抛出错误:

import React, { Component } from 'react';
import logo from './img/logo.png';
import './Header.scss';

export default class Header extends …
Run Code Online (Sandbox Code Playgroud)

javascript css svg sass reactjs

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

标签 统计

javascript ×3

css ×2

html ×2

sass ×2

heroku ×1

json ×1

mailgun ×1

mongodb ×1

mongoose ×1

node.js ×1

nodemailer ×1

reactjs ×1

svg ×1