小编Yas*_*nik的帖子

CSS:为表格中的选定行设置颜色

我需要在表格中添加以下功能:

当用户单击某一行(选择它)时,该行将用颜色标记#FFCF8B(相同hover).我试过#newspaper-b tbody tr.selected td,但它不起作用.

   #newspaper-b {
        border-collapse: collapse;
        border-color: #B7DDF2;
        border-style: solid;
        border-width: 1px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        margin: 0;
        text-align: left;
        width: 480px;
    }
    #newspaper-b th {
        background: none repeat scroll 0 0 #EBF4FB;
        border-color: lightgray;
        font-size: 11px;
        font-weight: bold;
        padding: 15px 10px 10px;
    }
    #newspaper-b tbody tr td {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    #newspaper-b td {
        border-top: 1px dashed #FFFFFF;
        color: #000000;
        padding: 10px;
    }
    #newspaper-b tbody …
Run Code Online (Sandbox Code Playgroud)

css colors css-tables

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

2 个并排的 div 框,宽度为 50%,高度为 100%,悬停在每个框上时扩展至 100% 填满整个宽度

我试图有 2 个 div 框,每个框宽度为 50%,高度为 100%。在该 div 框内,它就像一个锚链接,我们将鼠标悬停在第一个框(框 A)上,框 A 将从从左到右的 50% 宽度到 100% 宽度。如果我们将鼠标悬停在框 B 上,它也会从右向左过渡并填满宽度 100%。

也许一张图片可以更好地解释..这是初始状态: 初始状态(无悬停)

然后当鼠标悬停在左边的A框上时: 悬停框 a

然后当鼠标悬停在右侧的B框上时: 带有悬停的框 b

我不确定如何使用 CSS 或 javascript/jquery 或同时使用两者来执行此操作?如果有人能帮助我,我将不胜感激。

谢谢 :)

css jquery css-transitions

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

从 observable 的 finalize 方法返回一个 observable

具体案例是这样的:AngularFirebase 文档说为了从上传的文件中获取下载 URL,你需要这样做:

const task = this.storage.upload(filePath, file);

// observe percentage changes
// get notified when the download URL is available
task.snapshotChanges().pipe(
    finalize(() => this.downloadURL = fileRef.getDownloadURL() )
 )
.subscribe();
}
Run Code Online (Sandbox Code Playgroud)

现在,我有一个上传方法,我想从中返回一个可观察的字符串。我的方法签名看起来像:

upload(file :File) :Observable<string> {

......

}
Run Code Online (Sandbox Code Playgroud)

我试过这样做:

return <Observable<string>>task.snapshotChanges().pipe(
        finalize(() => {
            const url = fileRef.getDownloadURL();
            console.log('download url is ',url);
            return url;
        })
    );
Run Code Online (Sandbox Code Playgroud)

但这不起作用,因为原始 observable 中还有其他类型快照更改的元素。

现在我的问题是,如何使用示例中的代码有效地返回我想要的类型

rxjs firebase angular

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

Angular 5(及更多):带有 @ViewChild 的 HTMLElement

我必须用 a 引用 an htmlElement@ViewChild()有什么办法吗?我必须创建一个 HTMLElement,然后尝试分配对 aviewChild或类似内容的引用。感谢您的关注。

html angularjs-directive formio angular

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

forkJoin 上的 takeUntil 是否调用 forkJoined observables 上的函数?

调用 a 时forkJoin

forkJoin(observableA, observableB)
  .pipe(takeUntil(onDestroy$))
Run Code Online (Sandbox Code Playgroud)

.pipe(takeUntil(onDestroy$))加入时角组件被破坏,释放可观。这是否也被 observableA 和 obserableB 调用?还是应该在传递给的所有 observable 上单独调用它forkJoin

rxjs angular

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

Nuxt js - 窗口或文档未定义

我看到很多与这个主题相关的问题。但他们都没有解决我的问题。

我遇到一种情况,我必须检查innerWidth窗口的,以检查设备是否是移动的或不使用isMobile变量。

<div v-if="isMobile" class="stores">
   <p class="text-uppercase text-muted mb-0 mt-4">
      ...
   </p>
</div>
Run Code Online (Sandbox Code Playgroud)

下面是我的脚本代码。我正在检查,process.client但它即将到来false。我不知道我是否错过了需要在某处添加的内容(也许是 nuxt.config.js)

    data() {
      return {
        isMobile: false,
      };
    },
    mounted() {
      if (process.client) {
        console.log("Hello from the client!");
        this.isMobile = window.innerWidth < 768;
      }
      console.log('process', process.client); // Logs as false
    },
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

nuxt.js

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

