小编Tom*_*zyk的帖子

我有一个密封的特性：

sealed trait ActorMessage
case class AddX(x: Int) extends ActorMessage
case class RemoveX(x: Int) extends ActorMessage

我还有一个功能来处理所有消息并警告我非详尽匹配：

def handleMessage: ActorMessage => Unit = {
  case AddX(x) => ...
  case RemoveX(x) => ...
}

Actor 需要一个 PartialFunction[Any, Unit]。PartialFunction 扩展了 Function，这意味着我不能将我的 Function 分配为 PartialFunction。

我写了简单的转换器：

def liftToPartialFunction[FUND <: PFUND, B, PFUND](f: Function[FUND, B]): PartialFunction[PFUND, B] = new PartialFunction[PFUND, B] {
  override def isDefinedAt(x: PFUND): Boolean = x.isInstanceOf[FUND]
  override def apply(v1: PFUND): B = f(v1.asInstanceOf[FUND])
}

但是有没有更好的方法来做到这一点？或者标准scala库中是否有任何等价物？

我尝试运行此示例,但不使用Redis,而是使用我的本地MySQL服务器.

我编辑了这个春季启动应用程序,如下所示:

摇篮:

buildscript {
    repositories {
        mavenCentral()
    }
    dependencies {
        classpath("org.springframework.boot:spring-boot-gradle-plugin:$springBootVersion")
    }
}

apply plugin: 'spring-boot'

apply from: JAVA_GRADLE


//this 'if' statement is because I was getting error: Execution failed for task ':samples:findbyusername:findMainClass'.
//> Could not find property 'main' on task ':samples:findbyusername:run'.
if (!hasProperty('mainClass')) {
    ext.mainClass = 'sample.FindByUsernameApplication'
}

tasks.findByPath("artifactoryPublish")?.enabled = false

group = 'samples'

dependencies {
    compile("org.springframework.boot:spring-boot-starter-jdbc:$springBootVersion") 
    compile group: 'mysql', name: 'mysql-connector-java', version: '6.0.2'
    compile group: 'org.springframework.session', name: 'spring-session', version: '1.2.0.RELEASE'



    compile project(':spring-session'),
            "org.springframework.boot:spring-boot-starter-web",
            "org.springframework.boot:spring-boot-starter-thymeleaf",
            "nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect", …

这里我有 XML 配置：

<beans xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns="http://www.springframework.org/schema/beans"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context-3.2.xsd"
       default-lazy-init="true">

    <context:component-scan base-package="com.bb.package1"/>
    <context:component-scan base-package="com.bb.package2"/>
    <context:component-scan base-package="com.bb.package3"/>

    <bean id="bean1" class="com.dot.basepackages.Bean1"/>
    <bean id="bean2" class="com.dot.basepackages.Bean2"/>
    <bean id="bean3" class="com.dot.basepackages.Bean3"/>

是否default-lazy-init="true"仅适用于在此 XML(Bean1, Bean2, Bean3) 中创建的 beans 或 spring 使用 component-scan 找到的 beans？

我正在尝试完成这个模式：

我想渲染我的图片库，当单击图像时，需要打开弹出窗口。我想用 url 来完成，而不是用状态/商店更改来完成。例如：

链接：“/gallery/popular/fhoeuwy3928”将在后面呈现图库，在前面呈现弹出窗口。

在react-router 3中，嵌套路由很简单。我怎样才能用 v4 做到这一点？

这些是我目前的路线：

<Route exact path='/' component={Home}/>
<Route path='/gallery/:category' component={Gallery}/>
<Route path='/gallery/:category/:id' component={Popup}/>

我正在使用componentDidCatch我的应用程序捕获渲染错误,并制作了一个组件,打印此钩子提供的堆栈跟踪.

但是,在生成版本中,我看到除了库withRouter或者提供的组件名称之外,不会保留组件名称connect.我怎样才能实现同样的目标？我想看看实际的组件名称.

我source-map在构建时启用了webpack,它实际上是由chrome使用的:

或者,我想解释componentStack由componentDidCatch提供的source-maps.否则,它没用.

使用PayPal网站,我创建了一个网站项目的下拉列表和一个"添加到购物车按钮":

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  <input type="hidden" name="cmd" value="_s-xclick">
  <input type="hidden" name="hosted_button_id" value="J793S02EGAQ92">
  <table>
    <tr>
      <td>
      <input type="hidden" name="on0" value="Capacity">
      <center>Select Size:</center>
      </td>
    </tr>
    <tr>
      <td>
      <select id="selectDirect" name="os0">
      <option value="Small">SMALL - $10</option>
      <option value="Medium">MEDIUM - $20</option>
      <option value="Large">LARGE - $30</option>
      </select>
      </td>
    </tr>
  </table>

  <input type="hidden" name="currency_code" value="GBP">
  <center><input type="image" src="./add-to-shopping-cart.png" border="0" name="submit" alt="Add to Cart" width=150px></center>
  <img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

我的问题是他们将下拉项目的数量限制为10,但我需要更多像20.显然,这是可能的,但代码必须手动创建,而不是从PayPal网站自动生成.

我不确定这意味着什么 - 我知道如何通过在HTML中添加它们来手动添加更多行到下拉按钮.但我认为它有点复杂,因为项目需要以某种方式链接回PayPal.

我发现了这篇关于它的帖子,但它已经5年了,所以看起来有些建议已经过时了.

如果有人可以提供任何值得赞赏的建议.甚至只是解释我的HTML如何告诉PayPal将什么添加到购物车等.

enter cod

我有一个简单的块,假设用translateX向左移动200px.它会向左移动,向左移动.我似乎无法使用translateX或translateY移动块.Transform translate的CSS值可以使用.使用translate的原因是与position相比的性能.我评论了Velocity留下的位置,让你知道我想要实现的目标.

var button  = document.getElementById('button');
var adiv = document.getElementById('panel');
button.addEventListener('click', function(){
	//Velocity(adiv, { left: '100' }, [ 500, 20 ]);
	Velocity(adiv, {translateX: 200}, [ 500, 20 ]);
})

#panel {
    display: block;
    position: absolute;
    background: #ffffbd;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
   }

