小编And*_*rdi的帖子

仅使用 CSS 的字体轮廓

我正在使用 CSS 为白色文本添加黑色字体轮廓。目标是下图。到目前为止,我已经能够想出下面的内容。是否还有其他最佳实践可以更接近下图所示的细轮廓?谢谢!

.introText {
font-family: 'Nunito', sans-serif;
-moz-text-fill-color: white;
-webkit-text-fill-color: white;
-moz-text-stroke-color: black;
-webkit-text-stroke-color: black;
-moz-text-stroke-width: 2px;  
-webkit-text-stroke-width: 2px;
font-size: 50px;
margin-top: 20vh;
}
}
Run Code Online (Sandbox Code Playgroud)
<h1 class='introText text-center'>We've got your perfect spot.</h1>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

html css text outline

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

获得阵列中最高的3个数字?

下面的代码返回数组中的最大数字.我试图弄清楚如何从阵列中获得前三个数字并且无法弄明白.

我也想弄清楚如何用他们的分数列出相应的工作.目前,具有"您的最高得分"的H1仅显示该数字并且未通过该作业(或最高数字的var名称).

有关如何实现这一点的任何想法?

谢谢!

HTML:

<div>
  <h3> Job 95- <span id="score95"> </span> </h3> 
  <h3> Job 96- <span id="score96"> </span> </h3> 
  <h3> Job 97- <span id="score97"> </span> </h3> 
  <h3> Job 98- <span id="score98"> </span> </h3> 
  <h3> Job 99- <span id="score99"> </span> </h3> 
  <h3> Job 100- <span id="score100"> </span> </h3> 
  <h1> Your highest score was: <span id="highest"></span></h1>
</div> 
Run Code Online (Sandbox Code Playgroud)

JS

var job95 = 100;
var job96 = 100;
var job97 = 100;
var job98 = 100;
var job99 = 100;
var job100 = …
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery

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

使用 Mongo 排序

我正在尝试对 MongoDB 数据进行排序。我有一个如下所示的租赁架构,其中包括一个“特色”项目。如果特色项目设置为 true(用户可以在自己的终端上执行此操作),我希望特色项目显示在其余租赁上方。换句话说,我需要将 features = true 的 mongo 数据排序到顶部。

我将如何更改下面的代码来做到这一点?

这是我的租赁架构:

var rentalsSchema = new mongoose.Schema({
    featured: {
        type: Boolean,
        default: false
    },
    Title: String,
});
Run Code Online (Sandbox Code Playgroud)

这是我到目前为止所尝试过的(但不起作用。)

router.get('/rentals', function(req, res) {
    db.collection('rentals').find().sort({
        featured: 1
    }).toArray(function(err, items) {

    });
});
Run Code Online (Sandbox Code Playgroud)

sorting mongoose mongodb node.js express

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

以下一代格式提供图像:后备图像?

正如谷歌建议的页面性能,我将 webp 图像添加到我的项目中。但是我知道 Safari 不支持这种图像类型,所以我试图为 Safari 用户添加一个后备 png 图像。

我使用了下面的设置。这可以作为后备,但现在谷歌告诉我我再次使用了错误的图像类型。这不是正确的设置吗?

<div class="carousel-item" 
style="background-image: url('http://a.webpurr.com/l8r1.webp'), 
url('https://i.imgur.com/fVmGtb3.png')">
</div>
Run Code Online (Sandbox Code Playgroud)

safari performance image pagespeed webp

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

无法让=== string.length正常工作

我有代码检查用户是否在输入字段中输入了文本.如果该字段为空我想显示:您还没有开始.

如果字段的长度大于1 - 我想显示:你已经完成了.我的下面的代码用于确定用户何时完成但没有显示任何说你还没有开始的代码.有什么想法吗?谢谢!

HTML:

<p id="progressDisplay"> </p>



<p id="response"> </p>
<p id="response2"> </p>
Run Code Online (Sandbox Code Playgroud)

JS:

var progress =($("#progressDisplay").text());


if( progress.length === 0 ){
    $("#response2").text("You have not entered anything yet")
}

