2024年8月26日

Sass 中的 If/Else 语句

if 语句可以方便地检查变量是否存在或是否匹配某些内容: $var: true !default; // Can be overridden elsewhere @if $var == true { // Conditional code } $other: single; @if $other == single { // Code for if it’s single } @else if $other == double { // Double code } @else { // Default if it’s neither } 确保如果您的变量属性用’引号括起来存储,那么您的@if语句也会检查这一点。(例如$other ==‘single’)。 if语句对于检查变量的混合或在库中包含或排除代码很有用。…
2024年8月26日

添加 Logstash 过滤器以改进集中式日志记录(Logstash 转发器)

注意:本教程适用于使用 Logstash Forwarder 而非 Filebeat 的旧版 ELK 堆栈设置。本教程的最新版本可在添加 Logstash 过滤器以改进集中式日志记录中找到。 介绍 Logstash 是一款功能强大的日志集中和分析工具,它可以帮助您概览您的环境,并识别服务器的问题。提高 Logstash 设置效率的一种方法是收集重要的应用程序日志,并通过使用过滤器来构造日志数据,以便可以轻松分析和查询数据。我们将围绕“grok”模式构建过滤器,将日志中的数据解析为有用的信息。 本指南是如何在 Ubuntu 14.04 上安装 Elasticsearch 1.7、Logstash 1.5 和 Kibana 4.1(ELK Stack)教程的续集,主要侧重于为各种常见应用程序日志添加过滤器。 先决条件 要遵循本教程,您必须拥有一个正常运行的 Logsta…
2024年8月26日

10 个鲜为人知的 Linux 命令 - 第 3 部分

也就是“鲜为人知的 Linux 文章”系列的最后两篇文章的反响令我不知所措。 11 个鲜为人知的实用 Linux 命令 - 第一部分 10 个鲜为人知的 Linux 命令 - 第二部分 10 个鲜为人知的有效 Linux 命令 - 第四部分 10 个鲜为人知的实用 Linux 命令 - 第五部分 10 个鲜为人知的 Linux 命令 我们推出了本系列的第三篇文章,其中包括一些其他鲜为人知的、值得了解的 Linux 命令。也许您已经知道这些命令,毫无疑问您是一位经验丰富的 Linux 用户,并且热爱探索。 22. ^foo^bar 命令 在单个实例中运行最后一条命令并进行修改。假设我需要运行命令“ ls -l ”来列出目录(例如“ Desktop”)的内容。不小心,您输入了“ lls -l ”。因此现在您必须重新输入整个命令或使用导航键编辑上一个命令。当命令很长时,这很麻烦。 avi@localhost:…
2024年8月26日

Meteor 方法

在 Meteor 中,客户端使用方法调用服务器上的函数。这些方法类似于 RPC(远程过程调用),是一种通过让服务器验证发送的数据来保护应用程序的方法。方法的基本语法如下: Meteor.methods({ 'myMethod': function () { // do stuff } }); 以下是在客户端调用该方法的方法: Meteor.call("myMethod");…
2024年8月26日

Meteor 特殊目录

与 Rails 不同,Meteor 项目没有严格的文件结构,您可以自由地按照自己的意愿组织项目。不过,一些文件夹名称具有特殊含义,其中的文件将以不同的方式处理。 客户 此处的文件将仅在客户端上加载。该文件夹中的文件不需要 Meteor.isClient 之类的东西。 服务器 仅在服务器上加载,呵呵!当文件位于该文件夹中时,不需要 Meteor.isServer,客户端将看不到这些文件。 民众 此目录用于存放图片等资产。在您的项目中,您可以引用公共文件夹中的内容,就像它们位于根文件夹中一样。例如,如果您有一个文件:public/nude.jpg,那么在您的应用中,您可以使用 <img src=“nude.jpg”> 将其包含进去。 私人的 文件仅可通过 Assets API 在服务器端访问。 测试 其中的文件不会被加载到任何地方,仅用于测试您的…
2024年8月26日

Sass Mixin 语法

使用 Mixins 创建可重复使用的声明组。一个很好的用例是需要使用许多供应商前缀时。只需编写一次代码,即可在任何地方调用它: @mixin column-count($nb-columns) { -webkit-column-count: $nb-columns; -moz-column-count: $nb-columns; column-count: $nb-columns; } // Calling the mixin: .two-columns { @include column-count(2); } 结果 上述代码片段将产生以下 CSS: .two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }…
2024年8月26日

jQuery 中的文档准备就绪

jQuery 仅当 DOM 完全加载并准备就绪时才提供一种简单的方法来运行代码: $( document ).ready(function() { // do stuff }); 速记 您还可以使用以下简写: $(function() { // do stuff }); 等待整个页面 使用窗口而不是文档来等待整个页面准备就绪: $( window ).load(function() { // do stuff });…
2024年8月26日

立即调用函数表达式

使用立即调用函数表达式 (IIFE) 保护全局环境免受代码污染。IIFE 内的代码位于其自己的词法范围内: (function() { // your stuff here })(); 传递变量 您可以使用如下方式在 IIFE 范围内传递变量: (function($) { // $ == jQuery; })(jQuery);…
2024年8月26日

Sass 变量

使用 Sass 中的变量在整个代码中保存和重用值: $box-bgcolor: #FF8100; $box-border: 4px dashed yellow; .box { background-color: $box-bgcolor; border: $box-border; } 结果 上述代码片段将产生以下 CSS: .box { background-color: #FF8100; border: 4px dashed yellow; }…
2024年8月26日

如何将 Prometheus 仪表板添加到 Grafana

Grafana背后的公司raintank的 Matt Toback 撰写的一篇文章 介绍 Grafana 是领先的图形和仪表板构建器,用于可视化时间序列基础设施和应用程序指标,但许多人将其用于其他领域,包括工业传感器、家庭自动化、天气和过程控制。它提供了一种强大而优雅的方式来创建、探索和与您的团队和全世界共享仪表板和数据。 在本教程中,您将学习如何将 Prometheus 作为数据源添加到您的 Grafana 实例并安装预配置的 Prometheus 服务器统计信息仪表板。 先决条件 要遵循本教程,您需要: Ubuntu 14.04 Droplet 具有 sudo 访问权限的用户(有关详细信息,请参阅使用 Ubuntu 14.04 进行初始服务器设置教程) Prometheus 和 Grafana 2.5+ 按照如何在 Ubuntu 14.04 上使用 Docker 安装 Pro…