button {
    top: 90%;
    position: relative;
    display: block;
}

<script src="https://cdn.jsdelivr.net/npm/velocity-animate@2.0/velocity.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>


    <body>
      <div id="topbar"></div>
       <div id="panel">
       </div>
   <button id="button">start</button>
   </body>

在这里

首先，我刚开始接触 HTML 和 CSS。

我想如何使用此代码：https : //codepen.io/martinjkelly/pen/vEOBvL

.container {
  width: 250px;
  height: 250px;
  position:relative;
  background-color:grey;
}

.corner {
  width: 0; 
  height: 0; 
  border-top: 150px solid #ffcc00;
  border-bottom: 150px solid transparent;
  border-right: 150px solid transparent;
}

.corner span {
  position:absolute;
  top: 35px;
  width: 100px;
  left: 5px;
  text-align: center;
  font-size: 16px;
  font-family: arial;
  transform: rotate(-45deg);
  display:block;
}

<div class="container">
  <div class="corner"><span>20% Special Offer</span></div>
</div>

但我想在顶部/右侧制作三角形。

我试过的：

.corner {
  width: 0; 
  height: 0; 
  border-top: 150px solid transparent;
  border-bottom: 150px solid transparent;
  border-left: …

我正在尝试转换旧的Material UI实现.文档有点滞后.

我收到这个错误.文档说

名称类型默认描述

children*node按钮的内容.

这意味着什么,我需要在代码中加入什么？

<Button
  variant="raised"
  color="primary"
  className={classes.Button}
  label={this.state.buttonLabel}
  onClick={this.handleClick}
>
</Button>

我评论说我阅读了很多官方文档，我完全理解它的概念和功能。问题是我在现实中应用它会花费更多。所以我开始练习，我遇到了一些让我感到困惑的事情，我想创建一个按钮来加载图像并显示它的预览。但是，这包括一些步骤，例如；

• 验证图片是否已正确上传
• 创建一个文件阅读器
• 更新我的应用程序的状态（图像的路径和名称）
• 显示图像

这看起来像这样：

onImageChange(event) {
    if (event.target.files && event.target.files[0]) {
        let reader = new FileReader();
        let file = event.target.files[0];

        reader.onloadend = () => {
            this.setState({
                imageFile: file,
                imageName: file.name
            });
        }   
        reader.readAsDataURL(file)
    }
}

我试图创建一个动作，有效载荷是图像名称和图像文件，但我不知道把阅读器放在哪里......

这是我目前的组件：

onImageChange(event) {
    if (event.target.files && event.target.files[0]) {
        let reader = new FileReader();
        let file = event.target.files[0];

        reader.onloadend = () => {
            this.setState({
                imageFile: file,
                imageName: file.name
            });
        }   
        reader.readAsDataURL(file)
    }
}

import React, { Component } from "react";
import ImageModalForm from …