GVKun编程网logo

WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队(wordpress css教程)

1

在这里,我们将给大家分享关于WordPress在Functions.php中使用JavaScript对CSS文件进行排队的知识,让您更了解wordpresscss教程的本质,同时也会涉及到如何更有效地

在这里,我们将给大家分享关于WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队的知识,让您更了解wordpress css教程的本质,同时也会涉及到如何更有效地AWS Step Functions - 将数据批量发送到子/嵌套 Step Functions 状态机、Azure Functions :如何使用本地调试模式将日志写入 Azure Application Insights 和 Azure Functions 使用 Python?、Azure Functions:多个开发人员在同一个 Azure Functions APP 上构建函数、CSS 介绍、什么是 CSS、为什么我们使用 CSS 以及 CSS 如何描述 HTML 元素的内容。

本文目录一览:

WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队(wordpress css教程)

WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队(wordpress css教程)

如何解决WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队?

我正在尝试仅在移动设备上加载 CSS 文件。

我做了一些研究,发现最好的方法是使用 JS 所以这是我找到的代码:

$( document ).ready(function() {      
var isMobile = window.matchMedia("only screen and (max-width: 760px)");

if (isMobile.matches) {
    //Add your script that should run on mobile here
}
});

现在如何将下面的代码放入该代码中?

wp_enqueue_style( ''custom-css'',get_template_directory_uri() . ''/responsive.css''    );

还有我如何将它包含在 Functions.PHP 文件中。

我尝试了以下方法,但没有成功

?>
<script>
$( document ).ready(function() {      
var isMobile = window.matchMedia("only screen and (max-width: 760px)");

if (isMobile.matches) {

wp_enqueue_style( ''custom-css'',get_template_directory_uri() . ''/responsive.css''    );
    
}
});
</script>
<?PHP

解决方法

结合 PHP 和 JavaScript 是不可能的。 PHP 只在服务器上运行,而 JavaScript 只在客户端上运行(有一些例外)。

使用 wp_enqueue_style 函数的最后一个参数设置 media 函数创建的 <link> 标签上的 wp_enqueue_style 属性。 MDN 关于 media 属性的说明如下:

您还可以在媒体属性中提供媒体类型或查询;仅当媒体条件为真时才会加载此资源。

该属性指定链接资源适用的媒体。它的值必须是媒体类型/媒体查询。此属性主要在链接到外部样式表时很有用 - 它允许用户代理为其运行的设备选择最适合的样式表。

Source

这意味着您可以在 media 属性中进行媒体查询。如果该媒体查询匹配,则将加载样式表。

<?php
add_action( ''wp_enqueue_scripts'',''add_responsive_style'' );
function add_responsive_style() {
  wp_enqueue_style( 
    ''responsive'',// Handle.
    get_template_directory_uri() . ''/responsive.css'',// Path to file.
    [],// Dependencies.
    false,// Version number.
    ''screen and (max-width: 760px)'' // <-- Media.
  );
}
?>

这将输出:

<link href="yourtheme/responsive.css" rel="stylesheet" media="screen and (max-width: 760px)">

AWS Step Functions - 将数据批量发送到子/嵌套 Step Functions 状态机

AWS Step Functions - 将数据批量发送到子/嵌套 Step Functions 状态机

如何解决AWS Step Functions - 将数据批量发送到子/嵌套 Step Functions 状态机

我正在寻找一种方法,将数据从专利状态机批量发送到子状态机,一次 50 条记录。

我的意思是什么?

我有两个 AWS Step Functions 状态机。一个父级和一个子级状态机。父状态机的目的是从我们的 Jenkins 平台获取所有用户。它看起来像这样:

Comment: >-
  A state machine that coordinates the end-to-end process for Jenkins
StartAt: Get Jenkins Users
States:
  Get Jenkins Users:
    Type: Task
    Resource: "${JenkinsUsersFunctionArn}"
    TimeoutSeconds: 65
    HeartbeatSeconds: 30
    Retry:
      - ErrorEquals:
          - Lambda.ServiceException
          - Lambda.AWSLambdaException
          - Lambda.SdkClientException
          - States.Timeout
        IntervalSeconds: 2
        MaxAttempts: 3
        BackoffRate: 2
    Catch:
      - ErrorEquals:
          - States.ALL
        ResultPath: "$"
        Next: Process Error
    ResultPath: "$"
    Next: Filter Jenkins Users

这会输出一个对象数组,其中包含大约 1,500 个对象到 $.users 对象。

我想做的是将所有 1,500 个对象发送到子状态机的诗句,我想一次只发送 50 个。这意味着如果有 1,500 个对象,它总共会调用 30 个状态机。

我想出了这样的东西:

  Filter Jenkins Users:
    Type: Map
    InputPath: "$.users"
    MaxConcurrency: 50
    Iterator:
      StartAt: Filter
      States:
        Filter:
          Type: Task
          Resource: arn:aws:states:::states:startExecution
          Parameters:
            StateMachineArn:
            Input: 
              Users: "$"
              AWS_STEP_FUNCTIONS_STARTED_BY_EXECUTION_ID.$: "$$.Execution.Id"
          End: true
    ResultPath: "$.users"
    Next: Success State

但这会同时启动 50 个状态机,这不是我想要的。我想批量发送 50 个对象到子状态机。

我为什么要这样做?

如果我要在一个状态机中处理所有这些,我会遇到很多限制,我正在尝试将其拆分为多个步进函数状态机以确保我不会达到任何限制。

这可能吗?

解决方法

此处的限制基于您每个区域的整个 AWS 账户。因此,如果您拆分,您仍然会受到该限制。

无论如何,这就是我要做的。

  1. 相反,您的 lambda 在一个数组中返回 1500 个用户,让每个块将其分块为 50 个用户
  2. 使用并发为 1 的 Map 状态,输入的是分块数组(50 个)

