小编Ash*_*man的帖子

Angularjs模板:如何有条件地将标记包装在另一个标记中

ngIf 有条件地将标签添加/删除到DOM.

但是,如果我想有条件地将一个标签(例如内容)包装在另一个标签(例如布局)中,那么最有角度的方法是什么?

以下是我在Handlebars中的表现

{{#if layout}} <div class="layout"> {{/if}}
    Content is always here, it is wrapped only if layout is specified
{{#if layout}} </div> {{/if}}
Run Code Online (Sandbox Code Playgroud)

angularjs

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

将WOFF2格式的字体转换为其他格式

我的团队有一个woff2字体文件,我们没有办法处理.有没有人知道降级为更常见格式的管道?

fonts webfonts woff2

5
推荐指数
2
解决办法
4269
查看次数

在webpack中使用带有es6模块和typescript的文件加载器

webpack.config.js:

resolveLoader: { 
    alias: {
        'copy': 'file-loader?name=[path][name].[ext]&context=./src',
    }
},
Run Code Online (Sandbox Code Playgroud)

当我使用javascript时,这工作:

entry.js:

 var index = require("copy!../src/index.html");
Run Code Online (Sandbox Code Playgroud)

但我已经使用(ts-loader)移动到打字稿了,所以我略微修改了我在做的事情entry.ts:

import * as index from 'copy!index.html';
Run Code Online (Sandbox Code Playgroud)

但现在这给了我一个错误:

ERROR in ./src/entry.ts
(3,24): error TS2307: Cannot find module 'copy!../src/index.html'.
Run Code Online (Sandbox Code Playgroud)

typescript webpack

5
推荐指数
3
解决办法
5267
查看次数

bash“自动完成”(通过 TAB TAB)条目可以着色/格式化吗?

背景:

\n\n

我所说的“自动完成”功能是当你在 bash 中半输入命令或文件名时,如果你按 TAB 两次,它会打印出建议。

\n\n

问题:

\n\n

条目输出看起来像默认ls行为。

\n\n

我如何覆盖它以赋予它不同的颜色或格式(如ls)?

\n\n

编辑:复制粘贴UnixStackExchange 上的答案- 在那里投票!

\n\n\n\n

在 bash 4.3 及更高版本中,您可以添加

\n\n
set colored-stats on\n
Run Code Online (Sandbox Code Playgroud)\n\n

~/.inputrc

\n\n

请参阅http://cnswww.cns.cwru.edu/php/chet/readline/rluserman.html

\n\n
\n

colored-stats

\n\n

如果设置为“ on\”,Readline 使用不同的颜色显示可能的补全,以指示其文件类型。颜色定义取自LS_COLORS环境变量的值。默认值为“ off\”。

\n
\n\n

您可以使用http://geoff.greer.fm/lscolors/来生成LS_COLORS(由 GNUlscolored-stats)和LSCOLORS\xe2\x80\x8f(由 BSD 使用ls)。

\n

bash

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

如何有系统地调试React中的“未捕获的不变违规”错误

我正在寻找一种有条不紊的方法,以找出在不熟悉的代码库中哪个组件导致了“未捕获的不变违反”错误。特别是在运行不输出堆栈跟踪的业力测试套件时。

最幸运我有被添加console.log(JSON.stringify(element))render功能例如ReactShallowRenderer.prototype.render,其工作。有一个更好的方法吗?

reactjs

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

Jest套件不为快照差异输出颜色

我刚刚注意到我正在研究的一个项目,即快照输出没有通过颜色输送到终端.在一般的玩笑框架确实有颜色.所以我很困惑:

在此输入图像描述

应该是什么样的

这是相关包的列表:

"babel-jest": "^21.0.2",
"enzyme": "^3.1.0",
"enzyme-adapter-react-16": "^1.0.1",
"enzyme-to-json": "^3.3.1",
Run Code Online (Sandbox Code Playgroud)

这是 jest.config.js

module.exports = {
  setupTestFrameworkScriptFile: './setupTestFramework',
  verbose: true,
  snapshotSerializers: ['enzyme-to-json/serializer'],
  coverageReporters: [
    'lcov',
  ],
  collectCoverageFrom: [
    'src/**/*.{js,jsx}',
    'stories/**/*.{js,jsx}',
    '!**/node_modules/**',
    '!**/vendor/**',
  ],
  coverageDirectory: './',
};
Run Code Online (Sandbox Code Playgroud)

setupTestFramework文件:

import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import 'intersection-observer';

configure({ adapter: new Adapter() });
Run Code Online (Sandbox Code Playgroud)

任何想法将不胜感激.

更新:适用于单个文件

输出彩色快照:

yarn test <filepath>

不输出彩色快照:

yarn test

(我的yarn test命令是NODE_PATH=\"./src\" jest --colors)

jest enzyme babel-jest enzyme-to-snapshot

5
推荐指数
0
解决办法
314
查看次数

编译 reducerComponent 时出错“这是 ReasonReact reducerComponent 还是带有保留道具的组件?”

创建 reducerComponent 时出现错误:

代码

type state = {repoData: RepoData.repo};

let dummyRepo: RepoData.repo = {
  stargazers_count: 27,
  full_name: "jsdf/reason-react-hacker-news",
  html_url: "https://github.com/jsdf/reason-react-hacker-news"
};

let component = ReasonReact.reducerComponent("Page1");

let make = (_children) => {
  ...component,
  initialState: () => {
    repoData: dummyRepo
  },
  render: (self) => {
    <div className="App">
      <h1>{ReasonReact.stringToElement("Reason Projects")}</h1>
      <RepoItem repo={self.state.repoData} />
    </div>
  }
};
Run Code Online (Sandbox Code Playgroud)

错误:

Failed to compile.

./src/index.re
Module build failed: Error: We've found a bug for you!
  /Users/me/personal/test/reason-app-shell-starter-kit/src/page1.re 9:17-53

   7 ? };
   8 ?
   9 ? let component = …
Run Code Online (Sandbox Code Playgroud)

reason reason-react reasonml

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

无法阻止量角器显示文件下载提示

问题

我正在测试下载文件,但是当我触发下载时,会出现"另存为..."提示.我在这个SO问题中看到了一个解决方案,但它似乎对我不起作用.

配置

我的量角器配置文件看起来像这样(coffeescript):

exports.config =
  capabilities:
    browserName: "chrome"
    shardTestFiles: true
    maxInstances: 2
    chromeOptions:
      args: ['--no-sandbox', '--test-type=browser']
      prefs:
        download:
          prompt_for_download: false
          default_directory: '/'
          default_content_settings:
            popups: 0
Run Code Online (Sandbox Code Playgroud)

更多

chromeOptions.pref webdriver文档上说:

有关示例,请参阅Chrome用户数据目录中的"首选项"文件.

我实际上无法default_directory在自己的Chrome偏好设置文件中看到.

"download": {
  "directory_upgrade": true,
  "prompt_for_download": false
},
Run Code Online (Sandbox Code Playgroud)

系统

  • 量角器:1.5.0版(相当新)
  • 节点:0.10.28,0.11.8和0.11.14

testing google-chrome angularjs selenium-webdriver protractor

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

表达字段之间关系的 Joi 模式验证

有没有办法使用 Joi 表达数据内的关系?

例如

  const schema = ({
    min: number(),
    max: number(),
  });
Run Code Online (Sandbox Code Playgroud)

我可以添加一条验证规则吗data.min < data.max

编辑:添加示例

Ankh 的例子确实对我有帮助,因为文档有点精简。ref 的 Joi 测试对s的其余ref功能有帮助。

下面还包括我根据 Ankh 的答案进行的实验

describe.only("joi features", () => {
  const minMax = {
    min: Joi.number().less(Joi.ref("max")),
    max: Joi.number(),
    deep: {
      min: Joi.number().less(Joi.ref("max")),
      max: Joi.number().required()
    },
    minOfAll: Joi.number().less(Joi.ref("max")).less(Joi.ref("deep.max"))
  };
  it("handles max and min relationships", () => {
    expect(Joi.validate({ min: 0, max: 99 }, minMax).error).to.not.exist;
    expect(Joi.validate({ deep: { min: 0, max: 99 } }, minMax).error).to.not.exist;

    expect(Joi.validate({ …
Run Code Online (Sandbox Code Playgroud)

validation joi

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

将 args 传递给 lerna exec 命令

目标

我有yarn test,它实际上由两个子命令组成yarn test:root && yarn test:packages。两者都运行 jest(但包使用 lerna exec 间接执行它)。我希望能够yarn test -t=Pattern从终端输入并将两个子命令附加-t=Pattern到末尾。lerna exec -- "yarn test"似乎没有办法做到这一点。

背景

我有一个 monorepo,用于在每个 lerna 包上lerna exec运行yarn test

鉴于:

"test": "yarn run test:packages $@ && yarn run test:root $@",
"test:packages": "lerna exec -- yarn test $@", // No args passed
"test:root": "jest ./tests/Storyshots.jest.js $@", // Args passed
Run Code Online (Sandbox Code Playgroud)

我希望能够做类似的事情

yarn test --updateSnapshot和用于--updateSnapshot将被附加到yarn test通过勒拿湖EXEC运行

使用常规的 npm 脚本(请参阅 …

npm lerna yarnpkg

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