2024年8月26日

Linux 命令:如何操纵进程优先级

在 Linux 中管理进程是每个优秀的系统管理员都应该熟悉的基本概念。您对这些进程所做的大部分工作都是基本的重复性任务,例如启动和停止进程、搜索进程、终止进程等。 在一些不太常见的情况下,您可能需要根据系统资源分配重新排序您的进程。当这些情况出现时,我们中的许多人会使用我们最喜欢的搜索引擎来找出最有效的方法。现在搜索算法已经将您带到了启用 Sysadmin,让我们为您提供您正在寻找的答案。 我将详细说明如何确定优先级,然后向您展示如何操作下面的这些值。 进程优先级和相关性 Linux 系统运行的进程通常比计算机中的处理单元数量要多。因此,进程调度程序会在单个核心上的进程之间快速切换,从而造成我们正在同时运行多个进程的错觉。 实际上,每个进程都分配有一个进程调度策略。在此策略中,有一个 40 分制的量表用于衡量进程的优先级。优先级是描…
2024年8月26日

11 个你不可缺少的 Linux 命令行指南

我们选择的 11 篇文章涵盖了各种 Linux 命令行工具和实用程序。这些文章的范围从单个命令的详细介绍到每个初学者都应该知道的命令列表。它们涵盖了从网络到系统管理、开发、问题解决或日常操作中有用的工具等各种技术。 以下是关于每个主题的一些简短评论: 如何使用 Linux mtr 命令- mtr(My Traceroute)命令比旧命令有了很大的改进traceroute,也是我在解决网络问题时首先使用的工具之一。 Linux 初学者指南:10 条帮助您在终端上入门的命令- 使用 Linux CLI 的每个人都需要了解一些用于在目录结构中移动以及浏览文件和目录的基本命令。本文以简单的方式介绍了这些命令,并将它们置于我们这些命令行新手可用的上下文中。 Linux 初学者:另外 10 个用于操作文件的命令- 无论作为系统管理员还是普通用户,我们所有人所做的最常见…
2024年8月26日

快速 Ionic 2 CLI 参考

Ionic 2 CLI可以为我们做很多事情,让我们免于编写大量样板代码。例如,它可以生成页面和服务,运行、模拟或构建您的项目以及生成应用资源。但有时我们似乎就是记不住我们需要的命令。这个快速参考应该可以帮助我们找到一些最有用的命令。 安装 CLI 如果您尚未安装 Ionic CLI,请使用 npm 安装它: $ npm install -g ionic 或者使用 Yarn: $ yarn global add ionic 检查您的安装 使用信息获取有关 Ionic 环境和版本的信息: $ ionic info 开始新项目 使用空白模板启动一个新的 Ionic 2 项目: $ ionic start MyProject blank --v2 可用的模板有标签,侧边菜单和空白的。如果没有提供模板,项目将默认使用tabs模板。 添加平台 像这样向您的项目添加目标平台: $ ionic platform ad…
2024年8月26日

延迟加载脚本

