小编Rob*_*ier的帖子

有没有办法从IntelliJ IDEA的" 在路径中查找 "对话框(由CTRL+ SHIFT+ 调用F)中从结果中排除特定文件扩展名？我想排除所有.css文件.

我在运行我的一项艰巨任务时收到此警告:

Warning: (node:2771) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.

有人知道怎么摆脱它吗？以及如何找到它的来源？我的nodejs版本是6.0.0.

在构建我的Angular 6应用程序时,我需要同时指定两件事:

• 如果它是生产或开发构建
• 我正在使用的语言环境

在我的angular.json身上:

"build": {
  ...
  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true
    },
    "pl": {
      "fileReplacements": [
        {
          "replace": "src/assets/i18n/translations.json",
          "with": "src/assets/i18n/pl.json"
        }
      ]
    },
    "en": {
      "fileReplacements": [
        {
          "replace": "src/assets/i18n/translations.json",
          "with": "src/assets/i18n/en.json"
        }
      ]
    }
  }
}

但是当我正在做的时候ng build --configuration=en --configuration=production我得到了一个错误Configuration 'en,production' could not be found …

问题

我正在开发一个使用HTTP协议服务的网站.在开发中,我使用Webpack和它的webpack-dev-server,它在本地服务于页面http://localhost:9090.

我很惊讶在Firefox 58控制台中看到以下关于加载字体文件的混合内容错误.这对我来说很奇怪,因为页面是使用HTTP而不是HTTPS提供的,我认为混合内容错误仅限于HTTPS页面.

`Blocked loading mixed active content “http://localhost:9090/b1aa06d82e70bbd5a14259a94c9bbb40.ttf”

我发现错误的来源是嵌入在<iframe>页面上的YouTube视频(<iframe src="https://www.youtube.com/embed/...>).我删除YouTube嵌入后,错误就会从控制台中消失.

我不明白这种行为,因为它不是嵌套的HTTPS iframe正在发出这种字体请求,而是外部HTTP页面(顶级浏览上下文)!

摘要

外部页面(顶级浏览上下文)使用HTTP提供.只有使用HTTPS获取嵌入式iframe.外部页面生成的字体文件的HTTP请求(不是嵌入式iframe)在Firefox 58控制台中产生混合内容错误.

代码示例

为了给出一个工作示例,我在Plunker上创建了2个笔,它通过HTTP和导入提供(Plunker站点本身,而不是我的代码)WOFF字体字体Awesome over HTTP.

带有错误的示例(通过 HTTPS嵌入了YouTube iframe)会在Firefox 58控制台中产生以下错误:Blocked loading mixed active content “http://plnkr.co/css/font/Font-Awesome-More.woff”.

示例无错误,即删除iframe的代码相同,不会产生错误.

• 有错误
• 没有错误

问题

• 如何在使用HTTP协议加载的网站上添加混合内容？我认为混合内容只能存在于使用HTTPS加载的网站上.是否需要通过HTTPS提供任何资源(例如,通过YouTube嵌入来完成)会产生HTTP混合内容所需的所有内容？
• 我该如何修复错误？我不打算通过HTTPS提供网站服务,我希望我的字体能够在生产HTTP服务器上正确加载.

我正在编写一个自定义<pagination>指令,它将返回负责更改当前页面和分页设置的元素(例如,每页将显示多少项).该指令具有隔离范围(使其更具可重用性).

在指令模板中,我需要调用像changePage()或的函数changePaginationSettings().在目前为止我发现的隔离范围内传递函数的唯一方法是在控制器中定义函数.

mainController.js

module.controller("mainController", function($scope) {
    $scope.changePage = function() { ... };
});

然后将其作为属性传递给指令:

pagination.js

module.directive("pagination", function() {
    return {
        restrict: "E",
        scope: {
           changePage: "="
        },
        templateUrl: "templates/pagination.html"
    }
}

pagination.html

<pagination change-page="changePage">

这看起来非常难看,因为它将相关代码拆分为2个不相关的文件.那个changePage()函数应该在pagination.js文件中定义,而不是在mainController.js中定义.

我认为这样的事情应该是可能的:

pagination.js

module.directive("pagination", function() {
    function changePage() { ... };

    return {
        restrict: "E",
        scope: {
           changePage: changePage
        },
        templateUrl: "templates/pagination.html"
    }
}

但是这样的代码产生了一个(对我来说毫无意义)错误:Error: definition.match is not a function.

有没有办法实现这一目标？我的意思是在隔离的指令范围内传递在同一文件中定义的函数.

我已经阅读过 …

我有一个指令附加到<table>模板内的动态生成的元素.该指令在link函数内操作该表的DOM .问题是指令在表呈现之前运行(通过评估ng-repeat指令) - 表是空的.

题

如何在表完全呈现后确保指令运行？

<table directive-name>
    <tr ng-repeat="...">
        <td ng-repeat="..."></td>
    </tr>
</table>


module.directive("directiveName", function() {
    return {
        scope: "A",
        link: function(scope, element, attributes) {
            /* I need to be sure that the table is already fully
               rendered when this code runs */
        }
    };
});

我面临的问题是IE 11似乎在单个<td> 内部具有不一致的内部高度,<tr>而其他浏览器保持相同.

这是一支说明我问题的笔:http://codepen.io/anon/pen/emKEBZ

在我的布局中,我有一个绝对定位的伪元素(绿色边框),我想在(外部)上显示<td>.我希望它总是和<tr>它的整体一样高.s 的内容<td>是动态的 - 我无法控制它的大小(就像我在笔中所做的那样).

我给了它height: 100%,假设每一<td>行都有相同的高度.

td {
  position: relative;
}

td:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -5px;
  width: 3px;
  height: 100%;
  background-color: green;
}

是的,这个高度在Firefox和Chrome的同一行中的所有单元格中计算的值相同:

但IE 11中每个单元格的高度不同:

问题似乎是在height: 100%IE中指的是包含内部高度(填充内部的高度)<td>,而其他浏览器则采用总高度(高度+填充+边框).即便如此,所有s 的内部高度在Firefox中都是相同的,而在IE中则不然.这些方法有错吗？有没有办法迫使IE像其他浏览器一样工作？<td><tr>

<style module>和<style scoped>Vue有什么区别？

官方文档(link1,link2)仅声明scoped使用PostCSS转换并module使用CSS模块.但两者之间真正的功能区别是什么？

(注意:如果他们使用的PostCSS转换是该插件,它实际上使用CSS模块......)

关于表达式的AngularJS开发人员指南提到了一些名为$locals:

可以使用标识符this和使用标识符$ locals的locals对象访问上下文对象.

我不明白"本地对象"是什么,我在文档中找不到有关$ locals的更多信息.它的目的是什么？你是如何操作的？

我有动态高度和固定宽度的元素容器的简单结构(下面的标记).一方面,元素的背景应该跨越整个窗口宽度,另一方面,子元素的大小必须受容器限制(下面的Desired layout).儿童的数量及其大小(仅为简单起见,在图像上相同)是动态的.

没有添加额外的容器可以吗？我想通过设置width子项来避免实现所需的元素内容宽度,因为它们的数量是动态的,并且大小关系变得复杂,除非它们的总宽度已经被容器限制width.

这是一支实验笔 ;

标记

<div class="container">
  <div class="child">
  <div class="child">
  ...
</div>

.container {
  width: <fixed-width>px;
}

期望的布局(儿童和容器之间的空白是无关紧要的)