小编Ali*_*Ali的帖子

使用flexbox获得pinterest或jQuery砌体布局

想知道是否有可能只使用新的flexbox布局获得与pinterest或jQuery砌体相同类型的设计布局.这是我得到它:

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.item {
    width: 220px;
    height: 250px;
    margin: 10px auto;
    padding: 0;
    background: #ccc;
}
.item:nth-child(3n+2) {
    background: #aaa;
    height: 400px;
}
Run Code Online (Sandbox Code Playgroud)

和HTML我只是使用PHP循环来创建12个项目

<?php
    for ($i=0; $i<=11; $i++) {
        echo '<div class="item"></div>';
    }
?>
Run Code Online (Sandbox Code Playgroud)

css php css3 flexbox

9
推荐指数
2
解决办法
9468
查看次数

使用 pod 依赖项创建 Flutter 插件

我创建了一个带有“FacebookShare”依赖项的flutter插件。我的吊舱规格如下,

Pod::Spec.new do |s|
  s.name             = '{plugin name}'
  s.version          = '0.0.2'
  s.summary          = 'A new Flutter plugin for share image and text in social media'
  s.description      = <<-DESC A new Flutter plugin for share image and text in social media
                       DESC
  s.homepage         = 'https://github.com/jayarajm/flutter_share_social_media.git'
  s.license          = { :file => '../LICENSE' }
  s.author           = { '...' => '...' }
  s.source           = { :path => '.' }
  s.source_files = 'Classes/**/*'
  s.public_header_files = 'Classes/**/*.h'
  s.dependency 'Flutter'
  s.dependency 'FacebookShare'

  s.ios.deployment_target = '8.0'
  s.static_framework = …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-dependencies flutter-plugin

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

Rails 在 rspec 测试中提供 ActiveStorage 图像

在开发和生产中,我们可以在浏览器中访问图像。这不适用于测试运行时的测试环境。

我们用于图像的 URL 格式如下:

http://localhost:3000/images/ABC # for development. Port for tests is 3030
Run Code Online (Sandbox Code Playgroud)

: 并重定向到 ActiveStorage 附件服务 URL - 如下所示:

http://localhost:3000/rails/active_storage/disk/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDFTVEd0WlpUbHFlVGh0YW1od1JucEdkMUJuYWxaelNuSUdPZ1pGVkE9PSIsImV4cCI6IjIwMTgtMDYtMDhUMDc6MDM6MDUuNDI2WiIsInB1ciI6ImJsb2Jfa2V5In19--abef581f4df7a19ae1a35a2be03edd028659441f/454.jpg?content_type=image%2Fjpeg&disposition=inline%3B+filename%3D%22454.jpg%22%3B+filename%2A%3DUTF-8%27%27454.jpg
Run Code Online (Sandbox Code Playgroud)

在测试运行时使用byebugbinding.pry 之类的东西),我们可以确定事情是否正确设置(或者它们是否正确?):

(byebug) @request.host
"localhost"
(byebug) @request.port
3030
(byebug) File.open("blah.html", 'w'){|file| file.write(response.body)}
1854
(byebug) get(image_source_path(id: 'ABC'))
302
(byebug) response.redirect_url
"http://localhost:3030/rails/active_storage/disk/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaDEwUWpkVmRFeHJUalV5YUdsYU5XOUdPR0Y2UVZCVFpsb0dPZ1pGVkE9PSIsImV4cCI6IjIwMTgtMDYtMDhUMDc6MjU6NDEuNzkzWiIsInB1ciI6ImJsb2Jfa2V5In19--42f8cd5ca06b07704a6550a19aaa143a6eeb0c6e/pig_admirer.jpg?content_type=image%2Fjpeg&disposition=inline%3B+filename%3D%22pig_admirer.jpg%22%3B+filename%2A%3DUTF-8%27%27pig_admirer.jpg"
(byebug) get(response.redirect_url)
200
(byebug) response.content_length
3618075
Run Code Online (Sandbox Code Playgroud)

:它确实返回了一个 ~3.5MiB 的图像。但是,当将页面保存为 HTML(该序列中的“blah.html”)时,在 byebug 运行时打开该 HTML 时,图像不会加载 - 调用...images/ABC被拒绝。