该网站搜索功能所需的脚本仅在搜索栏处于焦点时加载。这样,它们只会为决定使用搜索功能的用户加载,带宽和页面重量可以大大减少。毕竟,只有一小部分访问者会使用搜索功能,那么为什么要每次都花费这么多钱呢? 为了实现这个简单的延迟加载技术,我们首先定义一个我们将调用的函数loadScript: function loadScript(url) { let isLoaded = document.querySelectorAll('.search-script'); if(isLoaded.length > 0) { return; } let myScript = document.createElement("script"); myScript.src = url; myScript.className = 'search-script'; document.…
2024年8月26日

在 Ionic 2+ 中使用存储

Ionic 的 LocalStorage 在 Ionic 2+ 中现在被简称为 Storage,Storage 在后台决定存储数据的最佳方法。例如,在手机上,SQLite 是首选的存储方法。在浏览器中,渐进式 Web 应用使用 IndexedDB、WebSQL 或 localstorage。 存储是保存数据或 Json 对象的键/值对的最简单方法。以下是如何在 Ionic 2+ 应用中使用它。 安装 首先,使用以下命令安装 SQLite Cordova 插件: $ cordova plugin add cordova-sqlite-storage --save 然后安装存储。如果你使用的 Ionic 2 版本高于 RC0,则可以跳过此步骤,因为存储现在已自动包含在内: $ npm install --save @ionic/storage 导入 + 注入 将其导入到适当的模块中,例如应用程序根模块:…
2024年8月26日

如何使用 Ansible 管理多阶段环境

介绍 Ansible 是一个功能强大的配置管理系统,用于设置和管理各种环境中的基础设施和应用程序。虽然 Ansible 提供了易于阅读的语法、灵活的工作流程和强大的工具,但当部署环境和功能各不相同时,管理大量主机可能具有挑战性。 在本指南中,我们将讨论使用 Ansible 处理多阶段部署环境的一些策略。通常,不同阶段的要求会导致组件的数量和配置不同。例如,开发服务器的内存要求可能与暂存和生产服务器的内存要求不同,因此明确控制如何对代表这些要求的变量进行优先级排序非常重要。在本文中,我们将讨论一些可以抽象这些差异的方法以及 Ansible 提供的一些结构以鼓励配置重用。 使用 Ansible 管理多阶段环境的不完整策略 虽然 Ansible 中有许多管理环境的方法,但 Ansible 本身并不提供固定的解决方案。相反,它提供了许多可用于管理环境的…
2024年8月26日

使用 Jekyll 有条件地加载脚本或样式表

为了将页面重量降至最低,Jekyll 的封面有几个技巧可以派上用场。 只有特定的 ? 页面才需要调用特定脚本或应用特定样式。前页允许创建自定义变量,因此可以非常轻松地仅在需要时包含脚本或样式表。 例如,以下是一篇客座文章的前言,其中有趣的部分被突出显示: --- layout: page-fullwidth title: "Sass @each Loops" categories: - sass image: thumb: sass/sass-each-loops.png meta_description: "Loop through maps and lists in Sass. Here's a quick snippet that shows you how." guest: true --- 以下是它如何有条件地包含在页脚包含文件中: _includes/footer_scrip…
2024年8月26日

Shards Vue 入门

Shards Vue 是一款美观而现代的 Vue.js UI 工具包,包含数十个自定义的预构建组件,您可以使用它们来启动您的下一个应用程序。 该库是从头开始构建的,目标是占用空间非常小并提供易于使用且功能强大组件。 该库基于核心Shards UI 套件和Bootstrap 4,因此如果您已经熟悉 Bootstrap 4,那么在使用 Shards Vue 时您会感到非常轻松自如。 开始使用 Shards Vue 非常简单。 1.安装 首先,确保通过 npm 或 Yarn 安装库,具体取决于项目的设置方式: $ yarn add shards-vue # Install via Yarn $ npm install shards-vue # Or install via NPM 2. 注册 下一步是包含基本 Shards 和 Bootstrap 样式表,并在应用的入口点内注册该库。只需几行代码即可实现此目的: i…
2024年8月26日

使用 vue-cli 3、webpack 和 Vue Router 实现延迟加载组件

SPA(单页应用程序)通常由数十甚至数百个组件组成,这些组件可以分成几个 JavaScript 包文件。本文的目的是展示一种进行这种划分的方法,以及如何异步加载每个文件,只有当从路由更改请求组件时才加载。这种异步行为称为延迟加载,可以减小初始包的大小。 项目创建 我们来新建一个项目,按照以下命令使用vue-cli 3来创建: $ vue create my-app ... Vue CLI v3.0.0-beta.9 ? Please pick a preset: Manually select features ? Check the features needed for your project: ( ) TypeScript ( ) Progressive Web App (PWA) Support (*) Router ( ) Vuex ( ) CSS Pre-processors >(*) L…
2024年8月26日

使用 vuex-pathify 驯服 Vuex 野兽

就 Flux 架构实现而言,Vue.js 的 Vuex 是最简单但最优雅的实现之一。但是,它仍然可以做得更好。试图记住为商店中的每个属性编写 getter 和突变似乎有点不必要的认知开销。为什么我们需要手动映射 getter、突变和操作?Dave Stewart的commit“和dispatchagain”之间有什么区别?试图通过为 Vuex 功能提供简单的包装器并依靠惯例来减少样板来减少所有这些脑力开销。vuex-pathify 本文假设您有一个已设置 Vuex 的 Vue.js 项目,并且您了解其工作原理的基本知识。如果没有,请查看我们的Vuex 指南。 安装 vuex-pathify 首先,继续安装 pathify 并在基本 Vuex 存储配置中将其作为插件启用。 $ npm install --save vuex-pathify 然后在您的商店中启用该插件。 ma…