小编Mik*_*ike的帖子

Vue显示未转义的HTML

如何设法在胡子绑定中获取html解释?目前,break(<br />)只是显示/转义.

小vue应用程序

var logapp = new Vue({
  el: '#logapp',
  data: {
    title: 'Logs',
    logs: [
      { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1  },
      { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1  }
    ]
  }
})
Run Code Online (Sandbox Code Playgroud)

这是模板

<div id="logapp">    
    <table>
        <tbody>
            <tr v-repeat="logs">
                <td>{{fail}}</td>
                <td>{{type}}</td>
                <td>{{description}}</td>
                <td>{{stamp}}</td>
                <td>{{id}}</td>
            </tr>
        </tbody>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript vue.js

159
推荐指数
5
解决办法
12万
查看次数

扩展PiP算法的MySQL实现?

我需要在多边形 MySQL查询中提出一个观点.

我已经找到了这两个很棒的解决方案

http://forums.mysql.com/read.php?23,286574,286574

MySQL实现光线投射算法?

但是这些函数只能检查一个点是否在poly中.我有一个查询,其中PiP部分应该只是查询的一部分,并检查多边形内的x点.

像这样的东西:

$points = list/array/whatever of points in language of favour

SELECT d.name
FROM data AS d
WHERE d.name LIKE %red%
// just bla bla

// how to do this ?
AND $points INSIDE d.polygon
AND myWithin( $points, d.polygo ) // or
Run Code Online (Sandbox Code Playgroud)

UPDATE

我尝试使用这样的MBR函数:

SET @g1 = GeomFromText('Polygon((13.43971 52.55757,13.41293 52.49825,13.53378 52.49574, 13.43971 52.55757))');
SET @g2 = GeomFromText('Point(13.497834 52.540489)');
SELECT MBRContains(@g1,@g2);
Run Code Online (Sandbox Code Playgroud)

G2不应该在G1内,但MBR说它是.

php mysql point-in-polygon raycasting

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

Github Action:在矩阵组合之前运行一步

我正在创建一个 Github 操作工作流程。
有一个 phing 构建文件,可根据产品变体创建多个 zip。这是通过矩阵完成的。

在构建产品之前,需要构建一个 JS 文件。这是通过汇总构建文件完成的。

一切正常,但 JS 构建只需要完成一次,而不是每个矩阵组合都需要完成。

我不知道该怎么做。也许在开始时运行一个单独的工作流程,但是如何将完成的 JS 文件推送到下一个工作流程中?或者也许一种工作流程就可以了?

name: Build

on: [push]

jobs:
  build:
    runs-on: ubuntu-latest
    env:
      VERSION: 1.0.1
    strategy:
      matrix:
        edition: ["product1", "product2", "product3"]
        limits: [100, 200, 300]
        exclude:
          - edition: product1
            limits: 100
          - edition: product2
            limits: 100
          - edition: product1
            limits: 200
          - edition: product2
            limits: 200
    steps:
      - uses: actions/checkout@v2

      - name: Build JS
        uses: actions/setup-node@v1
        with:
          node-version: 12.x
      - name: Cache Node.js modules
        uses: actions/cache@v2
        with:
          path: …
Run Code Online (Sandbox Code Playgroud)

build github github-actions

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

将动态 Github 工作流矩阵与输入值和预定义值相结合

我有一个工作 GitHub 工作流程,它使用矩阵并构建所有定义的产品。

name: Build

on:
  push:
    tags:
      - "*"
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest
    strategy:
      matrix:
       product: [yellow, green, black]
       limits: [10,20,50,100]

    steps:
      - uses: actions/checkout@v2
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

    ...
Run Code Online (Sandbox Code Playgroud)

现在希望能够手动触发构建过程并使用输入值仅构建我想要的产品。我可以在 Github 界面上输入值,但看起来使用它们的语法不正确。

构建:.github#L1 评估作业“构建”的“策略”时出错。.github/workflows/build.yml(行:27,列:18):意外值“黄色”,.github/workflows/build.yml(行:28,列:17):意外值“50”

此外,如何将所有预定义产品的先前自动构建与通过一个工作流程内的输入手动完成的产品结合起来?

name: Build

on:
  push:
    tags:
      - "*"
  workflow_dispatch:
    inputs:
      product:
        description: "Product"
        default: "yellow"
      limit:
        description: "Limit"
        default: "50"

jobs:
  build:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        product: ${{ github.event.inputs.product}}
        limits: ${{ github.event.inputs.limit }}

        # product: [yellow, green, black]
        # limits: [10,20,50,100]

    steps: …
Run Code Online (Sandbox Code Playgroud)

github github-actions

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

分离背景颜色和不透明度?

有没有办法在一个地方设置一个元素的bg颜色,并在其他地方操纵它的不透明度?

我知道这可以通过透明的PNG或一些堆叠的DIV来完成,但我不能使用这些选项(请不要浪费时间建议它们).

CSS文件A.

#menubar {
background-color: #036564;
}
Run Code Online (Sandbox Code Playgroud)

CSS文件B.

#menubar {
background-color-opacity: 0.5; /* idea 1 */
background-color: rgba(inherit, inherit, inherit, 0.5); /* idea 2 */
}
Run Code Online (Sandbox Code Playgroud)

css css3

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

Google嵌入API自定义标题

我如何告诉Google Embed API我想显示自定义标题而不是我发送的坐标作为q参数?

<iframe width="400" height="400" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/search?key=321&q=37.4218,-122.0840&zoom=18&maptype=satellite">
</iframe>
Run Code Online (Sandbox Code Playgroud)