"${JenkinsUsersFunctionArn}" 期望返回此

{
  "users": [
    [
      50 users...
    ],[
      50 users...
    ],...
    [
      15 users...
    ]
  ]
}

这是您的地图状态

  Filter Jenkins Users:
    Type: Map
    InputPath: "$.users"
    MaxConcurrency: 1
    Iterator:
      StartAt: Filter
      States:
        Filter:
          Type: Task
          Resource: arn:aws:states:::states:startExecution
          Parameters:
            StateMachineArn:
            Input: 
              Users: "$"
              AWS_STEP_FUNCTIONS_STARTED_BY_EXECUTION_ID.$: "$$.Execution.Id"
          End: true
    ResultPath: "$.users"
    Next: Success State

Azure Functions :如何使用本地调试模式将日志写入 Azure Application Insights 和 Azure Functions 使用 Python?

Azure Functions :如何使用本地调试模式将日志写入 Azure Application Insights 和 Azure Functions 使用 Python?

如何解决Azure Functions :如何使用本地调试模式将日志写入 Azure Application Insights 和 Azure Functions 使用 Python??

我想将日志写入 Azure Application Insights,但不知道如何实现。
我需要更新我的 azure 函数 local.settings.jsonhost.json 文件吗??
另外,我是否需要使用 init.py 文件中的调用特定函数将我的日志写入 Azure Application Insights?
你能分享一些写日志的例子吗? 请注意 - 我的 Azure 函数使用的是 python。
谢谢

解决方法

这是host.json:

{
    "version": "2.0","logging": {
        "applicationInsights": {
            "samplingSettings": {
                "isEnabled": true,"excludedTypes": "Request"
            }
        }
    }
}

这是官方设置:

https://docs.microsoft.com/en-us/azure/azure-functions/functions-host-json#applicationinsights

''applicationInsights.samplingSettings.isEnabled'' 是启用或禁用采样。

Azure Functions:多个开发人员在同一个 Azure Functions APP 上构建函数

Azure Functions:多个开发人员在同一个 Azure Functions APP 上构建函数

如何解决Azure Functions:多个开发人员在同一个 Azure Functions APP 上构建函数?

我们目前没有启用 Azure DevOps 或 GIT。我们正在使用 Azure Functions 插件通过 Visual Code 将 Functions 部署到 Azure。请注意,我们还有一些数据文件文件夹和其他共享代码文件夹。

试图确定两个开发人员可以在同一个 Function App 中处理两个不同功能的最佳方式,他们各自的部署不会相互替换对方的功能。我在 Visual Code 中没有看到只部署一个特定函数的方法,它部署了整个函数应用程序。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

CSS 介绍、什么是 CSS、为什么我们使用 CSS 以及 CSS 如何描述 HTML 元素

CSS 介绍、什么是 CSS、为什么我们使用 CSS 以及 CSS 如何描述 HTML 元素

CSS是什么?

CSS 代表层叠样式表
CSS 描述了 HTML 元素如何在屏幕、纸张或其他媒体上显示
CSS 节省了大量工作。它可以同时控制多个网页的布局
外部样式表存储在 CSS 文件中
为什么我们使用CSS?
CSS 用于定义网页的样式,包括设计、布局以及针对不同设备和屏幕尺寸的显示变化。

示例

身体{
  背景颜色:浅蓝色;
}

h1 {
  白颜色;
  文本对齐:居中;
}

p {
  字体系列:verdana;
  字体大小:20px;
}
登录后复制

CSS解决了一个大问题

HTML 从来没有打算包含用于格式化网页的标签!
HTML 的创建是为了描述网页的内容,例如:

这是一个标题


这是一个段落。

CSS 节省了大量工作!

样式定义通常保存在外部.css文件中。

CSS 语法

CSS 规则由选择器和声明块组成。
h1 {颜色:蓝色;字体大小:12px;}
选择器指向您想要设置样式的 HTML 元素。
声明块包含一个或多个以分号分隔的声明。
每个声明都包含一个 CSS 属性名称和一个值,以冒号分隔。

示例

p {
  红色;
  文本对齐:居中;
}
登录后复制

示例解释

p 是 CSS 中的选择器(它指向您想要设置样式的 HTML 元素:

)。
颜色是一个属性,红色是属性值
text-align 是一个属性,center 是属性值

CSS 选择器

CSS 选择器用于“查找”(或选择)您想要设置样式的 HTML 元素。
我们可以将 CSS 选择器分为五类:
简单选择器(根据名称、id、类选择元素)
组合选择器(根据元素之间的特定关系选择元素)
伪类选择器(根据某种状态选择元素)
伪元素选择器(选择元素的一部分并为其设置样式)
属性选择器(根据属性或属性值选择元素)

CSS 元素选择器

元素选择器根据元素名称选择 HTML 元素。

示例

p {
  文本对齐:居中;
  红色;
}
登录后复制

以上就是CSS 介绍、什么是 CSS、为什么我们使用 CSS 以及 CSS 如何描述 HTML 元素的详细内容,更多请关注php中文网其它相关文章!

关于WordPress 在 Functions.php 中使用 JavaScript 对 CSS 文件进行排队wordpress css教程的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于AWS Step Functions - 将数据批量发送到子/嵌套 Step Functions 状态机、Azure Functions :如何使用本地调试模式将日志写入 Azure Application Insights 和 Azure Functions 使用 Python?、Azure Functions:多个开发人员在同一个 Azure Functions APP 上构建函数、CSS 介绍、什么是 CSS、为什么我们使用 CSS 以及 CSS 如何描述 HTML 元素等相关内容,可以在本站寻找。

本文标签: