那些遇到过的问题

小编Ju6*_*aut的帖子

Vue CLI - 将构建输出合并到单个 html 文件中

我有一个用 vue-cli 创建的 vue 项目。运行时的正常输出yarn build是一个带有index.htmljs 和 css 子目录的 dist 文件夹，其中包含相应的 .js 和 .css 文件。

我希望构建输出是包含 js 和 css 的单个 html 文件。

我vue.config.js在项目的根目录中添加了一个文件，并将其设置为输出单个 js 文件，并且工作正常。但我只想有一个 html 文件，其中包含 js 和 html 文件中已有的任何 css。

module.exports = {
    css: {
        extract: false,
    },
    configureWebpack: {
      optimization: {
        splitChunks: false
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

基本上我希望我的 html 文件是这样的： 

<html lang=en>
    <head>
        ... meta tags
        <title>my title</title>
    </head>
    <body>
        <div id=app></div>
        <script>
           // contents of the output js file here
        </script> …
Run Code Online (Sandbox Code Playgroud)

html javascript webpack vue.js

Ju6*_*aut
lucky-day
9
推荐指数
1
解决办法
7199
查看次数

以编程方式将验证规则附加到表单字段

我使用VeeValidate做了一个表格上一些验证Vue.js.我将其设置为显示带有与发生错误的输入相关的错误消息的跨度.

<div class="input-group">
  <input type="date" 
         class="form-control" 
         name="panelData.AnalysisDate" 
         data-vv-as="Analysis Date" 
         v-model="panelData.AnalysisDate"
         v-validate="'required|date_format:YYYY-MM-DD'">
</div>
<span v-show="errors.has('panelData.AnalysisDate')" class="redText">{{errors.first('panelData.AnalysisDate')}}</span>
Run Code Online (Sandbox Code Playgroud)

所有输入都以相同的方式设置,它们都正常工作.当我尝试将验证规则添加到上述输入时,会出现问题,该规则要求使用从今天的日期开始的年份作为最大值的日期之间规则.

date_between:{min,max}

该v-validate属性接受由a分隔的验证规则的字符串|.有一种方法可以通过自动附加到Vue实例的验证器实例动态添加规则.

$validator.attach({field}, {rules list}, {options})

我尝试在'created'和'mount'生命周期钩子中执行下面的代码,但都没有产生我正在寻找的结果.

var today = new Date();
var yearFromToday = new Date(today.getFullYear() + 1, today.getMonth(), today.getDate());

var yearFromTodayStr = yearFromToday.toISOString().substring(0, 10);
//'this' refers to the current view instance
//'panelData' is the name of an object in my component's data object
this.$validator.attach('panelData.AnalysisDate', 'date_between:2001-01-01,' + yearFromTodayStr, {
        prettyName: 'Analysis …
Run Code Online (Sandbox Code Playgroud)

javascript validation vue.js vuejs2

Ju6*_*aut
lucky-day
6
推荐指数
1
解决办法
1342
查看次数

在Leaflet控件中使用NVD3.js饼图

我正在尝试将一些数据可视化添加到我正在处理的Web地图中,我正在探索使用D3,特别是NVD3.我正在使用PieChart示例作为概念验证的测试运行.
我像这样在我的地图上添加一个传单控件(原谅错误的格式化):

var visualizationControl = L.control({ position: 'bottomleft' });
var visualizationDiv = L.DomUtil.get("visualizationContainerDiv");

// ...
visualizationControl.onAdd = function (map) {
  this._div = L.DomUtil.create('div', 'control');
  this._div.innerHTML = result;
  return this._div;
}

visualizationControl.addTo(MapProvider.map);
nv.addGraph(function () {
  var chart = nv.models.pieChart()
    .x(function (d) { return d.label })
    .y(function (d) { return d.value })
    .showLabels(false);

  d3.select("#chart svg") //div with chart Id and svg container within that div
    .datum(exampleData())
    .transition().duration(350)
    .call(chart);

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

图表将在我的控件中呈现正常,并且悬停行为确实正确注册.

在此输入图像描述

但是,当它将工具提示附加到DOM时,它会将其附加到正文而不是我的SVG甚至是控制div.

很难从这张图片中看出来,但是这是在on.hover上的馅饼切片上进行的,它应该在馅饼切片的顶部写出工具提示.请注意" One 29.77"坐在导航栏的侧面.

我一直在探索NVD3 …

javascript svg d3.js leaflet nvd3.js

Ju6*_*aut
2016 05-26
5
推荐指数
0
解决办法
1529
查看次数

Active Directory 组在创建后无法立即可用

我正在我的应用程序中创建 Active Directory 组。我创建安全组和分发组。这些组将很好地创建，但需要大约 10-15 分钟才能显示在 Active Directory 用户和计算机中。

我可以在 C# 中执行某种强制同步来使这种情况更快发生吗？或者也许我可以在目录中更改一些设置来更改此行为？

示例代码

        DirectoryEntry ou1= topLevel.Children.Find("OU=ou1");
        DirectoryEntry secGroups = ou1.Children.Find("OU=Security Groups");
        DirectoryEntry newGroup = secGroups.Children.Add("CN=" + name + "", "group");

        newGroup.CommitChanges();

        GroupPrincipal createdGroup = GroupPrincipal.FindByIdentity(this._context, name);
        createdGroup.SamAccountName = name;
        createdGroup.DisplayName = name;            
        createdGroup.GroupScope = GroupScope.Universal;

        createdGroup.Save();

        if (members.Any())
        {
            foreach (var item in members)
            {
                createdGroup.Members.Add(this._context, IdentityType.SamAccountName, item);
            }
            createdGroup.Save();
        }
Run Code Online (Sandbox Code Playgroud)

使用 ASP.NET MVC、C#、System.DirectoryServices.AccountManagement、System.DirectoryServices.ActiveDirectory。

c# asp.net-mvc directoryservices active-directory

Ju6*_*aut
2015 09-01
3
推荐指数
1
解决办法
1190
查看次数

!条件和​​变量之间的区别!= Javascript/Jquery中的otherVariable？

我确信我在这里缺少一些JavaScript基础知识,但任何人都可以帮助我理解为什么这些评估方式不同？最后一行.

$("input[name=myGroup]").click(function () {
    if ($(this).is(":checked")) {
        if ($(this).val() != "Customers") { //do the stuff...
Run Code Online (Sandbox Code Playgroud)

和

$("input[name=myGroup]").click(function () {
    if ($(this).is(":checked")) {
        if (!$(this).val() == "Customers") { //do the stuff
Run Code Online (Sandbox Code Playgroud)

在我的特定实例中,我认为他们都会评价为真,并"做那些东西".但似乎只有第一个块实际上是根据我的想法进行评估.

在查看MDN之后,尝试深入了解比较运算符https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Comparison_operators 与使用逻辑运算符https:// developer. mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Comparison_operators但我仍然不太明白他们为什么会产生不同的结果.谢谢.

javascript jquery operators

Ju6*_*aut
lucky-day
1
推荐指数
1
解决办法
162
查看次数

标签 统计

javascript ×4

vue.js ×2

active-directory ×1

asp.net-mvc ×1

c# ×1

d3.js ×1

directoryservices ×1

html ×1

jquery ×1

leaflet ×1

nvd3.js ×1

operators ×1

svg ×1

validation ×1

vuejs2 ×1

webpack ×1