小编Woo*_*der的帖子

我想在点击按钮时将一些Jade内容加载到某个div中.我已经找到了如何用jquery做这个,有几个帖子,基本上我想做的是

$('#div').load('/somePage');

但是,我无法在我的项目中使用jQuery.在vanilla javascript中是否有相同的功能？

所以我使用javascript对象来呈现项目列表.我的对象看起来像这样:

{
            text: 'One',
            url: 'index.pug'
        },
        {
            text: 'Two',
            url: 'Two.pug'
        },
        {
            text: 'Three',
            url: 'Three.pug'
        }
}

有趣的是,当哈巴狗呈现它们时.我使用这样的东西渲染它们:

div
    ul.horizontalScroll
        each item in params.apps
            li
                a(onclick="loadXMLDoc(#{item.url})") #{item.text}

我无法弄清楚为什么item.text正确呈现,但点击链接不ping函数.在铬检查员中,我看到了:<a onclick="loadXMLDoc(#)">One </a>.为什么这个论点不index.pug应该像它应该的那样？

我有一个 html 画布，如下所示：

//output is a base64string of image data
var oldImage = new Image();
oldImage.onload = function () {
  var resizeRatio = oldImage.width / 500;
  var height = oldImage.height / 2;
};
oldImage.src = output;
var standardizedCanvas = document.createElement("canvas");
standardizedCanvas.setAttribute("width", "500px");
standardizedCanvas.setAttribute("height", height + "px");
standardizedCanvas.getContext("2d").drawImage(oldImage, 0, 0, frontCanvas.width, frontCanvas.height);

这样我就可以将图像读入画布，然后获取图像数据。但这真正给了我什么？我需要byte[]画布中的一个，其中包含图像数据，所以我真的想将字符串转换base64为byte[]. 我走在正确的道路上吗，或者……？

我有一个路径作为 JavaScript 变量传递给我，它将引用图像（也许）。 ../app/assets/icon.png。如果路径无效或不存在，我想使用位于其他位置的不同文件。最后，它应该看起来像这样：

var verifiedPath = existsAndIsValid(path) ? path : '../app/default/icon.png'

有没有简单的一句话可以让我做到这一点？

我有以下CSS：

.isActiveFilter {
  color: black;
  background-color: rgba(0, 184, 170, .5);
  padding: 15px 10px 10px 10px;
  border-color: red;
  border: 3px solid;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 10px;
}

出于某种原因，边框颜色呈现为黑色，不红，我会预料的那样，border-color在后置color。想法？

project当我的数据通过 Azure App Insights 记录在 Azure 中时，unix 时间戳如何？我知道我可以用来now()获取当前时间戳，但是行的时间戳又如何呢？

我正在尝试将 react-router 与 Material-UI V1 Tabs 集成，就像在这个 github 问题、这个 stackoverflow 帖子中一样，以及他们为我提供的错误答案。

据我了解，这就是您应该如何执行此操作：

import Tab from '@material-ui/core/Tab';
import Link from 'react-router-dom';
/* other code */
<Tab component={Link} to="/" value={'/'} key={'/'} label={'/'}/>

但是我得到了错误[ts] property 'to' does not exist on type...。

我也试过：

<Tab component={() => <Link to='/' />} value={'/'} key={'/'}] label={'/'}/>

但在这种情况下，我的Tab组件根本不呈现。

想法？

我正在尝试通过websockets将数据从python发送到nodejs.JS:

var express = require('express');
var app = express();
var server = require('http').createServer(app);
var io = require('socket.io').listen(server);

server.listen(3000, () => console.log('running on 3000'));

io.sockets.on('connection', function(socket) {
    io.sockets.on('msg', function(data) {
        console.log(data);
    });
});

蟒蛇:

import asyncio
import websockets

async def sendData(uri, data):
    // FAILS ON THE FOLLOWING LINE:
    async with websockets.connect(uri) as websocket:
        await websocket.send(json.dumps(data))

def main():
    text = "sample data"
    asyncio.get_event_loop().run_until_complete(
        sendData("ws://localhost:3000", {"msg": text})
    )

main()

我收到"格式错误的HTTP消息"错误(websockets.exceptions.InvalidMessage: Malformed HTTP message) 我担心python websockets可能无法与之交互socket.io.思考？

我最近一直在潜入 MyPy 并从他们的文档中看到以下示例

from typing import TypeVar, SupportsAbs

T = TypeVar('T', bound=SupportsAbs[float])

def largest_in_absolute_value(*xs: T) -> T:
    return max(xs, key=abs)  # Okay, because T is a subtype of SupportsAbs[float].

这表明可以使用 mypy，因此传入的泛型必须支持 abs 函数才能通过静态类型检查器。

但我不清楚这到底是如何工作的。例如，如果我可以指定一个类型必须支持的任何函数，或者该类型必须介于两者之间的范围，我就会发现这非常强大。

我的问题如下：有没有办法使用 bound 来支持任何随机函数要求？例如，类型必须支持len函数吗？（我怀疑这是可能的）

特定变量类型（即小于 10 个字符的字符串，或小于 100 的 int）的范围呢？（我怀疑这是不太可能的）

Chromecast SDK

我无法调用session.queueLoad(...)，但是如果我使用session.c.queueLoad(...)它偶尔会起作用。我也可以打电话session.loadMedia(...)。这是我从我的网站中删除的代码示例。

var session = cast.framework.CastContext.getInstance().getCurrentSession();
      if(session)
      {
        var queueingItems = [..blahblah]
        console.log(queueingItems) //works
        queueingItems=queueingItems.map(m=>{
          var mediaInfo = new chrome.cast.media.MediaInfo(m.source, m.contentType)
          mediaInfo.metadata = new chrome.cast.media.GenericMediaMetadata();
          mediaInfo.metadata.title = m.description;
          var q = new chrome.cast.media.QueueItem(mediaInfo)
          q.autoplay=true
          return q
        })
        
        var qloadRequest=new chrome.cast.media.QueueLoadRequest(queueingItems)
        console.log(qloadRequest)

        //works
        session.c.queueLoad(qloadRequest,function(){
          console.log("loaded success")
        },()=>{})    
        
        //doesn't work
        session.queueLoad(qloadRequest,function(){
          console.log("loaded success")
        },()=>{})   
        
        //works
        session.loadMedia(qloadRequest[0],function(){
          console.log("loaded success")
        },()=>{})  
      }

我目前正在创建一个"数字键盘",用于将电话号码输入文本字段.我希望我的按钮是方形的,我希望它们动态调整大小以适应窗口.问题是如果我将它们设置为视图高度的百分比,然后使宽度变小,它们不会重新调整大小以适应宽度,如果我将它们设置为视图宽度的百分比,并缩小高度,他们不会重新调整大小以适应高度.我怎样才能达到这个效果(例如,我希望按钮为20vh,20vh或20vw,20vw,以较小者为准).如果可能的话,我想避免使用javascript.这是我目前的代码:

HTML:

<table>
            <tr class="numberPadRow">
                <td></td>
                <td><button type="button" class="btn btn-primary numberPadButton" value="0" onclick="appendValue(this);"> 0 </button></td>
                <td><button type="button" class="btn btn-primary numberPadButton" value="0" onclick="appendValue(this);"> 0 </button></td>
                <td><button type="button" class="btn btn-primary numberPadButton" value="0" onclick="appendValue(this);"> 0 </button></td>
                <td></td>
            </tr>
        </table>

CSS:

.numberPadButton {
    width: 20vh;
    height: 20vh;
}

此外,我一直试图将屏幕上的三个按钮居中,如果有人可以帮助那将是惊人的:)

提前致谢

我正在使用 NodeJs 开发游戏，并意识到访问旧console.log输出将非常有帮助。机制和计算变得相当复杂，以后可以访问它们以搜索并对其进行一些数据分析以找到我的修改器（战斗机制）的正确值会很好。同时，我也想console.log在控制台中看到。

我知道这对于常规的 javascript 是不可能的，（请参阅This），但我希望 npm 有一些方法来拦截日志并将它们记录到服务器上的文件中。有什么想法吗？