小编Dre*_*ker的帖子

API 蓝图 - 避免重复授权块

在 API Blueprint 中,如何避免对每个端点一遍又一遍地使用相同的请求 Authorization 标头块?

+ Request (application/json)
    + Headers

            Authorization: Bearer jsonWebToken
Run Code Online (Sandbox Code Playgroud)

有没有办法在数据结构中对此进行模板化?

apiary.io apiblueprint apiary mson

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

按比例调整iframe大小以适应使用jQuery的DIV

我在div中有一个视频的iframe,如下所示:

<div class="media">
    <iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

我在窗口调整大小时动态设置DIV的大小.

我想缩放iframe以适应div内部,同时保持它的纵横比.大多数代码处理缩放图像,这更容易.

这是我到目前为止,但它不起作用:

jQuery.fn.fitToParent = function()
{
    this.each(function()
    {
        var width  = jQuery(this).width();
        var height = jQuery(this).height();
        var parentWidth  = jQuery(this).parent().width();
        var parentHeight = jQuery(this).parent().height();

        if(width < parentWidth)
        {
            newWidth  = parentWidth;
            newHeight = newWidth/width*height;
        }
        else
        {
            newHeight = parentHeight;
            newWidth  = newHeight/height*width;
        }

        jQuery(this).css({
            'height'     :newHeight,
            'width'      :newWidth'
        });
    });
};
Run Code Online (Sandbox Code Playgroud)

基本上,我希望复制"background-size:contains"对CSS中的图像进行的大小调整,但是对于DIV中的iframe.

谢谢您的帮助!

jquery scale aspect-ratio

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

循环浏览WordPress帖子,并将每个X帖子包装在DIV中

注意:这是一个自我问答

在WordPress中构建不对称网格布局时,通常需要将每个X帖子包装在div中,如下所示:

div
    post
    post
/div
div
    post
    post
/div
div
    post
    post
/div
Run Code Online (Sandbox Code Playgroud)

我想避免使用模运算符,因为它很快就会混淆.

php wordpress loops modulo

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

CSS3 过渡延迟,进出时间不同

我正在尝试在 Vue 中构建一个菜单打开和关闭转换,但是在单击按钮时添加了一个类。

看:

button {
  position: absolute;
  top: 50px;
  right: 0;  
}
.logo {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;

  transition: transform 1s;
  transition-delay: 0s;
}
.menu {
  position: absolute;
  top: 0;
  left: 150px;  

  transform: translateY(-100%);
  transition: transform 1s;
  transition-delay: 1s;
}
li {
  opacity: 0;
  transition: opacity 1s;

  transition-delay: 0.8s;  
}
li.active {
  opacity: 1;
}

/* Opened menu */
.menu-opened .logo {
  transform: scale(2);
  transition-delay: 1s;
}
.menu-opened .menu {
  transform: translateX(0);
  transition-delay: 0s; …
Run Code Online (Sandbox Code Playgroud)

css toggle css-transitions vue.js

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

Nuxt Apollo websockets 链接选项?

我正在尝试使用Nuxt Apollo进行 websocket 订阅。对于我的服务器(8base.com),我需要connectionParams随订阅请求一起发送一个对象。

似乎 Nuxt Apollo 有一个httpLinkOptions,但我真正需要的是一个wssLinkOptions. 有人知道用 Nuxt 做到这一点的方法吗?理想情况下,我不必替换 Nuxt Apollo,因为我在整个应用程序中都使用它。

subscription websocket apollo nuxt.js

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

SVG 阴影被剪裁

我有一个 SVG 刻度图标,带有正在被剪裁的阴影。我在 SO 上看到的常用过滤器偏移方法没有帮助。有什么建议?

<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     x="0px" y="0px" width="73.516px" height="55.507px" viewBox="0 0 73.516 55.507" xml:space="preserve">

  <filter id="dropShadow" x="-20%" y="-20%" width="200%" height="200%">
    <feGaussianBlur in="SourceAlpha" stdDeviation="2" />
    <feOffset dx="0" dy="0" />
    <feMerge>
        <feMergeNode />
        <feMergeNode in="SourceGraphic" />
    </feMerge>
  </filter>

  <polygon fill="#F2F2F2" points="61.769,0 29.784,31.987 11.765,13.96 0,25.69 18.034,43.735 18.011,43.761 29.748,55.507 
    73.516,11.75 " filter="url(#dropShadow)"/>

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

我用 Adob​​e Illustrator 生成了这个,然后通过代码添加了阴影。

谢谢!

svg clipping svg-filters

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

WordPress元查询数组

我正在建立一种方式来形成我的用户"喜欢"一个帖子.

我会有一些喜欢帖子的用户:

$user_ids = array(60, 61, 62, 63);
Run Code Online (Sandbox Code Playgroud)

然后一个帖子会有一个post_meta,当点击帖子上的"喜欢"按钮时会保存用户ID,如下所示:

// Build array of user IDs that have liked this post
$likes = array(61, 62);

// Save array
update_post_meta($post->ID, likes, $likes);
Run Code Online (Sandbox Code Playgroud)

那么如何才能返回用户喜欢的所有帖子.这就是我目前正在做的事情,但这不起作用.

$args = array(
    'post_type'         => 'post',
    'post_status'       => 'publish',
    'posts_per_page'    => -1,
    'orderby'           => 'rand',
    'meta_query'        => array(
        'relation'  => 'AND',
        array(
            'key'       => 'likes',
            'value'     => $user_ids,
            'compare'   => 'IN'
        )
    )
);
$posts = get_posts($args);
Run Code Online (Sandbox Code Playgroud)

这应该返回帖子'likes'meet中保存有'60,61,62,63'的所有帖子.但它返回0结果.

现在,我认为这是因为WordPress在将数组保存在post_meta时序列化数组.

那么,我该怎么做这样的查询呢?它甚至可能吗?也许我必须使用$ wpdb类.

谢谢!

php mysql wordpress serialization metadata

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

如何在CSS中访问iOS上真正的100vh

这是一个自我问答

如果您曾经尝试100vh在 iOS 上使用 CSS,您会发现当浏览器 chrome 展开时,它实际上并不是 100vh。这是一个有据可查的错误,苹果公司认为它实际上是一个功能!这是解释该错误的好读物

那么绕过这个“功能”的最佳方法是什么?理想情况下,答案不需要 JavaScript(但这似乎不太可能),应该干净,不需要一堆内联样式,并且最好可以在 CSS 中选择(有时您可能需要默认的 100vh)。

css height ios

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

在Mobile Safari上退出全屏后停止视频

嘿伙计们,我在网页上有一个缩略图,点击后,使用webkitEnterFullscreen()方法全屏播放视频.

但是,一旦用户触摸"完成"按钮并离开全屏模式,我就需要停止播放视频.

用户退出全屏后是否会触发事件?

谢谢,德鲁

events fullscreen mobile-safari ios

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