小编Raf*_*ero的帖子

在Vaadin中创建补充工具栏或垂直菜单

如何在Vaadin中创建VerticalMenuSidebar?是否有任何特定组件或我是否以编程方式使用CSS?

我想创建像Vaadin Demo这样的东西:

在此输入图像描述

我正在使用新的Valo主题.

css sass vaadin vaadin7 vaadin-valo-theme

15
推荐指数
2
解决办法
2万
查看次数

Css从左到右移动元素动画

当我改变左右变量时,我有一个需要从左到右和从右到左移动的元素.

这是一个jsfiddle示例,我正在研究它.它从左到右,从右到左移动,但没有动画.

我做错了什么?

CSS:

演示JSFiddle

div
{
   width:100px;
   height:100px;
   background:red;
   transition-property: right, left;
   transition-duration: 2s;
   -webkit-transition-property: right, left; /* Safari */
   -webkit-transition-duration: 2s; /* Safari */
   position:absolute;
}
div:hover
{
   right:0px;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<body>

<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>

<div></div>

<p>Hover over the div element above, to see the transition effect.</p>

</body>
Run Code Online (Sandbox Code Playgroud)

html css

8
推荐指数
2
解决办法
10万
查看次数

多个onpopstate事件

我需要使用History API来处理应用程序.我的问题是一些"home"jQuery插件已经为popstate实现了一个事件

一个独特的视图可以有多个popstate事件?

javascript html5 html5-history

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

为什么 Intl.NumberFormat 在 es-ES 语言环境中将 4 位数字一起格式化?

我正在尝试使用Intl.NumberFormat格式化数字。

\n\n

我已经检查了MDN WebDocs,但我无法获得我认为它应该返回的响应。

\n\n

我正在使用西班牙语语言环境进行格式化,并且我想获取千位之间的点分隔符(使用useGrouping选项),但是,我没有得到它

\n\n
    \n
  • 预期结果:1.124,50 \xe2\x82\xac
  • \n
  • 得到的结果:1124,50\xe2\x82\xac
  • \n
\n\n

\r\n
\r\n
var sNumber = \'1124.5\'\r\nvar number = new Number(sNumber);\r\n\r\nlet  style = {\r\n            style: \'currency\',\r\n            currency: "EUR",\r\n            minimumFractionDigits: 2,\r\n            useGrouping: true\r\n        };\r\n\r\nconst formatter = new Intl.NumberFormat("es", style);\r\n\r\nconsole.log(formatter.format(number));
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

javascript internationalization ecmascript-6

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

我想编辑html5的必填字段我该怎么做?

我使用了HTML5必填字段,但我想编辑该字段的属性.

例如:

我有用户名的输入字段.如果我们在输入字段中留空,则出现红色框,内部写有文本required我想更改该框的颜色,或者我想更改该框的内部文本.什么是可能的解决方案.我谷歌这个但找不到合适的结果.

html5

3
推荐指数
1
解决办法
57
查看次数

IntelliJ无法识别Java枚举

我正在使用IntelliJ 14.1.4Java SDK 1.8.我创建了一个,EnumIntelliJ没有识别代码,它显示以下错误:

'class' os 'interface' expected
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

IntelliJ不支持枚举???

java enums intellij-idea syntax-error

3
推荐指数
1
解决办法
4519
查看次数

Typescript类型保护:使用in运算符

我正在学习TypeScript,并通过官方DOCS进行有关Type Guard的练习。

我正在使用TypeScript 3.5.3测试提供的示例(或多或少):

function exec(strOrNum: string | number) {
    if ("substring" in strOrNum) {
        return strOrNum.substring(1);
    }
    return strOrNum.toExponential(2);
}
Run Code Online (Sandbox Code Playgroud)

But VSCode is trowing the following error:

The right-hand side of an 'in' expression must be of type 'any', an object type or a type parameter.ts(2361)

I don't understand it, any idea?

typescript

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

使用 package.json 中的配置从 CLI 运行更漂亮

我正在尝试从 CLI 运行 Prettier,定义 package.json 文件中的配置,如官方文档中所述

Prettier 使用 cosmiconfig 来支持配置文件。这意味着您可以通过(按优先顺序)配置更漂亮:

package.json 文件中的“漂亮”键。

然而,使用以下命令和以下 package.json 文件,我得到了显示的错误:

命令:

prettier --config package.json ./src/basic-sample.js
Run Code Online (Sandbox Code Playgroud)

包.json:

{
    "name": "prettier-getting-started",
    "version": "1.0.0",
    "description": "Prettier - Getting started",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
    },
    "keywords": [
        "prettier"
    ],
    "author": "Rafa Romero",
    "license": "ISC",
    "devDependencies": {
        "prettier": "2.0.4"
    },
    "prettier":{
        "singleQuote": true
      }
}
Run Code Online (Sandbox Code Playgroud)

结果:

[error] Invalid configuration file `src/basic-sample.js`: JSON Error in /Users/rafaromero/prettier-sample/package.json:
[error] LinesAndColumns$1 is not a constructor …
Run Code Online (Sandbox Code Playgroud)

command-line-interface package.json prettier

1
推荐指数
2
解决办法
2242
查看次数

为什么AngularJS的HelloWorld程序不起作用?

可以在http://jsfiddle.net/hh1mye5b/1/查看代码

要么

<!doctype html>
<html ng-app="dcApp">
<head>
</head>
<body>
<div>
    <div ng-controller="SpeciesController">
        <label><h2>{{name}}</h2></label>

    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
<script>
    var dcApp = augular.module("dcApp", [])
    dcApp.controller("SpeciesController",
            function ($scope) {
                $scope.name="Hello World"
            });
</script>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

我试图{{name}}<h2>使用angularJS中显示,然而,我发现它不起作用..有没有人对此有想法?

html javascript angularjs

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