小编Gle*_*rce的帖子

使网格容器填充列不是行

我希望我的网格像这样垂直填充:

1 4 7 
2 5 8
3 6 9
... arbitrary number of additional rows.
Run Code Online (Sandbox Code Playgroud)

相反,它会像这样水平填充:

1 2 3
4 5 6
7 8 9
Run Code Online (Sandbox Code Playgroud)

我想指定网格中的列数,而不是行数.

这就是我的div使用内联CSS样式的样子:

<div style="display:grid; grid-template-columns:1fr 1fr 1fr;">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
</div>
Run Code Online (Sandbox Code Playgroud)

重要的是我的网格宽3列,但我希望项目按列填充,而不是按行填充.CSS Grid中有可能吗?我已经阅读了这篇https://css-tricks.com/snippets/css/complete-guide-grid/,但没有看到有关订单的任何信息.

CSS Flexbox有flex-direction没有像CSS Grid那样的属性?

html css css3 flexbox css-grid

34
推荐指数
4
解决办法
9209
查看次数

未捕获的 DOMException:无法在“Range”上执行“setStart”:偏移量大于节点的长度

下面的代码经常抛出一个错误,读取

未捕获的 DOMException:无法在“Range”上执行“setStart”:偏移some integer量大于节点的长度 ( some smaller integer)。

var range = document.createRange();
range.setStart(pos.node, pos.position + someNumber);
Run Code Online (Sandbox Code Playgroud)

pos 设置如下:

getTextNodeAtPositionAndReturnEndOfContextIfNeeded = function(root, index){
  var lastNode = null;
  var nodeCount = 0;
  var treeWalker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, function next(elem) {
    nodeCount++;
    if(index > elem.textContent.length){
      index -= elem.textContent.length;
      lastNode = elem;
      return NodeFilter.FILTER_REJECT;
    }
    return NodeFilter.FILTER_ACCEPT;
  }, true); //true was added as a parameter to satisfy ie, but I haven't determined if it still works in other browsers, seems fine …
Run Code Online (Sandbox Code Playgroud)

javascript tree range nodes

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

在任何键盘上检测Edge中的@ character onKeyUp

在我的qwerty键盘上的大多数浏览器中,event.keyshift + 2是来自keyup键事件的"@".但是,Edge报道event.key: "2".所以我可以放下类似的东西

if(event.key == "2" && event.shiftKey){
  //code to execute when "@" key is down
}
Run Code Online (Sandbox Code Playgroud)

哪个用户使用来自德国或匈牙利这样的国家的键盘,或者可能有很多其他用户,并希望我的代码在Edge上键入"@"字符而不是shift + 2,它们会使用其他一些关键组合.

如果某些键盘布局不会从shift + 2生成@字符,如何从Edge中的onKeyUp事件中可靠地检测"@"字符?

有没有办法检测用户正在使用具有备用布局的键盘,并且是否有一些布局列表,我可以从中创建一些可能非常长的switch语句,以映射任何给定组合的"shift + 2"代码键盘布局?

我需要这个在onKeyUp中工作,而不是onKeyDown.

这就是Edge给我带的shift + 2 onkeyup.

[object KeyboardEvent]: {altKey: false, bubbles: true, cancelable: true, cancelBubble: false, charCode: 0...}
altKey: false
bubbles: true
cancelable: true
cancelBubble: false
charCode: 0
ctrlKey: false

currentTarget: Object
defaultPrevented: false
detail: 0
eventPhase: 3
isTrusted: true
key: "2"
keyCode: 50
location: 0
metaKey: false
repeat: false …
Run Code Online (Sandbox Code Playgroud)

javascript keyboard microsoft-edge

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

如何使用客户端会话持续时间和activeDuration使会话最后持续30天

根据https://github.com/mozilla/node-client-sessions#usage

var sessions = require("client-sessions");
app.use(sessions({
  cookieName: 'mySession', // cookie name dictates the key name added to the request object
  secret: 'blargadeeblargblarg', // should be a large unguessable string
  duration: 24 * 60 * 60 * 1000, // how long the session will stay valid in ms
  activeDuration: 1000 * 60 * 5 // if expiresIn < activeDuration, the session will be extended by activeDuration milliseconds
}));
Run Code Online (Sandbox Code Playgroud)

我希望用户的会话最多有效30天.如果我设置duration为30天activeDuration到30天,我想我最终会有60天的会话.