这是一个问题,因为我们使用 wicked_pdf 生成 PDF,并且在生成 PDF 的测试环境中,它无法访问这些图像以放入 PDF。

也许可以使测试服务器为 rspec 之外的响应提供服务?否则,PDF 中将没有图像。


附加说明 - 环境配置

在测试中我们添加了:

before do …
Run Code Online (Sandbox Code Playgroud)

rspec rails-activestorage

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

无法使用c#连接蓝牙设备

我正在使用 32 英尺库来开发蓝牙通信 WPF 应用程序,并且能够配对设备,但无法连接它,最终出现如下异常。

注意:我尝试连接手机和电脑等设备,但两者都给出了相同的错误,如下所述。

我在某个地方看到过这个问题,他们提到,这个问题可能是因为 32 英尺库与我电脑中的蓝牙设备不兼容。

但实际上,我已经在其他一些运行 Windows 7 操作系统 - 64 位的 PC 上对此进行了测试,并收到了相同的错误消息。

任何人都可以帮帮我。谢谢。

错误消息:请求的地址在其上下文中无效 ECD09F51114A:0000110100001000800000805f9b34fb

异常详细信息:

我的代码示例:

Guid uId = new Guid("0000110E-0000-1000-8000-00805f9b34fb");
bool receiverStarted = false;
private List<BluetoothDeviceInfo> deviceList;
private List<string> deviceNames;
private BluetoothDeviceInfo deviceInfo;
private string myPin = "1234";
private BluetoothClient sender;

private void BtnScan_Click(object sender, RoutedEventArgs e)
{
    ScanAvailableDevices();
}
private void ScanAvailableDevices()
{
    lstAvailableDevices.ItemsSource = null;
    lstAvailableDevices.Items.Clear();
    deviceList.Clear();
    deviceNames.Clear();
    Thread senderThread = new Thread(new ThreadStart(Scan));
    senderThread.Start();
}

