我很好奇如何创建侧边栏导航,如:

我尝试使用统一的网格,但最终"按钮"之间的间距过大,我不确定是否可以修改选项卡控件,使其像全宽按钮而不是顶部标签.

此外,如果它可能添加图标,将是一个巨大的优势.

我已经尝试过查看这个类似问题的一些答案,但我从那里尝试过的解决方案都没有奏效.

我正在尝试在外部javascript文件中创建一个函数,我想在我的主javascript文件中使用该函数.

文件结构

webpack.config.js
app
-- index.js
-- test.js

webpack.config.js

module.exports = {
    devtool: "cheap-module-source-map",
    entry: "./app/index.js",
    output: {
        filename: "public/bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                query:
                {
                    presets: ['es2015']
                }
            }
        ]
    }
};

test.js

export default function test(message) {
    console.log(message);
}

index.js

"use strict"

import test from './app/test.js';

尝试运行webpack命令时,我收到错误:

ERROR in ./app/index.js

Module not found: Error: Can't resolve './app/test.js'

我已经尝试将文件路径更改为相对的,没有运气,我也尝试在webpack配置文件中添加多个入口点,但仍然没有运气.

我创建了一个类，我想为值设置一些默认选项，以防用户不提供任何参数。我最近使用了一个将多个参数传递给一个对象的构造函数，因为我相信当用户创建该类的新实例时，它有助于提高可读性。

这是我之前的做法：

module.exports = class User {
    constructor(name = "Joe", age = 47) {
        this.name = name;
        this.age = age;
    }
}

const User = require("./user");

const user = new User(); // Defaults to "Joe" and 47

事实上，我的类有更多的参数，并且使用它时的可读性变得很困难。因此，为了解决这个问题，我切换到了一个效果更好的选项对象，但我似乎无法设置默认值。当我尝试使用this.name它时，它说this.name = options.name || "Joe" Cannot read property 'name' of undefined即使我认为我将默认值设置为“Joe”

我现在是这样做的：

module.exports = class User {
    constructor(options) {
        this.name = options.name || "Joe";
        this.age = options.age || 47;
    }
}

const User = require("./user");

const user = new …

我有一个问题,如果我将类"tooltip"应用于一个对象它将消失,但这只发生在我使用bootstrap并且我想知道是否有人知道一个解决方法.我将提供两者的例子.

这里没有bootstrap:

$(document).ready(function() {
  $('.tooltip').tooltipster();
});

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/css/tooltipster.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/js/jquery.tooltipster.min.js"></script>

<i class="fa fa-facebook-square fa-2x tooltip" title="Working!"></i>

这是带引导程序的代码段:

