小编fai*_*jua的帖子

寻找线索,如何在过渡时使用背景颜色的不透明度？

我正在使用rgba()功能,但转换不适用于悬停.

.bx{
  background:rgba(255,0,0,0.5);
  width:100px; height:100px;
  position:relative;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}

.bx:hover{
  background:rgba(255,0,0,1);
}

.t{
  position:absolute; 
  bottom:0px;
}

HTML

<div class="bx"><div class="t">text</div></div>

任何想法,我如何使用转换.bx？

Angular 7.1， AngularMaterial 7.3

我正在尝试调用函数并传递一些值，它提示以下错误

未找到 t1 的组件工厂。你把它添加到@NgModule.entryComponents 了吗？

虽然t1包含在entryComponent. 但是一旦删除传递值以修复值，它将起作用。

  <button mat-button (click)="openDialog('t1')">T1</button>
  <button mat-button (click)="openDialog('t2')">T2</button>

一旦我传递了值，它就会显示上面的代码。

  openDialog(e) {
    console.log(e);
    const dialogRef = this.dialog.open(e);
    dialogRef.afterClosed().subscribe(result => {
      console.log(`Dialog result: ${result}`);
      dialogRef == null
    });
  }

@Component({
  selector: 't1',
  templateUrl: 't1.html',
})
export class t1 {}

@Component({
  selector: 't2',
  templateUrl: 't2.html',
})
export class t2 {}

但是一旦我删除了值并修复了dialogRef.open它，它就可以正常工作

const dialogRef = this.dialog.open(t1);

如何选择图像的本地路径

杰森

"avatarUrl": "avt1.jpg"

所有图像都在src>img文件夹下。我正在寻找来自 json 的绝对路径 + 图像名称。

我如何实现这个 reactJs

<img src={require('./img/avt1.jpg')} width="60" />

包.js

{
  "name": "lummdb",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "moment-timezone": "^0.5.14",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-fontawesome": "^1.6.1",
    "react-scripts": "1.0.16",
    "axios": "^0.17.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
}

我无法提取集合中的数据，出现此错误

未捕获的类型错误：doc.data 不是函数

var db = firebase.firestore();
const docRef = db.collection("Slides");

getRealData = function() {
  docRef.onSnapshot(function(doc) {
    const myData = doc.data();
    console.log(myData);
  });
};

getRealData();

如果我通过修复ID然后下面的代码工作我找到解决方案（尽管ID是由firestore随机生成的）

db.collection("Slides").doc("GYUzWG6jcOPob725wbnF")
.onSnapshot(function(doc) {
    console.log("Current data: ", doc.data());
});

火库

使用gulp-connect插件创建服务器。

该代码很好，但是当我运行gulp时，它开始监视“监视”，如何运行服务器并在创建服务器后运行监视功能。

var gulp = require("gulp"),
scss = require("gulp-scss"),
jsmin = require("gulp-jsmin"),
rename = require("gulp-rename"),
connect = require("gulp-connect");

var path = {
    src: {
        js: 'dist/js/**/*.js',
        css: 'dist/css/**/*.scss',
        img: 'dist/img/*.*',
        html: '/**/*.html'
    },
    build: {
        js: './js/',
        css: './css/',
        img: './img/'
    }
};

/* connect server */
gulp.task("connect", function () {
    connect.server({
        root: './',
        livereload: true
    });
});

/* SASS into css */
gulp.task("styles", function () {
    gulp.src(path.src.css)
        .pipe(scss())
        .pipe(gulp.dest(path.build.css))
        .pipe(connect.reload());
});

/* minified JS */
gulp.task("scripts", function () { …

1. 如何绘制像附加图像一样的形状。

   <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval">
   <stroke
       android:width="8dp"
       android:color="#00A79E"/>
   
   <solid
       android:color="#e5e5e5"/>
   

   Run Code Online (Sandbox Code Playgroud)

2. 使用 9-Patch Image 给我损坏的图像