小编Adr*_*ano的帖子

父元素样式：

.container {
margin: 20px;
border:1px solid #f1f1f1;
font-size:14px;
font-weight:normal;

子元素样式：

.container{}

但是子元素样式应该像这样呈现：

为什么data-v-***子元素中有两个并使用父容器样式？

我有一个JS SDK，用户不使用require来将其加载到他们的JS脚本中。我想在VSCode中提供SDK的智能感知/自动完成功能，而无需用户执行任何困难的操作，除了安装扩展程序或在jsconfig中设置简单的内容。

他们在工作空间以外的其他路径中都有一个js模块和SDK，我检查了以下解决方案：

1. 片段-但不支持自动完成对象属性
2. 自定义类型定义-因为它不在工作空间中。它不会加载它（特别是因为脚本没有在执行requireor import语句）
3. 语言服务器-似乎超过顶峰

有什么建议么？

按照此如何将Intellisense文件导入vsCode（Visual Studio Code）的操作，我已经完成了以下操作：

1. 向我添加了以下内容，jsconfig.js但完全没有影响自动完成功能：

   "typeAcquisition": {
   "enable": true,
   "include": [
       "C:\\test.d.ts"
   ]
   

   Run Code Online (Sandbox Code Playgroud)

   }

2. 一旦添加/// <reference path="C:\test.d.ts" />，就解决了

有没有一种方法可以使用扩展程序自动执行此操作？还是完全不需要参考路径？

我有一个用bootstrap-vue生成的表,它显示了系统搜索的结果.

结果表显示给用户的记录,用户可以对它们进行排序并过滤它们.

如何<th>在bootstrap-vue <b-table>元素生成的表头下添加搜索字段？

当前表格的屏幕截图:

通缉表的样机:

我一直在为 Chrome 开发一个扩展。

为了工作，它必须使用 CustomEvent 将网站设置的全局窗口变量传递到扩展的主脚本。
当页面加载到活动选项卡中时，这通常可以正常工作，但是每当将其作为非焦点选项卡加载时，或者当扩展脚本的执行因其他原因而延迟时，侦听器接收到的事件对象都具有null详细信息属性。

需要明确的是，事件的整个详细对象是null，而不仅仅是所需的变量。我已经通过将所需的变量作为 JSON 字符串附加到文档来解决此问题，但我想了解该事件出了什么问题。

相关部分代码如下。

清单.json：

"content_scripts": [ {
          "js": [ "main.js", "jquery-3.3.1.js"],
          "matches": [ "*://*.site.com/*"],
          "run_at": "document_end"
       } ],
"permissions": [ "declarativeContent", "activeTab", "storage", "*://*.site.com/*" ],
"web_accessible_resources": [ "injectedScript.js" ]

main.js：

$(function() {

        document.addEventListener('globalPasser', function(response) {
            if(response.detail){
                // store variables
            }

        }, true);

        var passGlobals = document.createElement('script');
        passGlobals.src = chrome.extension.getURL('injectedScript.js');
        (document.head||document.documentElement).appendChild(passGlobals);
        passGlobals.onload = function() {
            passGlobals.remove();
        };
    }

注入脚本.js：

var newEvent = new CustomEvent('globalPasser', {detail:{variable: neededGlobalVariable}});
document.dispatchEvent(newEvent);

所以我有一个 yaml 文件用作配置文件。我正在尝试使用正则表达式进行一些字符串匹配，但在将 yaml 中的正则表达式解释为 python 时遇到问题。有问题的正则表达式如下所示：

regex:
    - [A-Za-z0-9]

当我尝试使用该re.match函数时，出现以下错误：

Traceback (most recent call last):
  File "./dirpylint.py", line 132, in <module>
    sys.exit(main())
  File "./dirpylint.py", line 32, in main
    LevelScan(level)
  File "./dirpylint.py", line 50, in LevelScan
    regex_match(level)
  File "./dirpylint.py", line 65, in regex_match
    if re.match(expression, item) == None:
  File "/usr/lib/python2.7/re.py", line 137, in match
    return _compile(pattern, flags).match(string)
  File "/usr/lib/python2.7/re.py", line 229, in _compile
    p = _cache.get(cachekey)
TypeError: unhashable type: 'list'

我知道它将正则表达式解释为列表，但是如何使用 yaml 文件中定义的正则表达式来搜索字符串？

我想在输入文本占位符中添加换行符。

<div class="form-group">
    <input type="text" class="form-control ph" id="" placeholder="Qualification Education Background *">
</div>

我尝试过

<div class="form-group">
    <input type="text" class="form-control ph" id="" placeholder="Qualification\n</br> Education\n <br>Background *">
</div>

但这不起作用。有人会帮助我实现这一目标吗？

嗨，我正在创建一个向导/步骤组件。如何使用ngClass返回基于 的 css 类->？

我有 5 个步骤，假设用户处于第 3 步。前面的所有步骤都应返回一个名为 css 的类active，当前步骤（第 3 步）返回 css 类active，第 3 步之后的所有步骤都应返回inactivecss 类。

<div class="step actived">
                    <span [ngClass]="displayActiveness()">Step 1
                    </span>
                </div>
                <div class="divider"></div>
                <div class="step" [ngClass]="displayActiveness()">
                    <span>Step 2
                    </span>
                </div>
.....

TS：

displayActiveness(status) {
        if (this.statusSelected === 'step3') {
            return 'active';
        } else if (
        this.statusSelected === 'step4' || this.statusSelected === 'step5'){
            return 'inactive';
        }
        else if (
            this.statusSelected === 'step1' || this.statusSelected === 'step2'){ …

我正在尝试编写一个中间件，在其中我将对请求主体进行json模式验证。验证之后，我需要再次使用请求正文。但是我不知道该怎么做。我参考了这篇文章， 并找到了一种进入尸体的方法。但是，一旦使用了请求正文，我就需要下一个函数可用。

这是示例代码：

package main
import (
        "fmt"
        "io/ioutil"
        "net/http"
        "github.com/gin-gonic/gin"
        //"github.com/xeipuuv/gojsonschema"
)

func middleware() gin.HandlerFunc {
 return func(c *gin.Context) {

    //Will be doing json schema validation here

    body := c.Request.Body
    x, _ := ioutil.ReadAll(body)

    fmt.Printf("%s \n", string(x))

    fmt.Println("I am a middleware for json schema validation")

    c.Next()
    return
 }
}    

type E struct {
 Email    string
 Password string
}

func test(c *gin.Context) {

 //data := &E{}
 //c.Bind(data)
 //fmt.Println(data)   //prints empty as json body is already used

 body := c.Request.Body …

我是Bootstrap的初学者，我已经看到了很多Bootstrap 3表单验证插件等，但是我没有找到Bootstrap 4的任何内容。

我正在尝试验证多种形式，这是我的代码：

<!-- Contact -->
<div class="container white">
  <div class="row">
    <div class="container white percent100">
      <div class="col-lg-12">
        <div class="padder-t2">
          <h1>Contact</h1>
          <div class="horiz-divider"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="row padder-t padder-b">
    <div class="container white">
      <div class="col-lg-12">
        <!-- Form -->
        <form class="form-horizontal" action=" " method="post" id="contact_form">
          <fieldset>
            <!-- Text input-->
            <div class="form-group">
              <div class="row">
                <div class="col-md-4 col-lg-4">
                  <label class="control-label pull-right"><h4>First Name</h4></label>
                </div>
                <div class="col-md-4 col-lg-4 inputGroupContainer">
                  <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                    <input id="firstname" name="firstname" placeholder="First Name" class="form-control" type="text">
                  </div>
                </div> …

我正在使用Vue生成一些html模板,我需要按照下面的代码包含html条件注释.

var productTemplate = new Vue({
    el: '#myApp'
});

<script src="https://unpkg.com/vue@2.5.8/dist/vue.js"></script>

<div id="myApp">
    <div class="some-content">
        This is some content
    </div>

    <!--[if mso]>
      <div>
          this div will only be shown if the condition in the comment is true, in this case the condition is:
          if ( mso (microsoft office) == the html rendering engine) {
            show the html code between the [if mso] and the [endif]
          }
      </div>
    <![endif]-->

    <div class="some-other-content">
        This is some content
    </div>
</div>

但是当我在浏览器中打开我的html页面时,条件注释之间的html代码被完全删除,即使我确实需要它在那里.

如何让Vue在模板视图中包含这些注释？