小编Dre*_*ker的帖子

如何使用CSS(jQuery SVG图像替换)更改SVG图像的颜色?

这是我提出的一个方便的代码的自我问答.

目前,没有一种简单的方法来嵌入SVG图像,然后通过CSS访问SVG元素.有各种使用JS SVG框架的方法,但如果你所做的只是制作一个带有翻转状态的简单图标,它们就会过于复杂.

所以这就是我提出的,我认为这是迄今为止在网站上使用SVG文件的最简单方法.它从早期的文本到图像替换方法中采用了它的概念,但据我所知,SVG从未做过.

这是个问题:

如何在不使用JS-SVG框架的情况下嵌入SVG并在CSS中更改其颜色?

css jquery svg

428
推荐指数
11
解决办法
64万
查看次数

获取PHP stdObject中的第一个元素

我有一个看起来像这样的对象(存储为$ videos)

object(stdClass)#19 (3) {
  [0]=>
  object(stdClass)#20 (22) {
    ["id"]=>
    string(1) "123"

  etc...
Run Code Online (Sandbox Code Playgroud)

我想得到第一个元素的ID,而不必循环它.

如果它是一个数组,我会这样做:

$videos[0]['id']
Run Code Online (Sandbox Code Playgroud)

它曾经像这样工作:

$videos[0]->id
Run Code Online (Sandbox Code Playgroud)

但现在我在上面显示的行上得到一个错误"不能使用stdClass类型的对象作为数组...".可能是由于PHP升级.

那么如何在没有循环的情况下获得第一个ID呢?可能吗?

谢谢!

php object multidimensional-array

63
推荐指数
6
解决办法
9万
查看次数

如何使用Ember CLI进行生产准备构建?

我一直在Ember建立一个网络应用程序,并准备把它放在服务器上供公众使用.我只想制作/ dist /文件夹,然后我将通过FTP手动上传到服务器.

我如何在Ember为此建立一个dist?我无法弄清楚如何打开缩小并从构建中删除测试文件.

我猜它与我的Brocfile.js,bower.json,package.json,environment.js或tester.json文件有关,但我真的不知道哪一个,或者那个配置会是什么样子.

额外奖励:我想知道如何关闭禁用/启用缩小功能,因为我想与同事分享我的生产版本.

应该更多的是"实施建筑 - 环境生产".我需要更改哪些文件来启用/禁用minfication,包括测试等?或者那就是"余烬建造 - 环境生产"呢?

谢谢!

build ember.js ember-cli

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

Shopify - 使用Shopify API的新订单 - 如何了解税收和运费?

我们已经构建了一个电子商务Web应用程序(Node后端,Vue前端).我们使用Stripe处理付款,但许多品牌已经询问我们是否可以在Shopify中完成订单和库存控制.我们正在努力找出将支付模块集成到Shopify的最佳方式,以便品牌可以通过Shopify管理履行和库存.

我们似乎应该使用Order API来创建订单并将其标记为已付款.但是我们怎么知道产品有库存,Shopify在创建订单时的运费和税费是多少?我认为我们可以使用Product API来获取库存水平,但运输和税收端点在哪里?

如果我正确理解订单API,我们需要告知Shopify创建新订单时的运费和税费.是对的吗?我们怎么可能知道这些数字?似乎应该有一个终点来计算运费和获得产品的税率,以便我们可以将这些数字传回订单API.我错过了什么吗?

我想也许我们应该创建一个financial_status: pending首先获得运费和税率的订单(它甚至会给你那些?),然后将订单更新为cancel_reason: customer或者cancel_reason: inventory如果这些费用太贵而且订单被拒绝了?但是我们当然需要知道客户可以使用哪些送货方式才能告诉Shopify使用哪一种,对吧?或者默认情况下在创建订单时选择最便宜的一个?

笔记:

  • 我们知道客户的送货地址
  • 我们不知道产品存放在哪里(我认为Shopify)
  • 我们不知道产品的重量或尺寸(我认为Shopify)

shipping shopify tax

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

两个给定时间之间的当前时间是?

我正在尝试计算当前时间是否在餐馆的营业时间内.

Stackoverflow上已经提出了很多这个问题,但是我没有找到一个可以解决我遇到的问题的问题.此外,很高兴看到更好的方法来做到这一点的想法.

目前,如果关闭一天(本例中为星期日)或者如果是"星期六"凌晨1点(因此技术上是凌晨1点),它就会中断.我有一种感觉,我必须在午夜之后改变存储数据的方式,但我正在尝试使用我现在拥有的东西.这是一个问题,因为大多数餐馆列出他们的开放时间为下午5点 - 凌晨2点,而不是下午5点 - 早上12点,早上12点 - 凌晨2点.

无论如何,这就是我所拥有的.请告诉我一个更好的方法.

我有时间像这样存储:

$times = array(
    'opening_hours_mon' => '9am - 8pm',
    'opening_hours_tue' => '9am - 2am',
    'opening_hours_wed' => '8:30am - 2am',
    'opening_hours_thu' => '5:30pm - 2am',
    'opening_hours_fri' => '8:30am - 11am',
    'opening_hours_sat' => '9am - 3pm, 5pm - 2am',
    'opening_hours_sun' => 'closed'
);
Run Code Online (Sandbox Code Playgroud)

这是我现在使用的代码:

