我创建了一个 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 和 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) 我在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)
我正在制作一个基于 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)