如果我设置duration为15天activeDuration到15天,登录的用户不会在15天内完成任何操作(不是我希望那种用户行为,但我的假设是正确的吗?)

我想要的只是每次用户访问网站以获得30天才需要重新登录.我该如何获得这种行为?

javascript session node.js

7
推荐指数
2
解决办法
583
查看次数

停止在Android Studio中覆盖我的编辑器的弹出式警告

我想关闭Android Studio的弹出警告.屏幕一侧的灯泡很好.这些消息涵盖了整行代码.我可以移动我的鼠标光标使它们消失,但它们稍后只会出现几次击键.我一次在屏幕上不会有多个.我是蓝色的白色文字,但我已经改变了我的外观设置,所以它们可能看起来与你的不同.(我用Darcula主题作为我的基础)

当我正在编辑我的代码时,Android Studio会弹出一些思想泡泡,告诉我类似的事情:"?android.content.Context?"

"是的IDE,我知道我还没有导入它,我不需要提醒,我想看到它上面的代码,但是你正在用它发出巨大的警告信息. .."

android-studio

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

从“服务器错误(未找到):服务器找不到请求的资源”中确定未找到什么资源

我在跑 kubectl create -f notRelevantToThisQuestion.yml

我得到的答复是:

服务器发生错误(未找到):服务器找不到请求的资源

有什么方法可以确定未找到请求的资源吗?

kubectl get ns 退货

名称状态年龄
默认活动243d
kube-public活动243d
kube-system活动243d

这不是一项计划工作。
客户端版本1.9
服务器版本1.6

这非常类似于https://devops.stackexchange.com/questions/2956/how-do-i-get-kubernetes-to-work-when-i-get-an-error-the-server-could-not -find-t?rq = 1,但我的k8s集群已正确部署(一切工作了将近一年,现在我要添加一个新Pod)。

kubernetes kubectl minikube

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

“启用基于 WSL 2 的实验引擎”不可选择

我正在按照以下说明在 Windows 10 上的 WSL 2 上运行我的 Docker 守护程序:

https://medium.com/@callback.insanity/upgrading-to-wsl-2-9883688fcfa5

但是,当我尝试启用基于 WSL 2 的实验性引擎时,我无法选中该复选框,如下所示:

在此处输入图片说明

我在跑步 Windows 10 build 1909

这里的消息是:

(需要 Win 10 build 19018+)

我不在快速通道或 Insider Preview 计划中(而且我不想加入),但我根本不清楚我的构建是否满足此要求。我正在运行 WSL 2(是的,它非常好,除了它似乎不像我喜欢的那样与 Docker 一起工作)。

我面临的问题是我的 Windows 构建版本太低,还是我应该尝试其他一些东西?

更新: 正如下面的评论中指出,该版本号我的Windows比不同的版本号。我通过进入系统信息检查了内部版本号,看到我的内部版本号是 18362。

windows docker wsl-2

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

Android Studio自定义关键字外观着色

我经常使用Log.i(String,String)方法.我想有这种方法,只有那种方法,有一个特定的颜色字体,所以我可以快速识别它.

我查看了首选项>编辑器>颜色和字体>自定义,找到了关键字1,关键字2的屏幕列表选项......

问题:我无法弄清楚这个Keyword1项目.有没有我可以定义自己的关键字的地方?如果是的话,在哪里?我可以使用它像我的Log.i方法吗?

android keyword custom-keyword android-studio

5
推荐指数
0
解决办法
347
查看次数

如何删除父视图 - android

在Android中:

给定onTouchEvent的视图,如何删除View及其父级?

我有一个LinearLayout,其中有一个View.单击"视图"可在LinearLayout内创建子布局.该子布局需要自己的onTouchListeners,因此我无法将onTouchListener附加到父LinearLayout,因为这将始终阻止onTouchListeners到我的子布局.

因此,我需要一种方法来删除父布局给定其子布局.我已经可以从父母那里删除子布局了.

android android-layout

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

如何使用 mysql 库在 Node.js 中创建存储过程?

如何使用 mysql 库在 Node.js 中创建存储过程? npm包mysql支持创建存储过程还是这段代码有错误?这是我正在使用的 npm 库:https : //www.npmjs.com/package/mysql

我正在尝试为一个开源项目自动设置数据库,以帮助新的贡献者启动并运行他们的开发环境(并使我们所有人都使用相同的数据库架构)。

为了实现这一点,我编写了一个脚本,该脚本应该将所有命令发送到 mysql 实例以设置数据库。创建表是有效的,但创建新的存储过程总是导致错误。当我在 MySQL Workbench 中运行命令时,创建脚本确实有效,所以问题似乎仅限于脚本。

var emails =
        "CREATE TABLE emails (" +
            "`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY," +
            "`email` VARCHAR(2048) CHARACTER SET utf8" +
        ");";

var addEmail =
        "DELIMITER //\n" +
        "CREATE PROCEDURE addEmail(IN email VARCHAR(2048))\n" +
        "BEGIN\n" +
        "INSERT INTO emails (email) VALUES (email);\n" +
        "END //\n" +
        "DELIMITER ;";

var query = [];
query.push(emails);
query.push(addEmail);

for(var i = 0; …
Run Code Online (Sandbox Code Playgroud)

mysql stored-procedures node.js

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

如何查找特定 WebElement 的子元素(我不知道它的 xpath)

我有任意数量的具有唯一类名的图块。其中一个有一个独特的标题,所以我试图专门抓住那个。完成此操作后,我想要对其结构中相当深的子元素的引用。

做“瓷砖”。tile.findElement() 的一部分在这里为我做些什么?我想专门使用相对于平铺的 xpath。

public WebElement getArticleTileByTitle(String title){
        By xpath = By.xpath(".//div[contains(., '" + title + "') or @title='" + title +  "']");
        List<WebElement> tiles = findPresentElements(By.className("articleTile"));
        for(WebElement tile : tiles){
            if(isElementPresent(tile, xpath))
                return tile;
        }
        return null;
    }

public boolean articleTileImageIsVisible(WebElement tile){
    WebElement background = tile.findElement(By.xpath("/*[2]/*[2]/*[1]/*[3]")); //This throws NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"/*[2]/*[2]/*[1]/*[3]"}
    //figure out stuff about background
}
Run Code Online (Sandbox Code Playgroud)

我知道背景是 img 类型,所以我试过了

tile.findElement(By.xpath("./img/*[2]/*[2]/*[1]/*[3]"));
tile.findElement(By.xpath("./*/*[2]/*[2]/*[1]/*[3]"));
tile.findElement(By.xpath(".//*/*[2]/*[2]/*[1]/*[3]"));
tile.findElement(By.xpath("./*/*[2]/*[2]/*[1]/*[3]"));
Run Code Online (Sandbox Code Playgroud)

尽管如此,我不断收到 NoSuchElementException 的变化:没有这样的元素:无法定位元素:{"method":"xpath","selector":"/ [2]/ [2]/ [1]/ [3] "} 这不是有效的 …

java selenium xpath selenium-webdriver

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

如何防止 iframe 窃取父容器的放置事件?

我的网页上有这样的结构:

<div> I have dragenter, dragover, drop, and dragleave handlers
  <div> Lots of nice content
  <iframe src="somethingCoolFromSomeoneElse"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

请在此处查看演示: https://codepen.io/glenpierce/pen/JLoJdJ?page =1&

我的问题是,当用户将某些内容拖放到父 div 中时,如果他们碰巧将鼠标悬停在 iframe 上,iframe 会窃取 drop 事件。

如何防止属于放置目标子级的 iframe 窃取其父级的放置事件?

我尝试过:
1.用另一个具有position:relative; height:100%; width:100%;.
2. 提高父级的 z-index。
3. 增加我试图隐藏 iframe 的 div 的 z-index。

我可以尝试在拖动事件开始时隐藏 iframe,但这会以令人困惑的方式改变 UI。

我不使用jquery。

html javascript css iframe drag-and-drop

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

没有 HTML 的带有换行符的 GWT 标签,这可能吗?

我需要在 GWT 标签中插入换行符。<br>不起作用,\n或者也不起作用\u000a(当我尝试将其添加为字符串文字时,它也恰好是非法转义字符 - 有人知道为什么吗?)

是的,我可以制作两个单独的标签,但我需要在大约 30 个标签上执行此操作,并且我希望有一种更快的方法来解决此问题。

我根本无法使用 HTML,甚至不允许 safeHtml。我知道,在 HTML 中很容易做到这一点,如下所述:带有换行符的 GWT label

如果你能证明这是不可能的,我也会接受它作为答案(可以吗?看起来应该可以。似乎我们应该有某种特殊的方式来接受答案来验证某件事是不可能的,也许我应该在 Meta 中提到这一点)。

java gwt

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