// Get the right key for today
$status = 'open';
$now = (int) current_time( 'timestamp' );
$day = strtolower( date('D', $now) );
$string = 'opening_hours_'.$day;

$times …
Run Code Online (Sandbox Code Playgroud)

php time timestamp

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

HTML5视频比例模式?

我正在尝试制作全屏HTML背景,这很容易.但是因为HTML5视频调整大小以适应容器同时保持纵横比,我无法得到他想要的效果.

HTML5视频有不同的缩放模式吗?我想扩大到填充和裁剪.

这是Flash中所需的效果:http: //www.caviarcontent.com/

如果您调整窗口大小,您将看到它缩放和裁剪.你永远不会得到黑条.

谢谢您的帮助!

video html5 fullscreen scale

15
推荐指数
4
解决办法
7万
查看次数

WordPress - 上传时模糊图像

所以我按照这里给出示例(我修改为仅模糊,没有水印),在上传时在WordPress中制作模糊图像.问题是,如果上传的文件与设置的大小完全相同或更小,那么WordPress将不会生成图像,因此不会产生模糊的图像.

我尝试使用a isst($meta['sizes']['background-image-blurred']['file'])确定是否制作了一个,如果没有,那么copy()源文件,但是不会为图像生成WordPress"元数据"(对于非WordPress人,元数据与您的想法不同),所以显示使用时,它会给出高度/宽度未定义的问题wp_get_attachment_image.

所以我确信使用wp_get_attachment_image如下所示的钩子可能是错误的方法.它可能需要在图像上载过程中更早发生.

关于如何最好地实现这一目标的任何想法?

/**
 * Several functions relatting to blurring images on uploaded.
 * @see https://codeable.io/community/how-to-watermark-wordpress-images-with-imagemagick/
 */ 
    add_image_size( 'background-image-blurred', 1920, 1080, true );

    function generate_blurred_image( $meta ) {

      $time = substr( $meta['file'], 0, 7); // Extract the date in form "2015/04"
      $upload_dir = wp_upload_dir( $time ); // Get the "proper" upload dir

      $filename = $meta['sizes']['background-image-blurred']['file'];
      $meta['sizes']['background-image-blurred']['file'] = blur_image( $filename, $upload_dir );

      return $meta;

    }
    add_filter( 'wp_generate_attachment_metadata', 'generate_blurred_image' …
Run Code Online (Sandbox Code Playgroud)

php wordpress upload blur imagick

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

根据对象属性从数组中删除重复项?

我有一个对象数组.我想根据对象中的"name"值删除重复项.

  [0]=>
  object(stdClass)#337 (9) {
    ["term_id"]=>
    string(2) "23"
    ["name"]=>
    string(12) "Assasination"
    ["slug"]=>
    string(12) "assasination"
  }
  [1]=>
  object(stdClass)#44 (9) {
    ["term_id"]=>
    string(2) "14"
    ["name"]=>
    string(16) "Campaign Finance"
    ["slug"]=>
    string(16) "campaign-finance"
  }
  [2]=>
  object(stdClass)#298 (9) {
    ["term_id"]=>
    string(2) "15"
    ["name"]=>
    string(16) "Campaign Finance"
    ["slug"]=>
    string(49) "campaign-finance-good-government-political-reform"
  }
Run Code Online (Sandbox Code Playgroud)

因此,在这种情况下,如何从阵列中删除重复的"Campaign Finance"对象.整个[2]对象呢?

我在这里经历了一堆PHP重复数组问题,但似乎没有一个处理对象和过滤一个参数.

php object duplicate-removal multidimensional-array

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

Nuxt渲染函数,用于包含Vue组件的HTML字符串

我正在为Nuxt解决这个问题

WIP的Codesandbox无法使用:https://codesandbox.io/s/zw26v3940m

好的,所以我将WordPress作为CMS,它正在输出一堆HTML。HTML的示例如下所示:

'<h2>A heading tag</h2>
<site-banner image="{}" id="123">Slot text here</site-banner>
<p>some text</p>'
Run Code Online (Sandbox Code Playgroud)

请注意,它包含一个<site-banner>带有一些道具的Vue组件(该image道具是我为简洁起见遗漏的JSON对象)。该组件已在全球注册。

我有一个我们编写的组件,该组件<wp-content>在Vue中很好用,但在Nuxt中不起作用。注意这两个渲染函数,一个是Vue的,另一个是Nuxt的(显然,这是出于示例的原因,我不会同时使用这两个函数)。

export default {
    props: {
        html: {
            type: String,
            default: ""
        }
    },
    render(h, context) {
        // Worked great in Vue
        return h({ template: this.html })
    }      
    render(createElement, context) {
        // Kind of works in Nuxt, but doesn't render Vue components at all
        return createElement("div", { domProps: { innerHTML: this.html } })
    } 
}
Run Code Online (Sandbox Code Playgroud)

因此,最后一个渲染函数在Nuxt中可用,除了它实际上不会在中渲染Vue组件外this.html,它只是将它们作为HTML放置在页面上。 …

dom render vue.js nuxt.js

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

在WordPress中以编程方式创建管理员用户

这是一个问答:

最近我有一位客户来找我建立一个新的网站.他们也忘记了所有登录信息,但他们确实有FTP访问权限.

那么,如何通过代码创建管理员用户?

wordpress admin

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