小编Ant*_*eth的帖子

使用转换:: - webkit-scrollbar?

是否可以在webkit滚动条上使用转换?我试过了:

div#main::-webkit-scrollbar-thumb {
    background: rgba(255,204,102,0.25);
    -webkit-transition: background 1s;
    transition: background 1s;
}

div#main:hover::-webkit-scrollbar-thumb {
    background: rgba(255,204,102,1);
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用.或者是否可以创建类似的效果(没有JavaScript)?

这是一个显示rgba过渡问题的jsfiddle

css webkit scrollbar css-transitions

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

使用Promise.all获得基于名称的结果的最佳方法

默认情况下,Promise.All([])函数返回一个基于数字的索引数组,该数组包含每个promise的结果.

var promises = [];
promises.push(myFuncAsync1()); //returns 1
promises.push(myFuncAsync1()); //returns 2
Promise.all(promises).then((results)=>{
    //results = [0,1]
}
Run Code Online (Sandbox Code Playgroud)

使用Promise.all()返回命名结果索引的最佳方法是什么?

我尝试使用Map,但它以这种方式返回数组中的结果: [key1, value1, key2, value2]

更新:

我的问题似乎不清楚,这就是为什么我不喜欢基于有序的索引:

  1. 维护很糟糕:如果在代码中添加一个promise,则可能需要重写整个结果函数,因为索引可能会有变化.
  2. 读起来很糟糕 :( results[42]可以通过下面的jib答案修复)
  3. 在动态上下文中不可用:
var promises = [];
if(...)
    promises.push(...);
else{
    [...].forEach(... => { 
        if(...)
            promises.push(...);
        else
            [...].forEach(... => {
                promises.push(...);
            });
    });
}
Promise.all(promises).then((resultsArr)=>{
    /*Here i am basically fucked without clear named results 
        that dont rely on promises' ordering in the array */
});
Run Code Online (Sandbox Code Playgroud)

javascript es6-promise

16
推荐指数
3
解决办法
4908
查看次数

使用 auth 模拟器的 SignInWithCustomToken 返回 auth/invalid-custom-token

我正在尝试使用模拟器使用从函数发送到网页的 firebase 自定义令牌进行身份验证。

但当我将与.www.googleapis.comsignInWithCustomToken();

/** BACKEND SIDE **/
  const token = await createFirebaseToken(userid);
  res.status(200).send(token);

/** FRONTEND SIDE **/
  const res = await axios.post(endpoints.signin,{/* oauth data*/});
  await document.fApp.auth().signInWithCustomToken(res.data); /* HTTP400 here */
Run Code Online (Sandbox Code Playgroud)

自定义令牌解码如下:

{
  "https://identitytoolkit.googleapis.com/google.identity.identitytoolkit.v1.IdentityToolkit",
  "iat": 1605605206,
  "exp": 1605608806,
  "iss": "firebase-auth-emulator@example.com",
  "sub": "firebase-auth-emulator@example.com",
  "uid": *userid*
}
Run Code Online (Sandbox Code Playgroud)

它是否应该发送到 googleapis.com 而不是本地模拟器?

我确实使用 设置了 firebase web 配置authDomain:"localhost:9099",并使用 powershell env 指向GOOGLE_APPLICATION_CREDENTIALSservice-account.json,但在启动时向我发出警告:

您的 GOOGLE_APPLICATION_CREDENTIALS 环境变量指向 ***。非模拟服务将使用这些凭据访问生产环境。当心!

当我打电话时,也收到此警告 3 次admin.auth().createUser(),不知道是否相关:

收到服务帐户令牌奇怪的令牌不是来自 service-account.json假设它拥有项目 *** 我的项目 ID …

firebase firebase-authentication firebase-cli

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

嵌套聚合物模板继承

有没有办法用它的父模板包围聚合物子模板?

在以下示例中,shadow标记将父模板带入子视图,但它忽略了其内容:

母体聚合物元素

<polymer-element name="my-window">
  <template>
    <div class="windowframe">
      <p>test</p> <!-- can be shown with shadow tag -->
      <content></content> <!-- cannot be used with shadow tag -->
Run Code Online (Sandbox Code Playgroud)

儿童聚合物元素

<polymer-element name="my-window-example" extends="my-window">
  <template>
    <!-- get the hosts' shadow and insert here -->
    <shadow>
       <p>Here is the content of my window<p> <!--won't be shown -->
    </shadow>
  </template>
Run Code Online (Sandbox Code Playgroud)

web-component dart shadow-dom polymer dart-polymer

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

材料设计是网络的有意义的过渡

(对不起,我无法提供任何我要问的代码,因为我真的不知道从哪里开始.)

关于材料设计指南中有意义的过渡.

我非常有兴趣在我的网络应用程序中创建这样的平滑过渡(特别是配置文件图片从一个活动到另一个活动的那个),但我想知道如何使用html做到这一点?

  • CSS3过渡是否足以完成它(我应该使用哪种样式属性来直接移动元素)?
  • 我应该使用JS/Dart使用奇怪的坐标系移动"共享视图元素"吗?
  • 它可以在动态/滚动布局上工作还是我应该忘记它?
  • 是否有任何提示可以在平滑过渡中将节点从容器视觉移动到另一个容器?

简而言之,HTML是否已准备就绪(任何代码/文档都会受到赞赏)?我们应该等一些聚合物工具来做这件事吗?或者我们应该在网上不这样做?

css dart polymer dart-polymer material-design

6
推荐指数
2
解决办法
5317
查看次数

使用Visual Studio Code调试webpack捆绑节点ts

(在某种程度上与 相关但更具体到VsCode)

我试图使用visual studio代码调试AngularU入门套件.但是它将ts输出合并到一个bundle.js中,并带有一个bundle.js.map:

?web
  ?dist
    ?client
    ?server
      ?bundle.js
      ?bundle.js.map
  ?src
    ?server.ts
    ?client.ts
Run Code Online (Sandbox Code Playgroud)

当我尝试运行它时,我从VS UI收到错误:

request 'launch': cannot launch program '/home/.../web/src/server.ts'; setting the 'outDir' attribute might help
Run Code Online (Sandbox Code Playgroud)

OUTDIR工作在我的其他项目罚款(不使用的WebPack)时,输出文件不会被合并,但在这里它不帮助.很确定他正在寻找server.js(但只有一个bundle.js及其地图文件).

生成的单个文件输出是否有任何outFile选项?

我的launch.json:

{
        "name": "WebServer",
        "type": "node",
        "request": "launch",
        "program": "./web/src/server.ts",
        "stopOnEntry": false,
        "args": [],
        "cwd": "./web",
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "externalConsole": false,
        "sourceMaps": true,
        "outDir": "./web/dist/server"
}
Run Code Online (Sandbox Code Playgroud)

编辑:当我将webpack服务器输出重命名为server.jsserver.map.js(而不是bundle.*)时它会运行,但不幸的是断点不起作用:

断点显示未找到

这是server.js.map文件的内容.

根据本教程, …

typescript webpack visual-studio-code angular

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

在 ClickOnce 安装中隐藏“未知发布者”文本

我想确定一些事情:是否可以在 ClickOnce 安装程序中隐藏“未知发布者”字段(替换为真实的公司名称),而无需在验证码提供商上花费这么多钱?

我尝试创建自己的 .pfx 文件,但即使我将它(.cer 和 .pfx)安装在本地计算机上(在受信任的发布者中),它仍然显示为未知的发布者程序..?

我们真的应该花这么多钱来证明我们不像 VeriSign 那样令人毛骨悚然吗?即使在本地公司的小应用程序?

c# clickonce certificate digital-signature visual-studio

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