Flutter 任务 app:mergeDebugNativeLibs 和 app:mergeDebugJavaResource 失败

失败:构建完成,有 2 次失败。

1:任务因异常而失败。

  • 出了什么问题:任务“:app:mergeDebugNativeLibs”的执行失败。

执行 com.android.build.gradle.internal.tasks.Workers$ActionFacade 文件 'com.android.builder.files.ZipCentralDirectory@6f58452a' 时发生失败,但在缓存中找不到以前的版本

尝试:使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。使用 --scan 运行以获得完整的见解。

2:任务失败,出现异常。

  • 出了什么问题:任务 ':app:mergeDebugJavaResource' 执行失败。

执行 com.android.build.gradle.internal.tasks.Workers$ActionFacade 文件 'com.android.builder.files.ZipCentralDirectory@48b70346' 时发生失败,但在缓存中找不到以前的版本

尝试:使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。使用 --scan 运行以获得完整的见解。

在 23 秒内构建失败运行 Gradle 任务“assembleDebug”...运行 Gradle 任务“assembleDebug”...完成 23.9 秒异常:Gradle 任务 assembleDebug 失败,退出代码为 1

dart visual-studio-code flutter

4
推荐指数
2
解决办法
5616
查看次数

CSS 如何在悬停时将表格中的两行突出显示为一行?

我的问题是,我想突出显示我当前悬停的行下方的表格行。

然而,我面临的问题是,在两行之后,它应该突出显示接下来的两行。基本上,表格的每两行突出显示为一行。

因此,如果第 2 行和第 3 行被突出显示,当我将鼠标悬停在第 4 行上时,只有第 4 行和第 5 行被突出显示,第 6 行和第 7 行等等。

目前,悬停时,它仅突出显示鼠标所在的行。使用 CSS 可以实现这样的功能吗?或者我只是忽略了一些明显的事情。

table tr:nth-child(4n+4) {
  background-color: #EBEBEB;
}
#table tr:nth-child(4n+5) {
  background-color: #EBEBEB;
}
#table tr:hover {
  background: #3498DB;
}
Run Code Online (Sandbox Code Playgroud)

在这里查看我的工作: http: //jsfiddle.net/g5o7v6qe/21/

抱歉,如果我的问题有点令人困惑或措辞困难,我确实对 HTML 和 CSS 有一定的了解,但这出于某种原因困扰了我。谢谢。

html css

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

在Javascript toString中获取价值

我有一个非常简单的问题.

在Javascript中,

"你好"+ function(){}

将打印 "hellofunction(){}"

因为Function.prototype将调用自己的toString方法,它将返回"function(){}"

现在,我想重写toString方法:

Function.prototype.toString = function(){
return "my" + SOME_PROPERTY + "output"
}
Run Code Online (Sandbox Code Playgroud)

在这个自定义方法中,我想function(){} 知道如何在toString方法中获取当前值,因为我无法toString再次执行,因为它将进行递归.

我希望最终输出为:

"myfunction(){}output"
Run Code Online (Sandbox Code Playgroud)

javascript prototype object

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

本机脚本:未知URL的HTTP故障响应

我有一种情况,我已经从分支中提取了最新的更改,并尝试使用tns run android命令运行该应用程序。该应用程序已成功启动,但API调用受到限制,因此应用程序启动后会立即引发错误。

我也回答了这个问题,但这似乎不是问题所在。因为对于其他团队成员来说,它工作正常。:/

    err {
JS:   "headers": {
JS:     "normalizedNames": {},
JS:     "lazyUpdate": null,
JS:     "headers": {}
JS:   },
JS:   "status": 0,
JS:   "statusText": "Unknown Error",
JS:   "url": null,
JS:   "ok": false,
JS:   "name": "HttpErrorResponse",
JS:   "message": "Http failure response for (unknown url): 0 Unknown Error",
JS:   "error": {
JS:     "originalStack": "Error: java.io.IOException: Cleartext HTTP traffic to elk.chennai-volunteer-294695.staging.c66.me not permitted\n    at new ZoneAwareError (file:///data/data/org.nativescript.chennaivolunteersapp/files/app/
tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:1298:33)\n    at onRequestComplete (file:///data/data/org.nativescript.chennaivolunteersapp/files/app/tns_modules/tns-core-modules/http/http-request/http-request.js:
45:34)\n    at Object.onComplete (file:///data/data/org.nativescript.chennaivolunteersapp/files/app/tns_modules/tns-core-modules/http/http-request/http-request.js:37:13)",
JS:     "zoneAwareStack": "Error: …
Run Code Online (Sandbox Code Playgroud)

typescript nativescript angular

3
推荐指数
2
解决办法
1089
查看次数