$(document).ready(function() {
  $('.tooltip').tooltipster();
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>    
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/css/tooltipster.min.css" rel="stylesheet"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tooltipster/3.0.5/js/jquery.tooltipster.min.js"></script>

<i class="fa fa-facebook-square tooltip" title="Working!"></i>

如果您转到隐藏图标的第二个图标并将鼠标悬停在左上方,您可以看到工具提示显示但如果我的图标被隐藏则无法帮助我.

用户在URL中输入两个参数,即开始日期和结束日期,并以格式输入yyyyMMddhhmm字符串.我正在尝试将这些字符串转换为日期,以便我可以查询我的数据库.

[ResponseType(typeof(Detail))]
public IHttpActionResult GetDetail(string StartDate, string EndDate)
{
    DateTime StartDateTime;
    DateTime EndDateTime;

    StartDateTime = new DateTime();
    EndDateTime = new DateTime();

    StartDateTime = DateTime.ParseExact(StartDate, "yyyyMMddhhmm", null);
    EndDateTime = DateTime.ParseExact(EndDate, "yyyyMMddhhmm", null);

    var detail = from a in db.Details where (a.callDate >= StartDateTime && a.callDate <= EndDateTime) select a;

    var Response = new DetailResponse() { status = true, calls = detail };
    return Ok(response);
}

但是我得到的错误> =不能在datetime和字符串中使用.

编辑: 为了答案之一,我包括一个我用来显示数据的模型类.

DetailResponse.cs

public class DetailResponse
{
    public bool status { get; …

不知道为什么这不起作用,但我希望第二眼.

是的我正在引用jQuery库.

var $current_selection;
$('.nav-link').hide();

$('a').click(function () {

    current_selection = $(this).attr("class");

    $('#nav').find("div").hasClass(current_selection).show();

});

我的HTML

<a href="#" class="link-one">Nav Option One</a>
<div id="nav">
    <div class="nav-link link-one">
        <p>Test Link One</p>
    </div>
</div>

错误我进入控制台

未捕获的TypeError:$(...).find(...).hasClass(...).show不是函数

我正在尝试使用ajax调用从我的控制器获取有关我的模型的json数据.我知道500错误可能意味着很多事情,但我想消除我的简单错误的可能性.

控制台给我错误:500 Internal Service Error.否则我可以在网址中访问它,但我在控制台中没有得到任何东西.

Index.cshtml

function getData() {
    $.ajax({
        url: "@Url.Action("dataTransfer", "Data")",
        type: "GET",
        dataType: "json",
        success: function(data) {
            console.log(data);
        },
        error: function() {
            console.log("failed");
        }
    });
}

setInterval(function() {
    getData();
}, 10000);

DataController类

public JsonResult dataTransfer()
{
    string DataProvider = "Sample";

    var model = from d in db.Data
                where d.Name == DataProvider
                select d;

    return Json(model);
}

我正在尝试使用此问题的答案在我的 .Net Core 应用程序中生成 HMAC-SHA1：

在 C# 中生成 HMAC-SHA1

但是，我收到一个错误byte[] does not contain a defintion for Concat。我尝试在这里搜索，但似乎没有找到答案。

该错误发生在该行var key2 = key1.Concat(oauth_consumer_secret).ToArray();

using (var sha1 = SHA1.Create())
{
    var encodedStringAsByte = Encoding.UTF8.GetBytes(encodedString);

    var key1 = sha1.ComputeHash(encodedStringAsByte);
    var key2 = key1.Concat(oauth_consumer_secret).ToArray();
    var key3 = sha1.ComputeHash(key2);

    string signature = Convert.ToBase64String(key3);
 }

任何见解和知识都值得赞赏，谢谢。

对于每条路线，我都必须输入相同的标头，如下所示。有没有办法全局设置这些标头，以便默认情况下将它们用于每个路由，并且可以在每个路由的基础上进行覆盖？

fastify.post("/api/users", async (request, reply) => {
    try {
        reply
            .code(200)
             header("Access-Control-Allow-Origin", "http://localhost:3000")
            .header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
            .header("Content-Type", "application/json; charset=utf-8")
            .send();
    } catch (error) {
        reply
            .code(400)
            .header("Access-Control-Allow-Origin", "http://localhost:3000")
            .header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
            .header("Content-Type", "application/json; charset=utf-8")
            .send();
    }
});

我有一个表单,想要在登录和轻松注册之间切换.我已将其设置为如果用户单击注册,则显示注册表单,并且该按钮将更改为按钮,如果需要,该按钮将返回到登录表单.

但是,当用户返回登录表单时,它不会让他们再次返回到注册表单.

$('.register-form').hide();

$('a.register').click(function() {
  $('.login-form').hide();
  $('.register-form').show();
  
  $('button').text('Register');
  $('a.register').removeClass('register').addClass('login-return').text('Back to Login');
});

$('a.login-return').click(function() {
  $('.register-form').hide();
  $('.login-form').show();
  
  $('button').text('Login');
  $('a.login-return').removeClass('login-return').addClass('register').text('Register');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <div class="login-form">
    <input type="email" name="email" placeholder="email"><br/>
    <input type="password" name="password" placeholder="password">
  </div>
  <div class="register-form">
    <input type="text" name="register-name" placeholder="name"><br/>
    <input type="email" name="register-email" placeholder="email"><br/>
    <input type="password" name="register-password" placeholder="password">
  </div>
  <button type="submit">Login</button>
  <a href="#" class="register">Register</a>
</form>