if( progress.length > 1){
    $("#response").text("You've Finished this section")
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

如果声明,如何重构?

我有一个很长的if语句,我想要重构.该语句侦听单击,然后根据这些文本框中是否包含任何内容更新五个文本框中的一个.我怎样才能更改代码以提高效率.

$('#img1').click(function() {
if ($('#card1').val().length === 0) {
    $('#card1').val('A feeling of warmth');
} else if ($('#card2').val().length === 0)  {
    $('#card2').val('A feeling of warmth');
} else if ($('#card3').val().length === 0){
  $('#card3').val('A feeling of warmth');
} else if ($('#card4').val().length === 0){
  $('#card4').val('A feeling of warmth');
} else if ($('#card5').val().length === 0){
  $('#card5').val('A feeling of warmth');
}

});
Run Code Online (Sandbox Code Playgroud)

javascript jquery refactoring

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

条纹:无此类令牌错误

当我准备启动我的网站时,我只是从Stripe的“测试密钥”切换到“实时密钥”。测试密钥始终运行良好。

现在,我已经启用了站点,并且由于某些原因正在使用实时密钥,但我收到此错误:“测试模式中存在类似的对象,但是使用实时模式密钥来发出此请求。”

这是我的设置:

stripe = require("stripe")("sk_live_stripelivekeyhere") 
Run Code Online (Sandbox Code Playgroud)

然后,当用户创建帐户时,我向其收费,如下所示:

user.save(function(err) {
    console.log('this is the problem' + ' ' + err)
    if(err){
    return res.redirect('/buy')
    }
    var token = req.body.stripeToken; // Using Express
    var charge = stripe.charges.create({
    amount: 749,
    currency: "usd",
    description: "Example charge",
    source: token,

    }, function(err, charge) {
        if(err) {
          console.log(err);
          return res.redirect('/buy')
        }
        console.log('charged')
        req.logIn(user, function(err) {
          if(err) {
            console.log(err);
          }
          console.log('all looks good')
          res.redirect('/results');
        });
    });
  });
});
Run Code Online (Sandbox Code Playgroud)

token mongodb node.js express stripe-payments

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

使用Express服务静态文件

我正在尝试将EJS设置为引擎的站点地图添加到Express项目中。

问题是我的应用由于express不允许将.html或.xml文件放在路径中。

我试图设置一条公共路径,但是这使我的应用程序崩溃了,并且看起来过于复杂:

app.use(express.static(path.join(__dirname, 'public')));
Run Code Online (Sandbox Code Playgroud)

我将如何简单地添加一条路由以允许.xml渲染?

谢谢!

sitemap node.js express mean-stack

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

ChartJS的EJS标签?

可以使用EJS标签将数据添加到图形吗?这是我当前图形的数据:

var canvas = document.getElementById('myChart');
var data = {
    labels: ["One", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            backgroundColor: "rgba(255,99,132,0.2)",
            borderColor: "rgba(255,99,132,1)",
            borderWidth: 2,
            hoverBackgroundColor: "rgba(255,99,132,0.4)",
            hoverBorderColor: "rgba(255,99,132,1)",
            data: [10, 20, 81, 56, 55, 40],
        }
    ]
};
Run Code Online (Sandbox Code Playgroud)

我想做这样的事情:

labels: ["<%= currentUser.datapoint1 %>", "<%= currentUser.datapoint2 %>", "<%= currentUser.datapoint3 %>"]

data: [<%= currentUser.datapoint10 %>, <%= currentUser.datapoint11 %>]
Run Code Online (Sandbox Code Playgroud)

如何使用EJS标签填充图形数据?(注意:在需要生成图表之前,EJS标记信息将已经保存到用户中)

ejs mongodb node.js express chart.js

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

在移动设备上禁用缩放

我正在按照本指南禁用移动设备的缩放。

https://davidwalsh.name/zoom-mobile-browsers

正如许多其他人所建议的那样,该指南建议使用:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
Run Code Online (Sandbox Code Playgroud)

我已经尝试过这个和视口的几种变体,但我无法让它工作。此外,在查看我遵循的指南中的示例时,我意识到它也不起作用。

https://davidwalsh.name/demo/mobile-viewport.php

关于为什么这不起作用的任何想法以及有关如何使其工作的任何建议将不胜感激!

html java iphone mobile viewport

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

Node.js - 检查用户是否存在

我正在使用 NodeJS 和通行证让用户在看到他们刚刚参加的测验结果之前创建一个帐户。我的挑战是我需要在页面刷新之前确认用户名可用,因为如果发生这种情况,用户将丢失他们的结果。

再次:我需要在刷新之前验证用户名未被占用。

我想我很接近,但它不起作用。我将如何更改我的代码来应对这个挑战?

目前,如果用户名被占用,它会在尝试创建帐户时返回错误,并且用户最终会出现在 /failpage 上,如下所示。

app.post('/quiz', usernameToLowerCase, emailToLowerCase, function(req, res) {


    User.findOne({
        username: req.body.username
    }, function(err, user) {
        if (err) {
            alert(err)
            if (user) {
                alert('this username is already taken. Please choose another.')
                console.log('there was a user');
                return false;

            }
        }
    });

    var user = new User({
        username: req.body.username,
        email: req.body.email,
        password: req.body.password,
    })



    user.save(function(err) {
        console.log('this is the problem' + ' ' + err)
        if (err) {
            return res.redirect('/failpage')
        }


        req.logIn(user, function(err) {
            if (err) { …
Run Code Online (Sandbox Code Playgroud)

authentication mongodb node.js express passport.js

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