此文档非常有限,我相信必须提供更多选项:https: //developers.google.com/maps/documentation/embed/guide

google-maps

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

CSS 规则排除父类

我如何编写一个 CSS 规则来选择所有div.box不在其中的内容.container

以下代码片段不起作用div.container因为div.container.

div:not(.container) .box {
   background:red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="box">box</div> <!-- select this -->
<div class="container">
    <div>txt</div>
    <div><div class="box">box</div></div>
</div>
<div class="box">box</div> <!-- select this -->
Run Code Online (Sandbox Code Playgroud)

css css-selectors

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

CSS3关键帧动画在Firefox中不起作用

这是我的CSS3动画的一小段摘录.适用于Chrome,IE10但不适用于FF.我在这里想念的是什么?

小提琴

http://jsfiddle.net/3k9VJ/

HTML

<div>
    <div class="pic u1"></div>
    <div class="pic u2"></div>
    <div class="pic u3"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

@-webkit-keyframes scrollem {
  0% {
    background-position-x: 0px;
  }

  100% {
    background-position-x: -2000000px;
  }
}

@-moz-keyframes scrollem {
 0% {
    background-position-x: 0px;
  }

  100% {
    background-position-x: -2000000px;
  }
}

@-ms-keyframes scrollem {
 0% {
    background-position-x: 0px;
  }

  100% {
    background-position-x: -2000000px;
  }
}

@keyframes scrollem {
 0% {
    background-position-x: 0px;
  }

  100% {
    background-position-x: -2000000px;
  }
}


.pic {
    width:100%;
    height:400px;
    position:absolute;
  background-repeat: repeat-x;  
    background-size: …
Run Code Online (Sandbox Code Playgroud)

css firefox css3 css-animations

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

CSS 中的内联 SVG 做背景图像

我正在尝试使用 CSS 内的内联 SVG 来实现此目的,但它不起作用。

原文: https: //codepen.io/cmdw/pen/vQqzyB

CSS 内嵌 SVG:

https://codepen.io/honk007/pen/wvBgxGZ

.divider{
        content                   : " ";
        height                    : 25px;
        width                     : 100%;
        background-image: url("data:image/svg+xml;utf8,<svg class='editorial' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 24 150 28'><defs><path id='gentle-wave' d='M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z' /></defs><g class='parallax1'><use xlink:href='#gentle-wave' x='50' y='3' fill='#f461c1' /></g></svg>");

        background-size        : 49px 100%;
        -webkit-background-size: 49px 100%;
        position               : absolute;
        top                    : -25px;
    }
Run Code Online (Sandbox Code Playgroud)

我感觉引号是问题所在。

css svg

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

创建没有压缩的ZIP存档?

有没有办法将JPG文件添加到ZIP存档而不重新压缩它们?听起来很奇怪我知道.

通过PHP创建ZIP文件会占用大量CPU.使用没有comprssion的ZIP仍然使用大量的CPU.如果我只想将图像(JPG)添加到存档,为什么在JPG已经压缩时它们会被重新压缩?

我知道ZIP存档中的每个文件都需要采用与原始文件不同的格式(压缩),但也许有一种方法只能在每个文件前面设置一些标题(无需重新压缩)并将它们一起复制到ZIP存档.

php zip

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

用于数学运算的 PHP 正则表达式

所以我试图创建一个正则表达式但没有成功。

这是我在输入字符串中得到的:

String A: "##(ABC 50a- {+} UDF 69,22g,-) {*} 3##"
String B: "##ABC 0,10,- DEF {/} 9 ABC {*} UHG 3-##"
Run Code Online (Sandbox Code Playgroud)

这就是我需要从正则表达式中处理的内容:

Result A: "(50+69,22)*3"
String B: "0,10/9*3"
Run Code Online (Sandbox Code Playgroud)

我只是无法将数字替换与操作符号结合起来。

这是我得到的:

'/[^0-9\+\-\*\/\(\)\.]/'
Run Code Online (Sandbox Code Playgroud)

感谢每一个帮助。

php regex

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

Vue2:v-model 不支持动态输入类型

尝试创建动态输入元素时,出现如下模板编译错误:

v-model 不支持动态输入类型。改用 v-if 分支。

https://jsfiddle.net/u8ncfdvn/

HTML

<div id="app">
  <sr-el :persons="personsFoo" name="foo" type="number"></sr-el>
  <br>
  <sr-el :persons="personsBar" name="bar" type="text"></sr-el>
</div>
Run Code Online (Sandbox Code Playgroud)

JS

Vue.component('sr-el', {
  template: `
    <span>
      <input :type="type" :name="name" :id="name" v-model="inputVal" :class="{invalid: !persons}">
      Here's the bound {{ name }} input value: {{ inputVal }}
    </span>
  `,
  props: ['type', 'name', 'persons'],
  data() {
    return {
      inputVal: this.persons,
    }
  }
})

new Vue({
    el: '#app',
  data() {
    return {
      personsFoo: 1,
      personsBar: 2,
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

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

计算固定小时的时差

我想计算从现在开始的时间差(比如说18:30:00)直到今晚20点.

$today = date('Y-m-d', time());
$remain = strtotime($today. " 00:00:00 + 20 hours") - time();
$remain = date('H:i:s', $remain);
Run Code Online (Sandbox Code Playgroud)

我得到的结果比实际结果(01:30:00)大一个小时(02:30:00).我尝试设置时区,但总是相同的结果.

php datetime

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