private void Scan()
{
     UpdateStatus("Starting …
Run Code Online (Sandbox Code Playgroud)

c# wpf bluetooth 32feet

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

使用钩子看不到方法辅助函数内部的状态

我看不到我正在使用的辅助方法内部的更新状态。所有这些都在基于类的组件中工作,但在使用钩子时似乎不一样。看看我的评论。

import React, { useEffect, useRef, useState } from 'react';
import { createPortal } from 'react-dom';
import ReactPlayer from 'react-player';

import { VIMEO_URL } from '../../consts/urls';
import storage from '../../utils/localStorage';

const STORAGE_VIDEOS_DATA_KEY = 'VIDEOS_DATA';

import './VideoItem.scss';


const VideoItem = ({ vimeoId }) => {
  useEffect(() => {
    window.addEventListener(
      'beforeunload',
      saveStateToLocalStorage
    );

    return () => {
      window.removeEventListener(
        'beforeunload',
        saveStateToLocalStorage
      );

      saveStateToLocalStorage();
    };
  }, []);


  const [ videoProgress, setVideoProgress ] = useState(0);

  const saveStateToLocalStorage = () => {
    const videosPlayedDuration = { …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

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

溢出:隐藏和溢出-y:在ul上滚动不起作用;

我使用下面的HTML和CSS可以向下滚动列表,但无法弄清楚为什么overflow:hiddenoverflow-y: scroll在ul上不起作用。

我已经尝试过各种方法,例如.interaction-box将ul和ul 之间的div取出,并将交互框设为id,但它们没有用。样式确实适用于外部div,但标题与列表一起滚动。

我想念什么?

.interaction-box {
  width: 300px;
  height: 360px;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 5px;
}
.interaction-box ul {
  padding: 0px;
  margin: 0px;
  text-align: left;
  overflow: hidden;
  overflow-y: scroll;
}

.search-result {
  list-style-type: none;
  font-size: 17px;
  padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)
<div className="interaction-box">
   <div className="interaction-title">Top Search Results
   </div>
   <ul>
     <li className="search-result">Result</li>
     <li className="search-result">Result</li>
     <li className="search-result">Result</li>
     <li className="search-result">Result</li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

html css

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

Jenkins无法使用docker插件启动docker slave

我正在使用Jenkins Docker插件在Docker主机上动态启动从站。Jenkins主服务器在同一主机上运行。构建时,它会在docker-host上选择一个随机端口,并且无法连接到该端口。它启动docker容器。这是日志。不多说。如何调试问题?

INFO: Started container ID 54fe5780ca820a6e2b7cae40610cfc3229dbf889b0c66d6e34a39b74e13aaec7 for node slave-0000w16w841rc from image: jenkinsubuntu
Feb 28, 2019 9:35:54 PM com.nirima.jenkins.plugins.docker.utils.PortUtils$ConnectionCheckSSH execute
INFO: SSH port is open on 127.0.0.1:10007
[02/28/19 21:35:54] SSH Launch of slave-0000w16w841rc on 127.0.0.1 failed in 29 ms 
Feb 28, 2019 9:36:03 PM hudson.slaves.NodeProvisioner$2 run
INFO: Image of jenkinsubuntu provisioning successfully completed. We have now 7 computer(s) `
Run Code Online (Sandbox Code Playgroud)

jenkins jenkins-plugins docker centos7

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

Jenkins 管道在条件内验证特定格式的文件是否存在

我需要验证特定目录中是否存在 .doc 格式的文件。根据该条件何时执行。

即)当在具有 .doc 扩展名的目录中找到文件时,它应该继续执行步骤。

下面的代码无法找到.doc格式的文件

        when {
            expression
            { 
               return (fileExists("""${Path}/${version}/test/*.doc"""))
            }
        }
Run Code Online (Sandbox Code Playgroud)

jenkins-pipeline

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

如何防止数字字段中的特殊字符复制粘贴

我只想复制粘贴“数字字段”中的数字。如果我没有阻止复制粘贴,我可以复制数字字段中的'e','+','-'和。'.'在数字字段中,我可以输入这些字符,因此我使用了另一个脚本。我只想输入并复制粘贴数字。

请检查代码:

jQuery("#otp_number").bind("cut copy paste", function(e) {
  e.preventDefault(); //prevent the default behaviour 
});
document.querySelector("#otp_number").addEventListener("keypress", function(evt) {
  if (evt.which != 8 && evt.which != 0 && evt.which < 48 || evt.which > 57) {
    evt.preventDefault();
  }
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
OTP: <input type="number" id="otp_number" data-ignorepaste="" />
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

如何在 Sublime Text 3 中更改新 Diff 标记的颜色?

我想更改出现在 sublime text 3 编辑器中数字列右侧的差异标记颜色。

https://www.sublimetext.com/docs/3/incremental_diff.html

我试图去preference -> Settings但找不到任何财产line_diff_addedline_diff_modifies.

我应该如何更新这些颜色?

sublimetext3

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

为玩笑设置 lint-staged

我必须尝试用 lint-staged 设置一只哈士奇。最初,我试图设置如下,但这不起作用。

"lint-staged": {
    "*.js": [
      "prettier --write",
      "eslint src/ --fix",
      "npm run test",
      "git add"
    ]
  }
Run Code Online (Sandbox Code Playgroud)

然后我经过一些搜索我将我的设置更改为以下但那再次报告了差异错误

"lint-staged": {
    "*.js": [
      "prettier --write",
      "eslint src/ --fix",
      "jest --bail --findRelatedTests",
      "git add"
    ]
  }
Run Code Online (Sandbox Code Playgroud)

错误描述

Jest encountered an unexpected token

  This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

  By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules". …
Run Code Online (Sandbox Code Playgroud)

reactjs eslint husky lint-staged

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

HTML选择选项设置选择默认echo获取值php

我有一个简单的HTML表单,其中有一个简单的选择

<select name="myselect"  selected="<?php echo $_GET['brand'];?>">

<option value="" <?php if($brand== "") echo "selected"; ?>>all brands</option>
<option value="samsung" <?php if($brand== "samsung") echo "selected"; ?>>Samsung</option>
<option value="motorola" <?php if($brand== "motorola") echo "selected"; ?>>Motorola</option>

</select>
Run Code Online (Sandbox Code Playgroud)

我想要做的是因为它的搜索过滤结果形式如果用户选择三星作为默认品牌搜索下一页用过滤搜索结果将选择选项默认选择三星而不是其他.如果用户选择搜索摩托罗拉,那么所选的默认选项将是摩托罗拉.

我该如何解决?

html css php select

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