Lruihao - 作者 | 菠菜眾長

一个轻量化 Tooltip 组件。

1024@lruihao.cn (Lruihao) — Fri, 06 Mar 2026 06:58:23 +0000

一个基于 TypeScript + Vite 的轻量化 Tooltip 组件，交互模型参考 Bootstrap tooltip.js，保留常用能力并尽量减少体积与依赖。

特性

支持触发方式：hover / focus / click / manual
支持位置：top / bottom / left / right / auto
支持延迟配置（show / hide）
支持 data-ct-* 属性初始化
支持实例方法：show / hide / toggle / update / dispose
支持动画：scale / fade / shift-away / none
支持交互式 tooltip（interactive）
支持自动清理（autoDispose）
支持事件回调（onShow / onHide）
支持 Escape 键关闭和点击外部关闭
支持 CSS 自定义属性（--tooltip-duration）
内置箭头与基础样式，无第三方依赖

本地运行

pnpm install
pnpm dev

构建库产物：

Command line tool for generating a changelog from git tags and commit history

1024@lruihao.cn (Lruihao) — Sat, 30 Aug 2025 15:40:19 +0000

auto-changelog-plus

中文 | English

从 git 提交历史自动生成 changelog 的命令行工具。

基于 auto-changelog 和约定式提交规范。

📦 安装

npm install -g auto-changelog-plus

🚀 用法

在 git 仓库根目录运行 auto-changelog-plus 或者 acp。工具会在后台运行 git log 来解析提交历史。

让 Mermaid 图表自动跟随系统深浅色

1024@lruihao.cn (Lruihao) — Sat, 16 Aug 2025 12:37:49 +0800

Mermaid 是目前最流行的「文本即图表」渲染库，但它对「系统深浅色自动切换」的支持一直暧昧不明。官方 Roadmap 里偶有提及，却始终没有一个简单、稳定、文档化的 API。
不过社区里已有大量站点（mermaid.live、Obsidian、Notion-like 产品等）实现了丝滑的 Light/Dark 自适应。本文把目前能落地的三条路线一次性梳理出来，并给出最小可运行示例，方便你按需取用。

黑盒出关・三把钥匙定江湖

1024@lruihao.cn (Lruihao) — Tue, 05 Aug 2025 11:31:52 +0800

江湖传言，西土浏览器界有隐世高人，名曰“原生老祖”。老祖膝下三徒，各执一柄钥匙，开得了黑盒，锁得住乾坤。今日大话，诸位英雄且把耳洞放大，听我一一道来！

Code Playground

1024@lruihao.cn (Lruihao) — Mon, 04 Aug 2025 11:37:24 +0800

以下是常见的在线代码演示和开发环境服务，适合不同场景使用：

A custom web component that embeds caniuse.com browser compatibility data for a specific feature.

1024@lruihao.cn (Lruihao) — Tue, 22 Jul 2025 03:40:45 +0000

`<caniuse-embed>` Element

English | 简体中文

A lightweight, customizable web component that embeds caniuse.com browser compatibility data for specific web features. Built with Lit and designed to seamlessly integrate into any web project.

A custom element for viewing and interacting with JSON data.

1024@lruihao.cn (Lruihao) — Sat, 19 Jul 2025 07:05:07 +0000

<json-viewer> Element

简体中文 | English

🌈 一个轻量、现代的 JSON 可视化与交互 Web 组件

功能特性

🌟 Web 组件：原生，无框架依赖
🎨 主题：支持明暗模式
📦 盒装：可选边框与内边距
📋 可复制：一键复制 JSON
🔑 排序：支持键排序
🔍 展开深度：可控初始展开层级
🧩 自定义复制按钮：slot 插槽支持
🧬 类型高亮：多种类型高亮
🛠️ 自定义事件：支持 copy/toggle 事件监听

使用方法

安装

npm install json-viewer-element

引入

作为模块

import 'json-viewer-element'

UMD (CDN)

<script src="https://unpkg.com/json-viewer-element/dist/json-viewer-element.umd.js"></script>

基本用法

手动绑定 value：

CSS @layer：构建更高效、更可维护的样式层级

1024@lruihao.cn (Lruihao) — Wed, 18 Jun 2025 10:35:47 +0800

在现代前端开发中，CSS 的样式管理一直是一个令人头疼的问题。随着项目的不断扩展，样式规则的冲突、覆盖以及维护成本的增加，都给开发者带来了巨大的挑战。幸运的是，CSS 的 @layer 规则为我们提供了一种全新的解决方案，帮助我们更好地管理样式层级，提升代码的可维护性和可读性。本文将深入探讨 @layer 的背景、作用以及语法，带你一探究竟。

Vue.js History 模式下的 NGINX 配置与 API 代理

1024@lruihao.cn (Lruihao) — Wed, 11 Jun 2025 10:05:36 +0800

在使用 Vue.js 开发前端应用时，开启 history 模式可以让你的路由更加友好。然而，在部署应用时，需要正确配置 NGINX，以支持前端路由和 API 请求。本文将详细介绍如何配置 NGINX，使其能够处理 Vue 应用的 history 模式，并设置 API 代理。

The webfont package for the MMT typeface.

1024@lruihao.cn (Lruihao) — Thu, 10 Apr 2025 08:35:34 +0000

MMT webfont package

The webfont package for the MMT typeface.

Demo

MMT typeface online demo

API proxies powered by Vercel.

1024@lruihao.cn (Lruihao) — Wed, 09 Apr 2025 02:13:22 +0000

Vercel API Proxy

API proxies powered by Vercel.

[toc]

Hosts

API List

Go to the Vercel API Proxy and select the API you want to use.

CSS Flexbox 布局指南

1024@lruihao.cn (Lruihao) — Mon, 20 Jan 2025 15:56:38 +0800

本指南完整解释了弹性盒子（Flexible Box）的所有内容，重点介绍了父元素（弹性容器）和子元素（弹性项目）的所有不同可能属性。

震惊！CSS 竟然能获取视口尺寸？

1024@lruihao.cn (Lruihao) — Fri, 06 Dec 2024 10:32:22 +0800

在这篇文章中，我们将探讨如何使用 CSS 获取视口尺寸，并展示一个简单的实现示例。

搜索

1024@lruihao.cn (Lruihao) — Wed, 27 Nov 2024 17:50:35 +0800

搜索

Amazon 如何让服务器享受着持续集群安全？

1024@lruihao.cn (Lruihao) — Fri, 22 Nov 2024 14:01:18 +0800

在这个网络信息化时代，你真的注重安全性吗？

常常担心服务器遭受黑客攻击，服务器集群防御措施难以统一化管理？

难以确定修复的优先级？不知道该先修复哪个漏洞？

你是否也有过诸如此类的困扰？不要慌，同学们，在亚马逊云科技中，有一个契合的服务工具能帮助到你，它就是 Amazon Inspector。

自动获取 GitHub README 内容添加到 Hugo 文章

1024@lruihao.cn (Lruihao) — Sun, 06 Oct 2024 11:10:22 +0800

在这个博客中，我经常会写一些关于开源项目的文章，而这些开源项目通常都是托管在 GitHub 上的。为了方便内容同步，我希望能够自动获取 GitHub 仓库的 README 内容，然后添加到 Hugo 文章中。这样，我就不用再手动复制粘贴 README 内容了。

不使用任何框架，只使用原生 HTML、CSS 和 JavaScript 的一些小 demo。

1024@lruihao.cn (Lruihao) — Fri, 13 Sep 2024 02:36:29 +0000

HTML demos

不使用任何框架，只使用原生 HTML、CSS 和 JavaScript 的一些小 demo。

文件预览

直接浏览器打开 src 目录下的 HTML 文件。

赞赏记录

1024@lruihao.cn (Lruihao) — Fri, 16 Aug 2024 17:38:43 +0800

如果我或者我的开源帮助到了你，请考虑给我买杯咖啡，谢谢！
打赏时可以给我留言，以便于我记录一下，FixIt 相关的记录，不再重复记录在本页，传送门。

给博主买杯卡布奇诺～

赞赏

支付宝

微信

本页面记录了自「菠菜眾長」博客创建以来，所有的打赏记录。感谢大家的支持！❤️

总计 CN¥403.32

单笔最大 🏆 王二愣子的 CN¥66.00

francs CN¥67.60
王二愣子 CN¥66.00
K*n CN¥50.00

Z 通过微信打赏了 CN¥20.00
备注：感谢作者的答疑解惑😋

2024-11-16 18:27:58

王二愣子通过微信打赏了 CN¥66.00
备注：感谢大佬的答疑解惑！

2024-11-06 11:22:04

deequoique 通过微信打赏了 CN¥10.00
备注：FixIt👍请佬喝杯蜜雪

2024-09-10 18:51:27

SuLis 通过微信打赏了 CN¥10.00
备注：感谢作者对 FixIt 的付出！

2024-08-03 19:25:50

WindSun 通过微信打赏了 CN¥20.00
备注：歪瑞古德

2024-07-16 00:09:47

贺雄彪通过微信打赏了 CN¥5.21
备注：感谢李瑞豪同学🧑‍🎓

2024-04-03 17:10:15

杨潇通过微信打赏了 CN¥5.20
备注：辛苦了，宝贝

2024-04-03 17:02:03

淮屿通过赞赏码打赏了 CN¥10.00
备注：非常棒的主题👍

2024-02-05 15:42:42

匿名通过赞赏码打赏了 CN¥15.00

2024-01-13 21:39:37

丰果通过 FixIt 主题交流群 QQ 红包打赏了 CN¥15.00
备注：请喝杯咖啡

2023-11-03 22:35:07

🐟 通过微信打赏了 CN¥1.00
备注：感谢 FixIt 作者

2023-05-24 15:49:46

建议去世通过微信打赏了 CN¥20.00
备注：主题不错

2023-04-17 10:35:26

乐语通过微信打赏了 CN¥5.00
备注：很好用的主题，谢谢作者💪

2023-04-03 17:49:12

D*n 通过微信打赏了 CN¥11.11
备注：加油

2023-03-17 14:57:41

K*n 通过微信打赏了 CN¥50.00

2023-03-17 14:05:49

✘✘波通过支付宝打赏了 CN¥20.00
备注：感谢帮忙解决 FixIt 的问题

2023-02-13 10:01:58

✘✘松通过支付宝打赏了 CN¥2.00

2022-12-02 13:01:48

✘喜洲通过 QQ 打赏了 CN¥20.20
备注：来自 101****073

2020-01-17

✘昌升通过微信打赏了 CN¥2.00
备注：来自 231****047#qq.com

2019-03-19

✘昌升通过支付宝打赏了 CN¥10.00
备注：上课的时候听到了支付宝清脆的支付宝到账 10 元的声音！

2018-12-04

✘昌升通过支付宝打赏了 CN¥18.00

2018-12-04

francs 通过 QQ 打赏了 CN¥8.80

2018-11

francs 通过 QQ 打赏了 CN¥8.80
备注：今天学校运动会没课，睡到 9 点多起来看到 QQ 收到一个红包，感谢支持！

2018-10-26

francs 通过支付宝打赏了 CN¥50.00
备注：大学生时期，第一次收到别人的支持，内心表示受宠若惊又非常开心。非常感谢老哥的支持！

2018-09-28

现代 CSS 解决方案：CSS 四舍五入数值单位

1024@lruihao.cn (Lruihao) — Mon, 29 Jul 2024 20:32:39 +0800

本文将介绍另外一个非常实用的 CSS 数学函数 - round() 及其实际应用场景。

Git 统计代码量

1024@lruihao.cn (Lruihao) — Wed, 17 Jul 2024 16:06:08 +0800

使用 Git 命令统计在某段时间内项目中的代码量。

现代 CSS 解决方案之异形元素怎么设置阴影？

1024@lruihao.cn (Lruihao) — Mon, 15 Jul 2024 10:40:12 +0800

今天记录一个 CSS 小知识点，如何给异形元素设置阴影。

CSS 实现时间轴、背景图 loading 和渐变边框

1024@lruihao.cn (Lruihao) — Sun, 14 Jul 2024 13:03:31 +0800

本文将通过一个实际应用场景，展示如何使用现代 CSS 实现时间轴、背景图 loading 效果、渐变边框等效果。

探索 Amazon S3 的无限存储潜力

1024@lruihao.cn (Lruihao) — Sun, 07 Jul 2024 13:54:14 +0800

在数字化时代，数据是企业最宝贵的资产之一。如何安全、高效地存储和访问这些数据，成为了许多企业面临的挑战。亚马逊云服务作为全球领先的云服务提供商，提供了一系列的解决方案来满足不同客户的需求。今天，我们将重点介绍亚马逊云科技的 Amazon S3（Simple Storage Service），一种简单、可扩展且持久的对象存储服务。

标准滚动条控制规范

1024@lruihao.cn (Lruihao) — Fri, 28 Jun 2024 22:29:03 +0800

使用 scrollbar-width 和 scrollbar-color 属性设置滚动条的样式。

如何实现 VSCode 编辑器窗口边界拖拽类似功能

1024@lruihao.cn (Lruihao) — Thu, 13 Jun 2024 21:03:12 +0800

边界拖拽调整窗口大小功能是一个很常见的功能，比如浏览器、编辑器等很多场景都有应用，这种功能不仅提高了用户体验，也增强了应用的灵活性。

架构之基：从根儿上了解设计原则

1024@lruihao.cn (Lruihao) — Sun, 09 Jun 2024 02:24:31 +0800

设计模式不是必须的，但是如果你的代码是“非一次性的”，那么它就是必须的。

怎么生成暗黑模式和明亮模式的 SVG 图片？

1024@lruihao.cn (Lruihao) — Thu, 06 Jun 2024 22:13:26 +0800

在做博客顶部栏下落奶油图的时候，就在想怎么适配暗黑模式和明亮模式呢？本文将记录两个思路。

利用 Vercel 反代 Gravatar 实现镜像加速

1024@lruihao.cn (Lruihao) — Wed, 17 Apr 2024 12:51:35 +0800

在开发和部署网站时，经常会遇到加载外部资源较慢的问题。其中之一就是加载 Gravatar 头像图片时可能会受到网络延迟的影响。为了解决这个问题，我们可以利用 Vercel 平台的反向代理功能来实现镜像加速。

Gravatar Proxy powered by Vercel.

1024@lruihao.cn (Lruihao) — Wed, 17 Apr 2024 01:37:06 +0000

Vercel Gravatar

注意

Superseded by Lruihao/vercel-proxy.

Gravatar Proxy powered by Vercel.

Go to test Gravatar:

临时决定再写一个小工具 - 网站预览图生成器

1024@lruihao.cn (Lruihao) — Thu, 04 Apr 2024 13:23:37 +0800

开发完 CoverView之后，在调整博客文章封面图的时候，我发现首页的多端缩略图还是只能自己 P 图诶，于是我又决定再写一个小工具，用来生成网站预览图。。

用五天时间给自己制作一个封面图生成工具

1024@lruihao.cn (Lruihao) — Tue, 02 Apr 2024 18:05:34 +0800

Cool!

苦封面图久矣，今日终有所成。

🛠 Create awesome cover images for your blog posts quickly.

1024@lruihao.cn (Lruihao) — Thu, 28 Mar 2024 06:14:16 +0000

CoverView

👉 简体中文说明 | English README

该项目基于原始的 CoverView。

现在为你的博客创建封面图片变得非常简单。

💥 变更通知

自 2024 年 03 月 28 日起，已将原始的 CoverView 复刻到我的存储库，并进行了以下更改和增强：

写文档时英文标题什么时候要大写？

1024@lruihao.cn (Lruihao) — Tue, 26 Mar 2024 12:23:44 +0800

对于本文的标题的思考来自于 Hugo 配置文档中的一个配置 titleCaseStyle，默认情况下，Hugo 在创建自动章节标题以及使用 strings.Title 函数转换字符串时遵循美联社样本中发布的大小写规则。

但是这似乎和我高中所学的英文标题大小写规则有所出入，我记得我的高中英语老师教的是虚词不需要大写的，而不是美联社风格的每个单词都首字母大写。

经过一番查阅，以下部分内容引用北京师范大学 - 出版科学研究院的一篇文章，“出版物中，英文什么时候要大写？ ”。

实现类似于 Element UI 表格的溢出文本提示功能

1024@lruihao.cn (Lruihao) — Thu, 29 Feb 2024 16:46:00 +0800

在 Element UI 的表格组件中，当表格列的内容过长时，设置 show-overflow-tooltip 会自动显示一个 tooltip 来展示完整的内容。这个功能在实际项目中也是非常常见的，那么我们该如何实现这个功能呢？

聊聊 Chrome 新增的 sizes="auto" 属性

1024@lruihao.cn (Lruihao) — Wed, 21 Feb 2024 10:00:13 +0800

聊聊 Chrome 新增的 sizes=“auto” 属性。

2023 年度总结

1024@lruihao.cn (Lruihao) — Fri, 09 Feb 2024 14:07:24 +0800

与其说是年度总结，不如说是一年中难得的一次和自己对话的机会。

强大的脑图可视化工具

1024@lruihao.cn (Lruihao) — Sun, 21 Jan 2024 06:24:42 +0000

KityMinder Core

注意

由于原项目 KityMinder Core 年久失修，存在一些 bug，所以 fork 了一份，进行了一些修复，并重新发布了 npm 包 @cell-x/kityminder-core。

简介

KityMinder 是一款强大的脑图可视化/编辑工具，由百度 FEX 团队开发并维护。

记一次 Debug 第三方包的过程

1024@lruihao.cn (Lruihao) — Wed, 17 Jan 2024 14:57:48 +0800

在完成一个 code diff 需求时，发现所使用的插件不足以完成预期的需求。当然最终还是顺利完成了，详见 code diff demo。

为什么很多教程中都有 foo bar？

1024@lruihao.cn (Lruihao) — Wed, 17 Jan 2024 09:58:58 +0800

foo 和 bar 是在编程中常用的元变量（metasyntactic variables），它们是在教程和示例代码中用来代表任意的函数或者变量的名称。类似的元变量还有 baz，qux，quux，corge，grault，garply，waldo，fred，plugh，xyzzy 和 thud 等。

git submodule: already exists in the index

1024@lruihao.cn (Lruihao) — Thu, 11 Jan 2024 10:30:04 +0800

Git 报错 “git submodule: already exists in the index” 的解决方法。

给 el-card 添加折叠功能

1024@lruihao.cn (Lruihao) — Wed, 10 Jan 2024 17:06:54 +0800

出发点

虽然 Element 也有 el-collapse 组件，但是当我只想写一个折叠面板时，它的写法就略显繁琐了，el-card 组件的样式也更符合我的需求，所以我就想着给 el-card 添加折叠功能。

尝试在 Python 中使用 Amazon Titan 文本模型

1024@lruihao.cn (Lruihao) — Fri, 22 Dec 2023 19:58:47 +0800

本文将通过 Python 代码探索 Amazon Titan 文本模型系列（包括 Express、Lite 和 Embedding）。

用 Node.js 开发一个轻量脚手架

1024@lruihao.cn (Lruihao) — Tue, 28 Nov 2023 10:48:07 +0800

本文将介绍如何用 Node.js 开发一个轻量脚手架，以 fixit-cli 为例。

探索 AWS 云上一站式解决方案免费使用

1024@lruihao.cn (Lruihao) — Sat, 18 Nov 2023 12:52:37 +0800

在如今云计算蓬勃发展的时代，创新成长型企业正积极寻求一站式的云上解决方案，以提高效率、降低成本并实现快速发展。AWS（亚马逊云科技）作为全球领先的云服务提供商，为创新成长型企业提供一站式云上解决方案，助力创新成长型企业在不同发展阶段实现低成本上云，实现快速发展。本文将探索一下 AWS 云上一站式解决方案的免费使用。

SSH 提交签名验证

1024@lruihao.cn (Lruihao) — Sun, 22 Oct 2023 18:59:31 +0800

Git 支持使用 GPG 来签名提交记录。但 GPG 用起来很复杂，一直赖得搞。Git 从 2.34 开始支持使用 SSH 签名，所以本文将介绍如何使用 SSH 对提交进行签名。

如何给 npm 包打补丁？

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 22:37:56 +0800

本文将介绍如何给 npm 包打补丁。

拖拽式仪表盘系列总结

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 21:25:18 +0800

当今，仪表盘已成为许多应用程序和软件界面中常见的设计元素。它们提供了一种直观且用户友好的方式来呈现和操作数据。无论是在数据分析、业务管理还是可视化报告等领域，拖拽式仪表盘都能为用户提供灵活性和个性化的体验。

特点和功能

拖拽式仪表盘的主要特点是使用拖拽和放置操作来构建和定制用户界面。具体功能包括：

拖拽式仪表盘 - 组件开发

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 20:07:56 +0800

本文介绍将如何开发一个仪表盘组件，以及组件开发的灵感来源。

拖拽式仪表盘 - 模板使用

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 20:07:20 +0800

本文将通过一个简单的例子，介绍如何使用仪表盘模板。

拖拽式仪表盘 - 组件配置文档

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 19:41:23 +0800

本文将对 Dashboard 组件的使用方法进行介绍。

拖拽式仪表盘 - 布局模板文档

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 19:27:49 +0800

Dashboard 组件是一个公共模板组件，用于快速创建 Dashboard 页面，本文将对 Dashboard 组件的使用方法进行介绍。

拖拽式仪表盘 - 功能需求分析

1024@lruihao.cn (Lruihao) — Thu, 12 Oct 2023 15:37:30 +0800

本文将对拖拽式仪表盘的功能需求进行分析，了解需要考虑的关键要素，以便于后续的设计和开发。

给你的 Markdown 挑挑刺

1024@lruihao.cn (Lruihao) — Wed, 11 Oct 2023 14:26:48 +0800

会写 Markdown 的人很多，但写得好 Markdown 的人却很少。有没有什么工具能充当「秘书」，检查文件中的 Markdown 语法和风格，并且提出解决方案、自动修复问题，甚至自动补齐中英文之间的「盘古之白」呢？本文介绍的 Markdown 语法检查器就能做到。

认知复杂度（Cognitive Complexity）

1024@lruihao.cn (Lruihao) — Sun, 08 Oct 2023 09:52:44 +0800

摘要

循环复杂度（Cyclomatic Complexity）最初被制定为衡量模块控制流的“可测试性和可维护性”的一种度量标准。虽然它在衡量前者方面表现出色，但其底层的数学模型在产生衡量后者的值方面不尽如人意。本文介绍了一种新的度量标准，它摒弃了使用数学模型评估代码的做法，以弥补循环复杂度的不足之处，并产生更准确地反映方法、类和应用程序的相对难度的度量标准。

术语说明

虽然认知复杂度（Cognitive Complexity）是一种语言中立的度量标准，同样适用于文件和类，以及方法、过程、函数等等，但为了方便起见，本文中使用面向对象的术语“类”和“方法”。

写作技巧：如何搭建文章的框架结构？

1024@lruihao.cn (Lruihao) — Tue, 26 Sep 2023 15:17:52 +0800

最近读了张鑫旭大佬的掘金小册《技术写作指南》，学到了很多写作技巧，其中感触最深的就是“技巧：如何搭建文章的框架结构”这一小节，这篇文章就来分享一下。

如何让 Element UI 表头、表尾、横向滚动条吸顶吸底固定？

1024@lruihao.cn (Lruihao) — Mon, 25 Sep 2023 17:49:58 +0800

本文将介绍如何通过自定义指令的方式实现 Element UI 表格的表头吸顶、表尾吸底、滚动条吸底以及高度自适应功能。

封装 Vue FullScreenToggler 组件

1024@lruihao.cn (Lruihao) — Sun, 17 Sep 2023 19:44:07 +0800

基于 vue-fullscreen 封装一个的 Vue 全屏/退出全屏切换组件。

JS 实现全屏和退出全屏

1024@lruihao.cn (Lruihao) — Fri, 15 Sep 2023 17:29:25 +0800

背景

在 Web 开发中，全屏模式可以提供更沉浸式的体验，特别适用于视频播放、游戏展示和演示等场景。通过 JavaScript 的 Fullscreen API，我们可以以编程方式控制元素的全屏状态。

中文翻译的常见问题

1024@lruihao.cn (Lruihao) — Fri, 15 Sep 2023 11:07:56 +0800

以下内容截取自针对 MDN 文档的本地化指南的中文翻译的常见问题小节。

其中翻译的规范也是中文写作的规范，更多详见之前写的中文技术文档的写作规范。

为保证简体中文文档格式的一致性，翻译指南列出了部分规范。

在 Vue 项目中更优雅地使用 icon

1024@lruihao.cn (Lruihao) — Thu, 14 Sep 2023 11:24:48 +0800

前言

在 Web 开发中，我们经常会用到 icon，icon 的使用经历了从图片到字体，再到 svg 的演变过程，也产生出相应的 icon 库，如雪碧图、Font Awesome、Iconfont 等等。

随着前端的发展，icon 使用方案落在了 svg 上，svg 有着矢量图的优势，可以无限放大而不失真，而且 svg 本身就是一种 XML 文件，可以直接在 HTML 中使用，也可以通过 CSS 进行样式控制，但是在 Vue 项目中使用 svg 时，我们会遇到一些问题，本文将介绍如何在 Vue 项目中更优雅的使用 svg icon。

VSCode 添加用户代码片段，自定义用户代码片段

1024@lruihao.cn (Lruihao) — Thu, 14 Sep 2023 11:21:56 +0800

在使用 VScode 开发中经常会有一些重复使用的代码块，复制粘贴也很麻烦，这时可以在 VScode 中添加用户代码片段，输入简写即可快捷输入。

CSS 如何实现网格背景效果？

1024@lruihao.cn (Lruihao) — Sat, 02 Sep 2023 10:05:44 +0800

本文将介绍如何使用 linear-gradient 、background-size 等属性来实现网格背景效果。

前言

最近在开发一个拖拽式仪表盘时，需要在拖拽组件时添加网格辅助标线来帮助布局和对齐元素。

将 Hugo 博客部署到亚马逊云服务器

1024@lruihao.cn (Lruihao) — Sat, 26 Aug 2023 17:22:57 +0800

本文将介绍如何将 Hugo 博客打包并部署到亚马逊云服务器上，并附上亚马逊云服务器的配置过程。

前言

最近很长一段时间都是使用 Hugo 在写博客，也花了很多精力在 hugo-fixit 这个主题的开发上。也听到很多使用 Hugo 写博客的网友们问我，如何部署博客？部署到哪里？

今天就介绍一种方式：把博客部署到云服务器上。

但是国内的云服务器太贵了，而且还要备案，所以就想到了海外的云服务器，比如亚马逊云服务器，以下便是注册到部署的全过程。

Vue2 and element-ui related demos

1024@lruihao.cn (Lruihao) — Tue, 08 Aug 2023 01:41:08 +0000

vue-el-demo

Vue and element-ui related demos.

Project setup

yarn install
# Compiles and hot-reloads for development
yarn dev
# Compiles and minifies for production
yarn build

This project is built with Rsbuild, a fast build tool powered by Rspack.

用魔法打败魔法 - ElBacktop Fix

1024@lruihao.cn (Lruihao) — Thu, 20 Jul 2023 11:08:18 +0800

这篇文章主要是记录一下继承 ElBacktop 组件并修复了一些 bug 的过程。

A plugin includes a set of directives to make the header, footer and horizontal scrollbar sticky or make highly adaptive of Element UI (Vue 2) tables.

1024@lruihao.cn (Lruihao) — Wed, 14 Jun 2023 14:03:49 +0000

el-table-sticky

在线示例

一个用于实现 Element UI (Vue 2) 表格的表头吸顶、表尾吸底、滚动条吸底以及高度自适应功能的指令集插件。

背景

Element UI 的表格组件在使用时，如果表格内容过多，表格会出现滚动条，但是表头不会吸顶，表尾合计行也不会吸底，这样在表格内容过多时，表头和表尾合计行就会被遮挡，如果有横向滚动条，每次想滚动必须滑动到最底下，这一系列痛点，非常影响用户体验。

使用 Node.js 自动创建 Vue 的路由

1024@lruihao.cn (Lruihao) — Wed, 14 Jun 2023 00:11:17 +0800

最近在写一个 Vue 插件，需要在项目中创建一些测试页面，由于都是些静态路由，就想到之前看到过的一个项目就是用 Node.js 来自动生成路由的，于是就借鉴过来改了一下。

解决 SourceTree 提交时候 husky 命令失败问题

1024@lruihao.cn (Lruihao) — Mon, 12 Jun 2023 10:58:44 +0800

问题描述

在使用 SourceTree 提交代码的时候，会出现 husky 命令失败的问题（通过命令行提交代码没有问题），如下图所示：

Vue2 + tailwindcss 初始化

1024@lruihao.cn (Lruihao) — Sat, 03 Jun 2023 17:38:44 +0800

新建 Vue2 项目

通过 vue-cli 创建一个叫 v2-tailwind 的项目：

vue create vue2-tailwind

根据需要选择其他的功能插件，例如：Babel, Router, Vuex, CSS Pre-processors, Linter。

新手向：Vue 2.0 的建议学习顺序

1024@lruihao.cn (Lruihao) — Tue, 14 Mar 2023 08:37:59 +0800

注：2.0 已经有中文文档。如果对自己英文有信心，也可以直接阅读英文文档。
此指南仅供参考，请根据自身实际情况灵活调整。
转载自：尤雨溪，新手向：Vue 2.0 的建议学习顺序，2017-08-04 14:51

浏览器 IMG 图片原生懒加载 loading="lazy"

1024@lruihao.cn (Lruihao) — Sun, 12 Feb 2023 19:40:43 +0800

记录使用 HTML 原生方案实现图片的懒加载。

浏览器渲染原理

1024@lruihao.cn (Lruihao) — Sun, 05 Feb 2023 21:02:52 +0800

浏览器是如何渲染页面的？

当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。

在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。

中文技术文档的写作规范

1024@lruihao.cn (Lruihao) — Sat, 04 Feb 2023 16:04:42 +0800

以下参考来源：阮一峰的中文技术文档的写作规范

英语世界里，文档非常受重视，许多公司和组织都有自己的文档规范，清楚地规定写作要求，比如微软、MailChimp、Apple、Yahoo、docker、Struts 等等（维基百科有一份完整的清单）。中文的也有不少，但都不令人满意，要么太简单，要么不太适用。

对于开发者来说，在工作中也需要适当地产出一些技术文档，但是很多人都不知道怎么写文档，都是凭着感觉写。

对于开发的系统、软件而言，系统用词的准确性和统一性也显得十分重要。

参考上面的规范，于是有了下面一份中文技术文档的写作规范。

浏览器原理 - 事件循环

1024@lruihao.cn (Lruihao) — Wed, 11 Jan 2023 11:16:02 +0800

最近在抖音上刷到很多次袁进老师的前端视频，然后就听了一下他的前端大师课，感觉了解一些浏览器原理后，原来工作中的一些疑问也自然解开了。

安装 Homebrew 后导致系统中原有的 npm 和 npx 失效

1024@lruihao.cn (Lruihao) — Thu, 15 Dec 2022 15:33:30 +0800

问题

前面一段时间，安装了 Homebrew, 但是今天切换 node 版本到 system version (8.10.0) 后，发现虽然 node 版本切换成功，但是 node 版本对应的 npm 和 npx 版本不相符，下面记录一下问题排查过程。

基于 fex-team/kityminder-core 和 Vue2 封装的在线脑图编辑组件

1024@lruihao.cn (Lruihao) — Mon, 10 Oct 2022 02:50:53 +0000

Vue Minder Editor

基于 kityminder-core 实现的 Vue2 脑图编辑器组件。

Install

npm install vue-minder-editor-extended --save

Usage

注册组件：

Beego 安装及配置

1024@lruihao.cn (Lruihao) — Wed, 31 Aug 2022 09:32:44 +0800

记录 GO 及 Beego 框架安装及基础配置。

语义版本控制（SemVer）

1024@lruihao.cn (Lruihao) — Sat, 13 Aug 2022 13:32:03 +0800

摘要

版本格式：MAJOR.MINOR.PATCH，版本号递增规则如下：

MAJOR: 主版本号，当你做了不兼容的 API 修改
MINOR: 次版本号，当你做了向下兼容的功能性新增
PATCH: 修订号，当你做了向下兼容的问题修正

先行版本号及版本编译信息可以加到 MAJOR.MINOR.PATCH 的后面，作为延伸。

Commit Message Spec

1024@lruihao.cn (Lruihao) — Fri, 12 Aug 2022 15:37:44 +0800

Commit messages are short descriptions of changes to a repository. We should follow certain standards to effectively describe changes, such as the Conventional Commits specification based on the Angular convention that is most used on GitHub, or each development team can simplify and formulate their own commit specification. This is not only conducive to the automatic generation of Changelog in the later stage, but more importantly, when a bug occurs, the entire warehouse can be quickly checked, the problem point can be accurately located, and the version can be reverted.

electron 踩坑总结

1024@lruihao.cn (Lruihao) — Fri, 12 Aug 2022 11:22:01 +0800

总结一下最近 electron 开发遇到的问题和一些重要知识点。

前端页面内容加密总结

1024@lruihao.cn (Lruihao) — Mon, 08 Aug 2022 13:49:22 +0800

记录一下前端实现页面加密的思路。

Node.js + GitHub Actions 自动刷新 CDN

1024@lruihao.cn (Lruihao) — Sun, 07 Aug 2022 14:40:33 +0800

问题

腾讯云云函数从 2022 年 6 月 1 日开始收费了，差不多每个月 12 块，对于可能几个月都用不上一次云函数刷新缓存的人来说，有点太贵了。使用 Node.js 和 GitHub Actions 刷新 CDN 的方式，可以节省不少钱。

不同系统的换行符的差异

1024@lruihao.cn (Lruihao) — Sun, 07 Aug 2022 00:10:30 +0800

换行符（通常称为行尾、行尾 (EOL)、下一行 (NEL) 或换行符）是字符编码规范（例如，ASCII、EBCDIC）中的控制字符或控制字符序列，用于表示一行文本的结尾和新文本的开头。

自定义 ohmyzsh 主题

1024@lruihao.cn (Lruihao) — Sun, 31 Jul 2022 13:54:14 +0800

ohmyzsh 自带了很多主题，也有很多没有收录的扩展主题，我就想要个简约的主题，但是每个都差点意思，干脆改一个主题。

linux 文件权限

1024@lruihao.cn (Lruihao) — Sat, 30 Jul 2022 17:15:44 +0800

记录 linux 系统下文件权限相关的内容，Mac OS 下类似。

Mac 上的开发配置总结

1024@lruihao.cn (Lruihao) — Fri, 29 Jul 2022 20:22:44 +0800

记录一下使用 Mac 作为生产工具开发的一些基本配置和经验。

Mac 配置 ADB

1024@lruihao.cn (Lruihao) — Tue, 05 Jul 2022 15:39:34 +0800

作为非安卓专业开发，无需下载 Android SDK，
仅下载 Android SDK 中的 platform-tools 命令行工具即可，并配置好环境变量。

重新认识 JavaScript

1024@lruihao.cn (Lruihao) — Sun, 01 May 2022 10:59:36 +0800

前言

前端框架轮替变化越来越快，JavaScript 也在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣。

每隔一段时间就该重新认识一下 JS，这篇文章会介绍 6 种新特性，一起研究一下吧。

关于 CSS 和 Scss 变量运算那些事

1024@lruihao.cn (Lruihao) — Sat, 30 Apr 2022 22:04:29 +0800

问题分析

昨天在开发 FixIt 的时候，在 Scss 中写 max(foo, bar) 函数比较不同的单位变量时报错了，但是在 CSS 中使用 max 或者 min 函数函数比较不同的单位变量是没有问题的。

造成这一问题的原因是，在 Scss 中，也实现了 max 和 min 函数，但是在 Scss 中，不同单位的变量是不能进行运算的，所以使得在 Scss 中直接使用 max 或者 min 函数会提示单位不同的报错。（同类 Less 中的变量运算是支持不同单位的）

知道造成问题的原因后，解决这个问题就很简单了，有很多种方法，有些方法感觉像在卡 BUG，有点意思，记录一下。

Getting Things Done for ios App Reminders and Github issues

1024@lruihao.cn (Lruihao) — Wed, 22 Dec 2021 20:17:42 +0800

quote

Getting Things Done (GTD) is a personal productivity system developed by David Allen and published in a book of the same name. GTD is described as a time management system. Allen states “there is an inverse relationship between things on your mind and those things getting done”.

Sublime 剪贴板图片粘贴插件 —— Markdown 必备

1024@lruihao.cn (Lruihao) — Tue, 05 Oct 2021 21:54:06 +0800

插件地址 github.com/robinchenyu/imagepaste

Hugo 添加知乎卡片式链接 Shortcodes

1024@lruihao.cn (Lruihao) — Tue, 05 Oct 2021 19:33:13 +0800

卡片式链接已整合到 FixIt 主题 github.com/Lruihao/FixIt

回顧

之前在使用 hexo 的時候也有用到，模仿知乎卡片式链接
和之前的相比，優化之前是后加載，由 JS 在瀏覽器處理，
使用 shortcodes 方式后，則是在 GO 構建頁面的時候處理，效能上會好很多。

Hugo I18n 添加中文繁體翻譯

1024@lruihao.cn (Lruihao) — Tue, 05 Oct 2021 19:14:45 +0800

工作上一直常用繁體，最近臨帖也都寫的繁體，所以博客的語言也想換成繁體，但是 LoveIt 主題沒有支持中文繁體。就只好自己添加了。

Hugo 友情連結模板

1024@lruihao.cn (Lruihao) — Tue, 05 Oct 2021 14:14:10 +0800

過程

以前的 hexo 博客是自己寫的友鏈模板，換到 hugo 後想著在網上隨便找一個範本用著就好，然而並沒有自己想要的 layout, 幾乎都是使用 shortcodes 的，代碼風格有點問題且 shortcodes 作為友鏈添加的方式是真的麻煩。就只好自己寫羅。

友情鏈接模板已整合到 FixIt 主題 github.com/Lruihao/FixIt

Hugo 本地管理 Shell 腳本

1024@lruihao.cn (Lruihao) — Mon, 04 Oct 2021 23:49:00 +0800

摘要

在使用 hugo 寫博客的過程中會使用到一些命令，包括 Git 的使用也會用到 Git 命令，但是這些命令我感覺知道就好，沒必要因輸入命令而增加寫博客和部署博客的額外工作。
自然要想辦法簡化這些過程，Git 還好有 SourceTree 等工具，Hugo 卻沒有，也懶得去網絡上找類似以前 hexo 有 hexo-admin 的插件可以讓大家在瀏覽器寫博客，因為我覺得這和靜態博客初衷背道而馳，於是我就折中方案，寫了一個滿足日常需求的 Shell 腳本，生成管理本地博客。

Hugo 使用 GitHub Actions 部署到 GithHb Pages 和腾讯云 cos 桶

1024@lruihao.cn (Lruihao) — Mon, 04 Oct 2021 23:46:49 +0800

解決痛點

Github Actions 真是靜態博客的福音，有了它 hugo, hexo 等博客構建過程可以丟給 Github 的服務器幫我們做了。
也就是説實現了在線寫靜態博客的需求。

个人博客从 Hexo 迁移至 Hugo

1024@lruihao.cn (Lruihao) — Sun, 03 Oct 2021 15:27:58 +0800

电脑升级 win 11 后，分盘操作存在 bug, 然后又不小心把装代码的盘格式化了，虽然都有备份到 github, 但是当时为了省事，hexo Node 安装的很多以来插件都没有备份，现在又下载不到了，所以 hexo 博客没办法完整复原，另外，早就觉得基于 Node 的 hexo 实在有些臃肿，且博客内容多了以后部署太慢，就干脆乘机换了好了，经过一段时间寻找，最终选择了基于 Go 的 hugo, 记录一下迁移过程及待办事项。

友情链接

1024@lruihao.cn (Lruihao) — Sun, 19 Sep 2021 12:33:48 +0800

基本信息

网络 ID：Lruihao
头像：https://lruihao.cn/images/avatar.jpg
URL：https://lruihao.cn
描述：菠菜眾長 - 「不怕萬人阻擋，只怕自己投降」（或者你对我的看法😉）

友链要求

友情提醒：那些不尊重他人劳动成果，转载不加出处的，或恶意行为的网站，还请你不要来进行交换了。

留言

1024@lruihao.cn (Lruihao) — Mon, 13 Sep 2021 20:31:52 +0800

Welcome

温馨提示，音乐自动播放，请带好耳机～

From playlist, Powered by mmt-netease.

给博主买杯卡布奇诺～

赞赏

支付宝

微信

关于

1024@lruihao.cn (Lruihao) — Tue, 07 Sep 2021 21:00:48 +0800

不卑不亢，不矜不伐，戒骄戒躁
不嗔不怒，不争不弃，独善其身

—— 自我期许

关于作者

人知道的越多，就会发现无知的越多。有更广袤的世界可以探索，真是莫大的快乐！

less&sass&scss

1024@lruihao.cn (Lruihao) — Tue, 22 Jun 2021 16:39:47 +0800

Sass 和 Less 都屬於 CSS 前置處理器，CSS 前置處理器定義了一種新的語言，其基本思想是，用一種專門的程式設計語言，為 CSS 增加了一些程式設計的特性，將 CSS 作為目標生成檔，然後開發者就只要使用這種語言進行 CSS 的編碼工作。
轉化成通俗易懂的話來說就是 “用一種專門的程式設計語言，進行 Web 頁面樣式設計，再通過編譯器轉化為正常的 CSS 檔，以供專案使用”。

Lightbox

1024@lruihao.cn (Lruihao) — Mon, 21 Jun 2021 16:18:04 +0800

簡介

Lightbox（燈箱），用来放大显示图片覆盖于当前页面之上。其是用 CSS 来定义图片容器，用一幅半透明的 png 图片实现渐变阴暗的效果。

Create watermark for webpage and automatic adjust when window resize.

1024@lruihao.cn (Lruihao) — Mon, 24 May 2021 13:05:40 +0000

Watermark

Create watermark for webpage and automatic adjust when windows resize.

Documentation

Usage

Browser

Clone source

git clone git@github.com:Lruihao/watermark.git

Load Watermark

<script type="text/javascript" src="./src/watermark.js"></script>
<!-- Or CDN -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cell-watermark"></script>

Initialization

document.addEventListener('DOMContentLoaded', function () {
 new Watermark({
 content: "cell-watermark"
 })
});

Cell Watermark

1024@lruihao.cn (Lruihao) — Sun, 23 May 2021 17:15:41 +0800

Create watermark for webpage and automatic adjust when window resize.

Code Review 怎麼做？新手工程師如何提升「程式碼品質」

1024@lruihao.cn (Lruihao) — Thu, 04 Mar 2021 21:04:18 +0800

程式碼的持續優化

對一個入門的工程師來說，掌握程式語法與模仿範例實作是基本的能力。那有了這樣的基本能之後，要如何寫出更好的程式呢？怎樣才能夠成為一個「優秀」的新手工程師呢？事實上，寫出會動的程式不難，但想寫出好的程式其實是需要刻意練習的。大部分的人會建議要「多練習、多實作」，但我認為在大量練習之外，適時的「優化程式」也是提升「程式碼品質」重要的關鍵。而在「優化程式」可以分成兩個角度：

基于 leancloud-storage 实现的无后端记账本

1024@lruihao.cn (Lruihao) — Tue, 02 Mar 2021 21:46:40 +0800

起因

事情是這樣，年前和朋友一起合租了一個房子，然後捏，生活嘛，除了開心，當然是乾飯最大啦！

自然就會有購物，買菜等日常消費，那就要記賬，一開始是各自記在手機的便簽上，最後再算一下；
三個人，一共七种組合消費，排除各自消費的三種情況，也有四種 (AB, AC, BC, ABC)。好麻煩啊！！！

基于 leancloud-storage 实现的无后端记账本

1024@lruihao.cn (Lruihao) — Sun, 28 Feb 2021 03:44:09 +0000

Preparation

去 leancloud 创建一个应用，再新增一个 Bill Class, 补充一下字段：

name	type	description
pay	Number	消费金额
pay_description	String	消费描述
pay_type	String	消费类型
pay_user	String	付款人

Init

set for yourself.

cell-blog 功能介绍与安装

1024@lruihao.cn (Lruihao) — Sat, 25 Jul 2020 20:51:11 +0800

基于 Laravel7 开发，Markdown 语法的个人独立博客。Cell Blog, 也是我的毕业设计作品，目前已開源。

cell-blog 开发记录

1024@lruihao.cn (Lruihao) — Sat, 25 Jul 2020 20:42:42 +0800

Cell Blog 开发记录，项目地址

基于 Laravel 7 开发，支持 Markdown 语法的博客

1024@lruihao.cn (Lruihao) — Fri, 17 Apr 2020 08:33:39 +0000

Cell Blog

基于Laravel7开发，Markdown语法的个人独立博客。

功能

支持Markdown,文章实时预览效果
支持多种编程语言代码高亮
编辑器图片上传
后台上传文件管理
文章搜索
文章分类
文章标签
热门文章
随机格言
文章管理(发布，评论开关，排序)
自定义导航(显示开关，排序)
自定义页面(发布开关)
友情链接(显示开关，排序)
COS桶相册
丰富的博客配置(方便扩展，支持自定义JS脚本)
不蒜子计数
Leancloud计数
Valine评论插件
文章分享插件

截图

使用 Python 刷 csdn 访问量

1024@lruihao.cn (Lruihao) — Thu, 26 Mar 2020 11:08:38 +0800

使用 python 模拟浏览器行为刷 csdn 访问量，脚本仅做学习，请勿滥用~

Cron 表达式的基本语法

1024@lruihao.cn (Lruihao) — Wed, 25 Mar 2020 09:19:44 +0800

基本语法

<秒> <分钟> <小时> <日期 day-of-month> <月份> <星期 day-of-week>

Cron 表达式是一个具有时间含义的字符串，字符串以 5 个空格隔开，分为 6 个域，格式为 X X X X X X。其中 X 是一个域的占位符。单个域有多个取值时，使用半角逗号，隔开取值。每个域可以是确定的取值，也可以是具有逻辑意义的特殊字符。

新冠疫情未返校未返工第 N 天之“自动打卡”

1024@lruihao.cn (Lruihao) — Wed, 25 Mar 2020 08:22:42 +0800

信息

这件事还得从一只蝙蝠说起 …
算了，昨天下午 3 点半，我还在王者峡谷 Timing, 突然潇 X 巴哥打了个电话给我说关于自动打卡的想法 …
哎，反正就是由于疫情需要每天健康打卡汇报给学校，然后每天提交一样的太麻烦了，就想写个程序自动打卡 …
我和潇 X 巴哥确定思路后兵分两路：

他用 java 写个后台自动刷多人的，再弄个网页给用户填写账号密码保存在数据库；
我想的就很直接，只刷一个人的，python 模拟浏览器登录后打卡，再设置定时任务（多人则设定多个）；

SQL 总结

1024@lruihao.cn (Lruihao) — Thu, 16 Jan 2020 19:28:05 +0800

SQL 增删改查 (CRUD) 语句与常用函数总结。

利用腾讯云为静态页面添加“动态”相册

1024@lruihao.cn (Lruihao) — Sun, 24 Nov 2019 10:52:34 +0800

信息

cos 桶相册，终于！！终于来了！！，idea 来自 [兰州小红鸡 - 给 hexo 静态博客添加动态相册功能]，
功能虽好，但是还是先友情提示！
开放 API 是一个很危险的操作，意味着你的 cos 桶里面的所有资源包括目录结构都暴露的整个世界中，所以建议不要放一些比较私密的照片，保护自己的隐私，提防不良用心之人。下面就开始吧！

解析腾讯云 cos 桶 xml 生成相册,同时也是图床的显示页面

1024@lruihao.cn (Lruihao) — Sat, 23 Nov 2019 12:59:05 +0000

cos-album

demo

Step1

<link rel="stylesheet" type="text/css" href="cos-album.min.css?v=1.1.6">
<script type="text/javascript" src="cos-album.min.js?v=1.1.6"></script>

Step2

<script type="text/javascript">
 new Cosalbum({
 'xmlLink': 'https://img-xxxxxxxxxx.cos.ap-chengdu.myqcloud.com',
 'prependTo': '.cos-album',
 'viewNum': 8,
 'copyUrl': '//img.lruihao.cn'
 });
</script>

Params

param	type	default	description
xmlLink	String		需要解析的騰訊云COS桶XML鏈接
prependTo	String	‘body’	可選解析相冊到某個節點
viewNum	Number	4	每個相冊顯示的照片數目
copyUrl	String	href	CDN 链接,雙擊複製 URL Since: 1.1.6
imgType	String	[‘jpg’, ‘jpeg’, ‘png’, ‘gif’, ‘svg’]	图片類型 Since: 1.1.6
videoType	String	[‘mp4’, ‘mp3’, ‘avi’, ‘mov’, ‘qt’]	視頻類型 Since: 1.1.6

详细说明

RESTful

1024@lruihao.cn (Lruihao) — Thu, 14 Nov 2019 19:06:05 +0800

RESTful 是一种系统开发设计风格、原则。可视情况调整，以下参考来源 RFC5789

php 同时主动推送链接到百度，神马等站长平台

1024@lruihao.cn (Lruihao) — Sat, 28 Sep 2019 18:32:42 +0800

php 主动推送站点链接到百度站长，神马站长进行 SEO。

php 按行读取文件信息

1024@lruihao.cn (Lruihao) — Sat, 28 Sep 2019 17:11:17 +0800

普通方法

首先采用fopen()函数打开文件，得到返回值的就是资源类型。接着采用 while 循环一行行地读取文件，然后输出每行的文字。feof()判断是否到最后一行，fgets()读取一行文本。

沐目之，湘也。— 沐目体

1024@lruihao.cn (Lruihao) — Thu, 26 Sep 2019 12:44:17 +0000

关于沐目体

设置网站运行时间

1024@lruihao.cn (Lruihao) — Thu, 19 Sep 2019 22:03:29 +0800

使用javascript计算博客等网站的运行时间。

script 的三种加载方式 (async, defer)

1024@lruihao.cn (Lruihao) — Sun, 08 Sep 2019 11:47:50 +0800

注意

JS 的加载分为两个部分：下载和执行。
浏览器在执行 HTML 的时候如果遇到<script>时会停止页面的渲染，去下载和执行 js 的文件直接遇见</scirpt>会继续渲染页面。故浏览器在执行 js 文件的时候浏览器表现为一片空白，为了解决这个问题 ECMAScript 定义了 defer 和 async 两个属性用于控制 JS 的下载和执行。

Sublime Text3 快捷键大全

1024@lruihao.cn (Lruihao) — Thu, 15 Aug 2019 20:59:10 +0800

Sublime Text3 快捷键一览表

NetBeans IDE 开发设置

1024@lruihao.cn (Lruihao) — Thu, 15 Aug 2019 18:36:15 +0800

安裝

官方下載點

擴充功能

安裝擴充功能

下載擴充套件包
- 官方套件庫
- 或者在 NetBeans IDE 裏面下載插件（方便）
開啟 NetBeans→Tools→Plugins→Downloaded→Add Plugins
選擇要安裝的擴充套件包

啟用已安裝的擴充功能

開啟 NetBeans→Tools→Plugins→Installed
選擇要啟用的套件 (*.npm)
點擊 Activate

匯入設定

開啟 NetBeans→Tools→Options
點擊 Import 匯入設定
選擇要匯入的套件包 (*.zip)

常用設定

程式碼排版

在程式開發中，程式碼排版很重要。一個好的排版利於開發人員程式閱讀，也便於後期維護人員閱讀。

Web 开发规则，代码规范

1024@lruihao.cn (Lruihao) — Thu, 15 Aug 2019 18:30:31 +0800

精神

绝不写死代码，硬编码
不留不要用的、垃圾代码

Git

Master 的 BUG 必须最少且趋近于零，为最稳定的版本
每次 Commit 信息应该准确填写。不可模棱两可，eg: 修复 BUG、增加功能
禁止 Commit IDE 的 project data，e.g: .vscode
禁止上传垃圾代码

更多规则详见文档 Commit 规范

简单评论模块--php 表单练习

1024@lruihao.cn (Lruihao) — Fri, 19 Jul 2019 11:38:59 +0800

简单模仿了一个评论模板，当然肯定是没有博客的 valine 这么强大的 hhhh，
PHP 表单安全性的重要提示
$_SERVER["PHP_SELF"]变量能够被黑客利用！
如果页面中使用了PHP_SELF，用户能够输入下划线然后执行跨站点脚本（XSS）。
比如说注入 js 脚本等，valine 以前的版本也有过这样的漏洞。

跨站点脚本（Cross-site scripting，XSS）是一种计算机安全漏洞类型，常见于 Web 应用程序。XSS 能够使攻击者向其他用户浏览的网页中输入客户端脚本。

php 函数学习

1024@lruihao.cn (Lruihao) — Mon, 15 Jul 2019 11:37:33 +0800

练习 php 函数的基本使用。
注：
必选参数在可选参数的前面。
可在函数中定义函数，需要先调用外层函数才能调用内层函数。

WAMPServer 自定义网站根目录等设置

1024@lruihao.cn (Lruihao) — Fri, 12 Jul 2019 18:44:36 +0800

使用 WAMPServer 时自定义网站根目录。

python 实训总结Ⅱ

1024@lruihao.cn (Lruihao) — Fri, 21 Jun 2019 18:46:41 +0800

后面几天讲的有点杂，简单记录一下知识点。

python 实训总结Ⅰ

1024@lruihao.cn (Lruihao) — Tue, 18 Jun 2019 18:41:00 +0800

以前和前一段时间自己也学习了一下 python，也写了几个小爬虫；这次正好又课程安排了为期两周的综合实训，主要是“用 python 做量化交易” 进行了两天，讲的都是一些基本的东西，以前也接触过，所以很容易理解。还讲了一些软件，pycharm，anaconda,sublime 等大都也都用过。anaconda 倒是第一次接触。

判断三角形的黑盒测试

1024@lruihao.cn (Lruihao) — Sun, 26 May 2019 18:50:53 +0800

黑盒测试着重测试软件功能，它并不涉及程序的内部结构和内容特性，主要根据规格说明，只依靠被测试程序的输入和输出之间关系或程序的功能来设计测试用例。
白盒测试则清楚程序内部的结构以及是如何运作的，因此白盒测试需要对系统内部的结构和工作原理有一个清楚的了解。

HustOJ 基础搭建教程

1024@lruihao.cn (Lruihao) — Fri, 17 May 2019 23:08:04 +0800

目前 HustOj 在 GitHUb 地址是：https://github.com/zhblue/hustoj
安装时注意 ubuntu 版本，没条件的可以在自己 ubuntu 上尝试，或者虚拟机上（关注公众号回复ubuntu16.04获取 iso 镜像文件），也可以在云实验室的云服务器上做做实验。
更多说明及 ACM/NOIP 题库下载见官网博客代码的那些事 | 程序员回忆录

最大公约数（二进制算法）

1024@lruihao.cn (Lruihao) — Fri, 17 May 2019 09:14:16 +0800

二进制最大公约数算法避免了欧几里得算法（辗转相除法）的大量取模操作，有效减少了时间消耗，且更为方便。

宝塔面板安装 ImgURL 图床

1024@lruihao.cn (Lruihao) — Thu, 16 May 2019 20:31:33 +0800

ImgURL 是一个开源、免费的图床程序，ImgURL 2.x 之后对环境要求更高，尤其是 ImageMagick 组件的支持，很多朋友不清楚怎样安装这个组件，这篇文章分享宝塔面板安装 ImgURL 2.x 图床的过程（包括 ImgURL 2.x 需要的各种组件）阅读原文

python 实战：模拟 post 请求定时获取后台数据并打包发送至微信

1024@lruihao.cn (Lruihao) — Sat, 11 May 2019 17:02:31 +0800

用 python 模拟 post 请求获取“麻小科技”示例酒店后台的数据，再打包发送至指定的微信群或者好友。
要求每天早上 8 点定时把每个酒店的数据发送至每个酒店的微信工作群。

条件注释判断浏览器版本

危险

如无必要，不再更新！（2019.09.13）
今晚我做出了一个慎重的决定，由于博主时间精力有限，需要更多的时间来工作和学习。所以我将放弃对 next 的主题的自定义修改，next 主题官方已经更新到了 7.0+的版本，喜欢 next 主题风格的朋友可以在 github 更新。
我这也算是上古版本了，版本差距实在过大，所以我也将放弃博客使用主题的更新。
以下仍为当前博客使用主题，lib 资源已打包 github。

Java 父类子类的对象初始化过程

1024@lruihao.cn (Lruihao) — Thu, 21 Mar 2019 13:36:25 +0800

摘要：Java 基本的对象初始化过程，子类的初始化，以及涉及到父类和子类的转化时可能引起混乱的情况。

ubuntu + windows 双系统默认启动项设置

1024@lruihao.cn (Lruihao) — Thu, 21 Mar 2019 12:48:30 +0800

双系统默认启动项是 Ubuntu，而日常使用最多的还是 Windows，所以说很不方便，一不小心就开机到 Ubuntu 去了。今天来设置一下。

宅音乐播放器

1024@lruihao.cn (Lruihao) — Tue, 19 Mar 2019 23:32:56 +0800

宅音乐播放器，HTML5 网页播放器，集成后台管理及 API 调用，目前正在开发中，敬请关注~
原项目由 IT 技术宅开源，使用 thinkPHP 开发后台。 fork 地址是我个人学习模仿的库，也是相当于备份源码。
注：插件修改于明月浩空免费版，仅用于学习交流，无商业价值，如发现商业传播，将禁止软件的免费使用。

宝塔面板安装

1024@lruihao.cn (Lruihao) — Mon, 18 Mar 2019 21:31:43 +0800

极速方便的一键配置与管理，免除繁琐的命令行操作，通过 Web 面板一键即可操作实现。可选择安装 lamp 或者 lnmp 环境，可创建及管理网站，可创建及管理数据库，可创建及管理 FTP 等等。宝塔官网介绍

web 汇总

1024@lruihao.cn (Lruihao) — Mon, 18 Mar 2019 20:40:55 +0800

下面一些 web 开发的一些总结，还有一些常用到的代码，脚本等！

java 泛型 test

1024@lruihao.cn (Lruihao) — Sat, 16 Mar 2019 13:56:01 +0800

泛型方法，它在修饰符后，返回值类型前增加了类型参数 (<>)

类型通配符一般使用问号?代替具体的类型实参，注意不是类型形参。

eclipse 的基本使用

1024@lruihao.cn (Lruihao) — Fri, 15 Mar 2019 23:47:24 +0800

基本使用

A: 选择一个工作空间
 D:\develop\eclipse-SDK-3.7.2-win64\workspace
B: 如何写一个 HelloWorld 案例（代码以项目为基本单位）
 a: 创建项目（工程）
 *File -- New -- Java Project
 *在左边空白处，直接右键 -- New -- Java Project

 键入项目名称后直接 Finish。
 b: 所有的 java 文件必须写到 src 下面才有效
 c: 创建一个包
 cn.lruihao
 d: 在包下创建一个类
 HelloWorld

 同时让它帮我们写好了 main 方法。
 e: 在 main 方法中写内容即可
 f: 编译程序
 自动编译，在保存的那一刻帮你做好了
 g: 运行程序
 选择要运行的文件或者在要运行的文件内容中
 右键 -- Run as - Java Application 即可
 h: 内容显示
 在 Console 控制台显示内容

Eclipse 的基本设置

A: 程序的编译和运行的环境配置（如果你的 Eclipse 启动没有问题，就不要配置了）
B: 去掉默认注释（可以不用改）
C: 行号的显示和隐藏
 显示：在代码区域的最左边的空白区域，右键 -- Show Line Numbers 即可。
 隐藏：把上面的动作再做一次。
D: 字体大小及颜色
 a:Java 代码区域的字体大小和颜色：
 window -- Preferences -- General -- Appearance -- Colors And Fonts -- Java 修改 -- Java Edit Text Font
 b: 控制台
 window -- Preferences -- General -- Appearance -- Colors And Fonts -- Debug -- Console font
 c: 其他文件
 window -- Preferences -- General -- Appearance -- Colors And Fonts -- Basic -- Text Font
E: 窗体给弄乱了，怎么办
 window -- Reset Perspective
F: 控制台找不到了
 Window--Show View—Console

快捷键的使用

A: 内容辅助键
 Alt+/ 起提示作用
 main+alt+/,syso+alt+/, 给出其他提示
B: 快捷键
 格式化 ctrl+shift+f
 导入包 ctrl+shift+o
 注释 ctrl+/
 ctrl+shift+/,ctrl+shift+\
 代码上下移动 选中代码 alt+上/下箭头
 查看源码 选中类名 (F3 或者 Ctrl+鼠标点击）

Eclipse 中如何提高开发效率

A: 自动生成构造方法
 a: 无参构造方法 在代码区域右键--source--Generate Constructors from Superclass
 b: 带参构造方法 在代码区域右键--source--Generate Constructors using fields.. -- finish
B: 自动生成 get/set 方法
 在代码区域右键--source--Generate Getters and Setters...

匿名类在可视化界面中的应用

1024@lruihao.cn (Lruihao) — Fri, 15 Mar 2019 22:31:28 +0800

java 中匿名类用的最多的地方就是可视化界面设计中，特别是将事件监听器注册到某个组件上的时候。

模仿知乎卡片式链接

1024@lruihao.cn (Lruihao) — Fri, 15 Mar 2019 15:21:39 +0800

模仿知乎的卡片式链接，idea 来自 [兰州小红鸡]

win10,ubuntu 双系统时间不一致

1024@lruihao.cn (Lruihao) — Fri, 15 Mar 2019 14:28:10 +0800

我的 Ubuntu 和 Windows 双系统是 Ubuntu 是第一启动项，所以总是开机忘记点下键，一进 Ubuntu 系统时间就不对了（总是少了 8 小时），回到 Windows 时间也是错的。知道是错的调整一下还好。忘记调了有时候真的会误事。比如说 git 版本控制提交会遇到问题种种等。

QQ 强制生成卡片式链接

1024@lruihao.cn (Lruihao) — Fri, 08 Mar 2019 16:52:13 +0800

以前在 QQ 里面聊天的时候发现，有些链接是卡片式的链接，像知乎里那些一样，就好奇为啥我的域名没有生成卡片。
查了一下百度知道了大概就是 qq 没有抓取到你的网站的 xml。并在其他教程中得到了一个强制提交抓取的 url https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshareget_urlinfo?url= 于是就有了脚本刷新的想法。简陋的写了一下。

磁盘存储器的管理

1024@lruihao.cn (Lruihao) — Mon, 04 Mar 2019 23:08:32 +0800

外存的组织方式

连续组织方式

连续组织方式的优点
- 顺序访问容易
- 顺序访问速度快
连续组织方式的缺点
- 分配连续的存储空间
- 必须知道文件长度
- 删除与插入数据不灵活
- 动态增长的文件分配空间问题

JS 验证码

1024@lruihao.cn (Lruihao) — Mon, 04 Mar 2019 20:53:09 +0800

请点击验证码处：↑

Elegant and powerful theme for Hexo.

1024@lruihao.cn (Lruihao) — Thu, 31 Jan 2019 09:57:45 +0000

hexo-theme-next

如无必要，不再更新！（2019.09.13）
今晚我做出了一个慎重的决定，由于博主时间精力有限，需要更多的时间来工作和学习。所以我将放弃对next的主题的自定义修改，next主题官方已经更新到了7.0+的版本，喜欢next主题风格的朋友可以在github更新。
我这也算是上古版本了，版本差距实在过大，所以我也将放弃博客使用主题的更新。
以下仍为当前博客使用主题，lib资源已打包github。

基于hexo-theme-next 6.0+的Pisces模板做的DIY扩展性设计。主要是一些custom stlye还有一些第三方的js。修改的地方太多也有点小乱就不提PR了。官方Demo => https://theme-next.org
记录一下折腾过程，修改内容以博採眾長为准，以后备份恢复博客也好方便自己。本文之前的美化修改请见hexo分类。 主题中若有遗漏第三方插件或应用的key及id值等请修改为自己对应的值

java 继承 test

1024@lruihao.cn (Lruihao) — Thu, 24 Jan 2019 15:07:50 +0800

引用

继承的好处：

提高了代码的复用性
提高了代码的维护性
让类与类之间产生了关系，是多态的前提

继承的弊端：类的耦合性很强

设计原则：低耦合，高内聚。

耦合：类与类的关系。
内聚：自己完成事情的能力。

利用腾讯云对象存储 COS 桶托管 hexo 博客

1024@lruihao.cn (Lruihao) — Tue, 22 Jan 2019 14:57:08 +0800

本以为 coding pages 与腾讯云合作后会更好，没想到正是这种初期 bug 不断，速度也是非常慢。比 gitee, 甚至 github 都要慢很多了。所以决定放弃 coding 了，本想挂到云服务器上，但是这个云服务器只续费了半年，可能不会再续费，前几天看到用腾讯云的 cos 桶 xml 制作动态相册的文章，知道了对象存储这个玩意，腾讯云 COS 提供免费 50G 的存储空间，还有 CDN 加速服务，我觉得是个不错的选择，部署后发现速度还挺好。
适用于 hexo, hugo 等静态博客的部署。

Arrays 类及基本使用

1024@lruihao.cn (Lruihao) — Fri, 18 Jan 2019 13:13:10 +0800

主要方法

static type[] copyof(type[] original,int length)
static int binarysearch(type[] a,type key)
static boolean equals(type[] a,type[] b)
static void fill(type[] a,type val)
static void fill(type[] a,int fromindex,int toindex,type val)
static void sort(type[] a)

在搜索、文章底部、侧栏添加最近文章模块

1024@lruihao.cn (Lruihao) — Wed, 16 Jan 2019 17:50:52 +0800

首先在主题配置文件添加以下关键字

recent_posts:
 enable: true
 search: true
 post: false
 sidebar: false
 icon: history
 title: 近期文章
 layout: block

侧栏

在 next/layout/_macro/sidebar.swig 中的 if theme.links 对应的 endif 后面。

{% if theme.recent_posts.enable and theme.recent_posts.sidebar %}
 <div class="links-of-blogroll motion-element {{ "links-of-blogroll-" + theme.recent_posts.layout }}">
 <div class="links-of-blogroll-title">
 <i class="fa fa-history fa-{{ theme.recent_posts.icon | lower }}" aria-hidden="true"></i>
 {{ theme.recent_posts.title }}
 </div>
 <ul class="links-of-blogroll-list">
 {% set posts = site.posts.sort('-date') %}
 {% for post in posts.slice('0', '3') %}
 <li>
 <a href="{{ url_for(post.path) }}" title="{{ post.title }}" target="_blank">{{ post.title }}</a>
 </li>
 {% endfor %}
 </ul>
 </div>
{% endif %}

搜索结果处添加

找到路径H:\hexo\themes\hexo-theme-next\layout\_partials\search下localsearch.swig文件
把<div id="local-search-result"></div>修改成以下内容（这里显示 15 篇）

java 猜数字小游戏（Math 类）

1024@lruihao.cn (Lruihao) — Tue, 15 Jan 2019 17:33:28 +0800

大一刚学 c 的时候以前写过 c 语言版的。

Math: 针对数学进行运算的类
特点：没有构造方法，因为它的成员都是静态的
产生随机数： public static double random(): 产生随机数，范围 [0.0,1.0)
产生 1-100 之间的随机数 int number = (int)(Math.random()*100)+1;
猜数字小游戏案例

面向对象基础知识总结

1024@lruihao.cn (Lruihao) — Tue, 15 Jan 2019 16:07:31 +0800

面向对象思想（理解）

面向对象是基于面向过程的一种编程思想
思想特点：
A: 是一种更符合我们思考习惯的思想
B: 把复杂的问题简单化
C: 让我们从执行者变成了指挥者
举例：
A: 洗衣服
B: 吃饭
C: 买电脑
举例并代码体现把大象装进冰箱

类与对象（掌握）

我们学习编程是为了把现实世界的事物用编程语言描述来实现信息化。
现实世界事物是如何表达的呢？属性：外在特征
行为：内在行为
我们学习的是 java 语言，它最基本的单位是类。
所以我们要学会用类来体现一个事物。
类：是一组相关的属性和行为的集合
对象：是该类事物的具体个体。
举例：
学生类
张三对象

类的组成（掌握）

成员变量
其实就是变量，只不过定义在类中，方法外，并且可以不用初始化。
成员方法
其实就是方法，只不过不需要 static 了
案例：
学生类

class Student {
 String name;
 int age;

 public void study() {}
}

类的使用（掌握）

创建对象
格式：类名对象名 = new 类名 ();
使用成员
成员变量：对象名。变量名；成员方法：对象名。方法名 (…);

成员变量和局部变量的区别（理解）

在类中的位置不同
A: 成员变量类中，方法外
B: 局部变量方法的形式参数，或者方法体中
在内存中的位置不同
A: 成员变量在堆中
B: 局部变量在栈中
生命周期不同
A: 成员变量随着对象的存在而存在，随着对象的消失而消失
B: 局部变量随着方法的调用而存在，随着方法的调用完毕而消失
初始化值不同
A: 成员变量有默认初始化值
B: 局部变量没有默认值，必须先声明，赋值，最后才能使用

形式参数问题（理解）

基本类型
基本类型作为形式参数，需要的是该基本类型的值。
引用类型
引用类型作为形式参数，需要的是该引用类型的地址值。（对象）

匿名对象（理解）

匿名对象：没有名字的对象。是对象的简化书写方式。
使用场景
A: 调用方法，仅仅只调用一次
B: 作为实际参数传递

封装（掌握）

隐藏实现细节，提供公共的访问方式
好处：
A: 隐藏实现细节，提供公共的访问方式
B: 提高了代码的复用性
C: 提高了代码的安全性
使用原则
A: 把成员变量隐藏
B: 给出该成员变量对应的公共访问方式

private 关键字（掌握）

是一个权限修饰符
可以修饰类的成员（成员变量和成员方法）
仅仅在本类中可以访问，对外提供对应的 GetXXX()，SetXXX() 等方法
标准代码：

class Student {
 private String name;
 private int age;

 public void setName(String n) {
 name = n;
 }

 public String getName() {
 return name;
 }

 public void setAge(int a) {
 age = a;
 }

 public int getAge() {
 return age;
 }

 public void study() {}
}

this 关键字（掌握）

this：代表本类的对象
应用场景：
解决了局部变量隐藏成员变量的问题。
其他用法和 super 一起讲。
标准代码：

 class Student {
 private String name;
 private int age;

 public void setName(String name) {//局部变量
 this.name = name;
 }

 public String getName() {
 return name;
 }

 public void setAge(int age) {
 this.age = age;
 }

 public int getAge() {
 return age;
 }

 public void show() {
 System.out.println("姓名是："+name+", 年龄是："+age);
 }

 public void study() {
 System.out.println("学生爱学习");
 }

 public void eat() {
 System.out.println("学生要吃饭");
 }

 public void sleep() {
 System.out.println("学生想睡觉");
 }
 }

 class StudentTest {
 public static void main(String[] args) {
 Student s = new Student();

 s.setName("林青霞");
 s.setAge(28);

 s.show();
 s.study();
 s.eat();
 s.sleep();

 System.out.println("姓名是："+s.getName());
 System.out.println("年龄是："+s.getAge());
 }
 }

构造方法（掌握）

作用：对对象的数据进行初始化。
特点：
A: 方法名和类名相同
B: 没有返回值类型
C: 没有返回值
注意事项
A: 如果我们没写构造方法，系统将默认给出无参构造方法
B: 如果我们写了构造方法，系统将不再给出默认无参构造方法
建议：我们自己手动给出无参构造方法
给成员变量赋值：
A: 无参+setXxx()
B: 带参
一个标准的代码：

 class Student {
 private String name;
 private int age;

 public Student() {}

 public Student(String name,int age) {//构造方法
 this.name = name;
 this.age = age;
 }

 public void setName(String name) {
 this.name = name;
 }

 public String getName() {
 return name;
 }

 public void setAge(int age) {
 this.age = age;
 }

 public int getAge() {
 return age;
 }

 public void show() {
 System.out.println("姓名是："+name+", 年龄是："+age);
 }
 }

 class StudentTest {
 public static void main(String[] args) {
 //无参+setXxx()
 Student s = new Student();
 s.setName("林青霞");
 s.setAge(28);
 s.show();

 //带参
 Student ss = new Student("张曼玉",20);
 ss.show();
 }
 }

对象的初始化过程（理解）

Student s = new Student(); 做了哪些事情
A: 加载 Student.class 文件进内存
B: 在栈中为 s 开辟空间
C: 在堆中为学生对象开辟空间
D: 为学生对象的成员变量赋默认值
E: 为学生对象的成员变量赋显示值
F: 通过构造方法给成员变量赋值
G: 对象构造完毕，把地址赋值给 s 变量

static 关键字（掌握）

是一个状态修饰符。静态的意思
它可以修饰成员变量和成员方法
特点：
A: 随着类的加载而加载
B: 优先于对象存在
C: 被所有对象共享
这也是判断我们是不是该使用静态的条件
举例：饮水机（可共享 static) 和水杯例子。
D: 可以通过类名调用
静态修饰的内容，可以通过类名调用，也可以通过对象名调用
方法访问特点
A: 普通成员方法
可以访问静态成员变量，非静态成员变量，静态成员方法，非静态成员方法
B: 静态成员方法
只能访问静态成员变量，静态成员方法
简记：静态只能访问静态
注意：
静态中是不能有 this 的。
先进内存的不能访问后进内存的。反之可以。

/**
 * 班级编号应该是被班级每个人都共享的，所以定义一个就应该可以了。
 * 而姓名和年龄，每个人应该是不一样的，所以，每个对象，都应该定义自己的。
 *
 * 在 java 中，用什么来表示成员变量是被共享的呢？static
 */
class Student {
 //姓名
 String name;
 //年龄
 int age;
 //班级编号
 //String classNumber;
 static String classNumber;

 public Student(String name,int age) {
 this.name = name;
 this.age = age;
 }

 public Student(String name,int age,String classNumber) {
 this.name = name;
 this.age = age;
 this.classNumber = classNumber;
 }

 public void show() {
 System.out.println(name+"---"+age+"---"+classNumber);
 }
}

class StudentDemo {
 public static void main(String[] args) {
 //创建学生对象
 Student s1 = new Student("林青霞",28,"20150306");
 s1.show();

 /*
 Student s2 = new Student("马云",35,"20150306");
 s2.show();

 Student s3 = new Student("马化腾",33,"20150306");
 s3.show();
 */
 Student s2 = new Student("马云",35);
 s2.show();

 Student s3 = new Student("马化腾",33);
 s3.show();
 }
}

/*
 static: 静态关键字。

 作用：
 可以修饰成员变量和成员方法

 特点：
 A: 随着类的加载而加载
 B: 优先于对象存在
 C: 被类的所有对象共享
 这也是我们判断是否使用静态关键字的条件

 饮水机：可以被静态修饰
 水杯：不可以被静态修饰
 D: 可以通过类名调用
 我们的调用既可以是对象，还可以是类名
*/
class Student {
 public void show() {
 System.out.println("show");
 }

 public static void show2() {
 System.out.println("show2");
 }
}

class StudentDemo2 {
 public static void main(String[] args) {
 Student s = new Student();
 s.show();
 s.show2();

 Student.show2();
 //Student.show();&ensp;
 }
}

/*
 static 的注意事项：
 A: 在静态方法中是没有 this 关键字的
 因为静态是随着类的加载而加载，优先于对象而存在。而 this 是随着对象的创建而存在。
 先进内存的，不能访问后进内存的；而后进内存的，可以访问先进内存的。
 B: 静态只能访问静态。
 非静态的成员方法：
 可以访问静态成员变量，非静态成员变量，静态成员方法，非静态成员方法
 静态的成员方法：
 只能访问静态的成员变量，静态的成员方法
*/
/*
class Student {
 private String name;

 public static void setName(String name) {//&ensp; 静态方法不能用 this
 this.name = name;
 }

 public void show() {
 System.out.println(name);
 }
}*/

class Demo {
 int x = 10;
 static int y = 20;

 public void show() {
 System.out.println(x);
 System.out.println(y);
 }

 public static void show2() {
 //System.out.println(x);&ensp;
 System.out.println(y);//√
 }

 public void show3() {
 show();
 show2();
 }

 public static void show4() {
 //show(); 只能访问静态的成员方法
 show2();
 }
}

class StudentDemo3 {
 public static void main(String[] args) {
 //Student.setName("林青霞");
 }
}

静态成员变量和普通成员变量的区别（理解）

所属不同
静态属于类的，称为类变量
非静态属于对象的，称为对象变量，实例变量
内存空间不同
静态在方法区的静态区
非静态在堆内存
生命周期不同
静态随着类的加载而加载，随着类的消失而消失
非静态随着对象的创建而存在，随着对象的消失而消失
调用不同
静态可以通过类名调用，也可以通过对象名调用。建议通过类名调用
非静态只能通过对象名调用

main 方法是静态的（理解）

public static void main(String[] args)

public: 访问权限修饰符，表示最大的访问权限，被 jvm 调用，所有权限要够大。
static: 被 jvm 调用，不用创建对象，直接类名访问
void: 被 jvm 调用，不需要给 jvm 返回值
main: 一个通用的名称，虽然不是关键字，但是被 jvm 识别
String[] args:
早期出现是为了接收键盘录入数据的。

java 水仙花数（循环）

1024@lruihao.cn (Lruihao) — Mon, 14 Jan 2019 17:30:24 +0800

水仙花数（Narcissistic number）也被称为超完全数字不变数（pluperfect digital invariant, PPDI）、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数（Armstrong number），水仙花数是指一个 3 位数，它的每个位上的数字的 3 次幂之和等于它本身（例如：1^{3 + 5}3+ 3^3 = 153）。

java 录入数据

1024@lruihao.cn (Lruihao) — Mon, 14 Jan 2019 15:33:46 +0800

记忆格式

(1) 导包：
import java.util.Scanner;
注意：位置在 class 的上面。
(2) 创建键盘录入对象：
Scanner sc = new Scanner(System.in);
(3) 获取数据
int i = sc.nextInt();
(4) 练习：
A: 求两个数据的和
B: 获取两个数据中较大的值
C: 获取三个数据中较大的值
D: 比较两个数是否相等

java 标识符

1024@lruihao.cn (Lruihao) — Mon, 14 Jan 2019 15:07:57 +0800

标识符

给类，接口，方法或者变量起名字的符号

组成规则

A: 英文字母大小写
B: 数字
C:_和$

英语语法--主谓一致

1024@lruihao.cn (Lruihao) — Sat, 12 Jan 2019 13:02:49 +0800

常见情况

由 and 或 both and 连接的并列主语，谓语动词一般用复数

English and chinese are two quite different languages.
Both brother and sister tire of city life.

一但主语前被 no,every,each 所修饰时，谓语动词用单数

No desk and (no) chair is seen in the hall.
All work and no play makes Jack a dull boy.
They each have been to the Forbidden city. each 位于主语后，所以谓语动词用复数

当主语表示同一事物的两个部分，同一个人的两个身份（第二个名词前无冠词），谓语动词用单数

比如 the（a）horse and cart a watch and chain a knife and fork a cup and soucer the butter and bread

英语语法--形式倒装

1024@lruihao.cn (Lruihao) — Mon, 10 Dec 2018 21:52:30 +0800

形式倒装，句子本不是本来的语序。

may 位于句首，标祝愿

例句

May you succeed.
May you have a happy holiday.
Long live chairman Mao.（毛主席万古长青）

whatever 直接做成分或放在名词之前，however 放在 adv,adj 之前或 many,much 等词之前

例句

英语语法--完全倒装

1024@lruihao.cn (Lruihao) — Mon, 10 Dec 2018 21:14:51 +0800

完全倒装：把整个谓语动词放到主语前。

表方位或时间的副词 (adv)、表地点的介词短语位于句首时

例句

Here comes the bus.
In the lecture hall of a university sits a professor.
Out rushed the children.
Now comes your turn.
Up jumped the cat and caught the mouse.
Down came the rain and up went the umbrellas.
Among the people stood his friend,Jim.
(To be) South of the river lies a small factory.

但主语为表示人称的代词时无需倒装

英语语法--部分倒装

1024@lruihao.cn (Lruihao) — Sat, 08 Dec 2018 17:52:39 +0800

虽然我英语四级没过，词汇量也不很多，甚至下降了很多，但是对于英语的语法我还是很喜欢的，马上快四级了又，复习整理一下以前的语法笔记。以下内容纯手打！！ 先从倒装句开始吧！分为三大类，部分倒装，完全倒装和形式倒装。先复习第一种。

hexo 插件及 next 内置样式集

1024@lruihao.cn (Lruihao) — Sat, 24 Nov 2018 16:54:09 +0800

2021/10/2 更新
博客已迁移至 Hugo, 插件演示不适用，已删除。
让文章写的好看又简洁又好用的插件！hexo 完整的标签列表，next 插件列表

通过 bat 批处理文件自动提交博客代码

1024@lruihao.cn (Lruihao) — Sat, 17 Nov 2018 14:25:49 +0800

前面我有文章提到怎么提交本地文件到 github,coding 等远程仓库。每次可以分为三个步骤

git add * （添加需要提交的文件，这里全选）

git commit -m “提交信息”

git push

但是这样感觉很麻烦每次都要重复输入提交命令和提示信息。这个时候可以用到 windows 批处理 bat 文件 (linux 的话可以用 shell 脚本）。用完发现好用到不行！

博採眾長 app

1024@lruihao.cn (Lruihao) — Mon, 12 Nov 2018 16:04:04 +0800

介绍

使用 fusion app 对网页进行的封装。
功能：

浏览本博客，主页
私人网盘
2048 等小游戏
在线客服，QQ 等
pc 与移动浏览器标识切换
留言，打赏，博主日志等
分享功能，分享到 QQ，微信，浏览器打开等
app 内添加书签，自动记录历史记录，刷新等
配合博客的PWA + quicklink功能可实现离线浏览

caddy-两步搭建超简单云盘

1024@lruihao.cn (Lruihao) — Sun, 11 Nov 2018 13:59:27 +0800

安装

cd ~
curl https://getcaddy.com | bash -s personal http.filemanager

编写配置文件

vim Caddyfile

内容如下：

next 添加支持 pdf

1024@lruihao.cn (Lruihao) — Fri, 09 Nov 2018 12:51:48 +0800

最新的 next 主题已经更新了支持 PDF 功能，~~写法也和链接写法一样~~，可是我没有更新，我按 github 上那个 readme 试了一下好像不可以，所以用了另外一种插件的方法。

iframe(推荐)

<iframe src="/posts/next-pdf/1.pdf" style="width: 100%;height: 800px;"></iframe>

模板自带

今天（2019.4.3）又看了一下，改了写法，写法和插件一样，我在我的模板里也更新了。（插件模板二选一即可，个人更喜欢插件）但是如果安装插件后，也是优先模板的 pdf 脚本解析 pdf，所以在我的模板中把模板的 pdf 脚本先注释了。要启用去掉注释即可。

js 判断用户设备类型及平台

1024@lruihao.cn (Lruihao) — Sat, 03 Nov 2018 23:35:44 +0800

前端开发经常遇到需要判断用户的浏览设备，是 pc 端还是移动端，移动端使用的是什么手机系统？android、ios、ipad、windows phone 等等，有时候还需要知道用户浏览页面是在微信中打开还是在移动端浏览器中打开，等等一系列判断做一些相应的处理。

hexo 博客源码备份

1024@lruihao.cn (Lruihao) — Sat, 03 Nov 2018 12:49:28 +0800

备份 hexo 博客

//如果 themes/next（主题文件）下面有。git，请删除这个。git 文件夹。
cd hexo
git init //初始化本地仓库
git add source themes scaffolds _config.yml package.json package-lock.json //将必要的文件依次添加
git commit -m "blog hexo"
git branch hexo //新建 hexo 分支
git checkout hexo //切换到 hexo 分支上
git remote add origin git@github.com:username/username.github.io.git //将本地与 Github 项目对接
git push origin hexo //push 到 Github 项目的 hexo 分支上

在其他终端克隆和更新 hexo 博客

nodejs,git,hexo 已经安装好，即搭建完成

Git 常用指令汇总

1024@lruihao.cn (Lruihao) — Tue, 30 Oct 2018 08:59:56 +0800

工作区：就是你在电脑里能看到的目录。
暂存区：英文叫 stage, 或 index。一般存放在 “.git 目录下” 下的 index 文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。
版本库：工作区有一个隐藏目录。git，这个不算工作区，而是 Git 的版本库。

网站备案之旅

1024@lruihao.cn (Lruihao) — Mon, 29 Oct 2018 23:16:26 +0800

备案

经过时间长达 20 多天的备案之旅今天终于结束了，也闭馆了 20 多天，也按相关要求把 ICP 备案号和公安备案号加载了网站和博客底部。只是今天去岳塘分局签网络安全告知书的时候不小心把身份证落在那个办公室了。亏我走之前一秒还在提醒自己，唉！不过那个办公室的大姐姐挺好的，前面跟我说好星期一来，我还今天上午提前给她打了电话，她还下楼给我开办公楼楼道的门禁，还有我身份证落在那里她说先帮我收着，有时间再去拿！总之，这个姐姐的服务态度五星好评！手动@岳塘分局 B204 的姐姐。
备案完成也算放下一块提着的石头，可以睡个好觉了！ZzZzzzz

shell 脚本初体验

1024@lruihao.cn (Lruihao) — Mon, 29 Oct 2018 11:57:39 +0800

今天上机学了几个小命令

read
echo
if

然后自己写了一个小脚本觉得还挺有趣的

云服务器 CentOS 系统搭建 web 服务

1024@lruihao.cn (Lruihao) — Mon, 29 Oct 2018 09:15:58 +0800

搭建 Apache web 服务

安装 Apache 超文本传输协议 (HTTP) 服务器的主程序

[root@VM_0_6_centos /]# yum install -y httpd

注意安装目录，可通过 cd 命令切换。

启动 HTTP 服务

[root@VM_0_6_centos /]# systemctl start httpd.service

如果启动失败，可通过 systemctl status httpd.service 查看错误原因。
启动成功，证明 http 服务已经可以使用，发现还需要把本地文件传到服务器。
默认根目录/var/www/html/

使用 js 准确获取当前页面 url 网址信息及 301 重定向实战

1024@lruihao.cn (Lruihao) — Sun, 28 Oct 2018 14:22:00 +0800

获取链接（转）

传送门
在 WEB 开发中，时常会用到 javascript 来获取当前页面的 url 网址信息，在这里是我的一些获取 url 信息的小总结。

windows 上搭建 web 服务器

1024@lruihao.cn (Lruihao) — Fri, 26 Oct 2018 21:56:18 +0800

我用的 win10

打开控制面板

选择并进入“程序”，双击“启用或关闭 Windows 服务”，在弹出的窗口中选择“Internet Information Services”下面所有地选项，点击确定后，开始更新服务。

打开控制面板

使用 Git 上传代码到 github, coding 等仓库

1024@lruihao.cn (Lruihao) — Fri, 26 Oct 2018 21:11:02 +0800

config

git config --global user.name "Your Name"
git config --global user.email "email@example.com"

第一次使用 git 的时候需要设置提交者信息。
注意：
如果用了 --global 选项，那么更改的配置文件就是位于你用户主目录下的那个，以后你所有的项目都会默认使用这里配置的用户信息。
如果要在某个特定的项目中使用其他名字或者电邮，只要去掉 --global 选项重新配置即可，新的设定保存在当前项目的 .git/config 文件里。

termux 基本使用教程

1024@lruihao.cn (Lruihao) — Tue, 23 Oct 2018 22:16:02 +0800

前面有一篇文章写到一些，在 Android 上搭建 hexo 博客 本文当初摘要自国光个人博客 如若作者博客 IP 被墙，可前往国光第三方博客诸如 csdn 等。备用

初始化

下载并初始化 termux

ttf 字体压缩

1024@lruihao.cn (Lruihao) — Wed, 17 Oct 2018 21:38:06 +0800

HTML 网页引用中文字体，文件过大，加载缓慢的解决办法。

linux 编程初体验

1024@lruihao.cn (Lruihao) — Mon, 15 Oct 2018 21:19:27 +0800

在 Linux 上编译 c 语言文件。

打开 vim 编辑器

（没有就用 vi, 或者先安装 vimsudo apt-get install vim)

vim

编辑文件

打开文件编辑器之后编辑文件

沐目体

1024@lruihao.cn (Lruihao) — Fri, 12 Oct 2018 19:39:19 +0800

流水线

1024@lruihao.cn (Lruihao) — Tue, 09 Oct 2018 16:21:04 +0800

概念

流水线是指在程序执行时多条指令重叠进行操作的一种准并行处理实现技术。各种部件同时处理是针对不同指令而言的，它们可同时为多条指令的不同部分进行工作，以提高各部件的利用率和指令的平均执行速度。

计算机数据

1024@lruihao.cn (Lruihao) — Mon, 08 Oct 2018 23:01:10 +0800

数据的表示

数据的表示可分为：原码，反码和补码。（二进制）

原码：符号位 0 为正，1 为负。
反码：符号位 0 为正，1 为负。
- 正数：反码同原码。
- 负数：符号位除外其他位按位取反。
补码：
- 正数：同原码。
- 负数：符号位除外其他位按位取反再 +1。
移码：补码符号位取反。

数据表示范围

原码： -(z^n-1 - 1) ~ 2^n-1 - 1
反码： -(z^n-1 - 1) ~ 2^n-1 - 1
补码： -z^n-1 ~ 2^n-1 - 1 （补码正 0 和负 0 相同，少占一数位，就多一个范围）

例： 8 位二进制，除去符号位还有 7 位，7 个 1 为最大数，相当于 8 个 1 减 1，也就是 2^7-1, 所以范围就算出来了。

网页夜间效果

1024@lruihao.cn (Lruihao) — Thu, 27 Sep 2018 13:13:31 +0800

这几天看到别人的博客有开关灯效果，就想给自己的博客也加一个，其实以前就在想了。经过谷歌百度后这样实现了。css+js

网页离开时改变标题“崩溃欺骗”

1024@lruihao.cn (Lruihao) — Wed, 26 Sep 2018 16:36:08 +0800

从暑假到现在有好几个小伙伴问我博客的标题怎么变来变去的，不想再和每个人都说一遍了，耽误时间，索性写一下。

linux/centos 下的安装 git

1024@lruihao.cn (Lruihao) — Sat, 22 Sep 2018 22:28:45 +0800

下载 git

wget https://github.com/git/git/archive/v2.14.1.zip

安装依赖

sudo yum -y install zlib-devel openssl-devel cpio expat-devel gettext-devel curl-devel perl-ExtUtils-CBuilder perl-ExtUtils-MakeMaker

解压 git

unzip v2.14.1.zip

注： unzip 命令用不了，具体步骤如下：

每一个优秀的人，都有一段沉默的时光

1024@lruihao.cn (Lruihao) — Fri, 21 Sep 2018 21:11:25 +0800

手机便签里保存的一段话，也记不得在哪看到的了。

每一个优秀的人，都有一段沉默的时光，是那一段时光，不抱怨不诉苦，最后渡过了这段感动自己的日子。
什么都还没有，所以没有卖弄的资格。如果有了什么，就没有卖弄的必要。

人生的每一笔经历，都在书写你的简历。多做你本以为微不足道的事情，回头看的时候，都有着无法细数的刻度。
自己拼出来的东西，和别人送到嘴边的东西，意义和珍惜的程度都大为不同。

Vim 速查表

1024@lruihao.cn (Lruihao) — Fri, 31 Aug 2018 11:46:39 +0800

Vim 速查表 - 帮你提高 N 倍效率

hexo next 主题添加字数统计（2018）

1024@lruihao.cn (Lruihao) — Thu, 30 Aug 2018 13:15:50 +0800

警告

2018/11/1 说明 next 主题好像更新了，现在自带的可以用了，如果可以用了，以下教程可以忽略！！！

最近有几个小伙伴问我博客的字数统计怎么实现的，怎么网上的教程不管用啊？一开始我搭建博客的时候也遇到了类似的问题，按照 github 上 wordcount 的 readme 操作后，并没有什么用，我打开 post 相关配置文件并没有发现发现 wordcount 这个关键词，next 本身似乎也并没有在主题配置文件提供选项（或许是个人原因），所以只好自己动手加一个了。为了不重复回答问题，先做个原创记录。转载请注明出处。在此抛转引玉，如果有更好的方法请在留言区提出，我会及时更改。同时也希望小伙伴多发扬折腾精神，多专研，少提问，毕竟还是 RTFSC 大法好！(Read the fucking source code)

hexo d 出错

1024@lruihao.cn (Lruihao) — Tue, 21 Aug 2018 22:15:01 +0800

搭建这个博客以来，隔一段时间就出现一次部署失败的错误，每次都差不多，莫名其妙地出现的。前几次不知道怎么瞎搞就好了。
现在做一下记录，防止以后出错用。
错误如下

hexo 个性化 - next 主题动态显示 subtitle

1024@lruihao.cn (Lruihao) — Mon, 20 Aug 2018 16:16:40 +0800

本文适合我这种纯小白。目前为止，全网也就只有一个博主写到过这样动态显示 subtitle 的文章。传送门（关键词：js, 后加载）
但是嘞，该博写的不怎么详细，17 年底写的。当然更大的可能是 next 更新了一些文件结构，所以不适合现在使用了。以前我按原博的流程配置了一下没成功就搁在那里了，今天突然心血来潮。翻了翻原博主博客的源码，再与自己的对比了一下，发现了一些端倪。稍作调整后如下：

“高逼格”C 语言画心

1024@lruihao.cn (Lruihao) — Wed, 15 Aug 2018 16:33:12 +0800

七夕又快到了，分享一个曾经玩过的代码，用 C 语言画一个跳动的心，很有逼格有木有。

大一在机房拍的图

git index.lock

1024@lruihao.cn (Lruihao) — Tue, 14 Aug 2018 19:21:23 +0800

在 git 没有运行完成之前强制关闭，下次提交的时候会产以下生错误，或者类似的。

fatal: Unable to create '/xxx/xx/.git/index.lock': File exists.

If no other git process is currently running, this probably means a
git process crashed in this repository earlier. Make sure no other git
process is running and remove the file manually to continue.

原因是在你进行某些比较费时的 git 操作时自动生成，操作结束后自动删除，相当于一个锁定文件，目的在于防止对一个目录同时进行多个操作。

有时强制关闭进行中的 git 操作，这个文件没有被自动删除，之后你就无法进行其他操作，必须手动删除，进入。git 文件中删除，打开显示隐藏文件。如果没有看见。git 文件夹，可以直接用命令 rm -f ./.git/index.lock 。之后就可以正常使用。

在 Android 上搭建 hexo 博客

1024@lruihao.cn (Lruihao) — Sat, 11 Aug 2018 16:59:05 +0800

暑假刚开始的时候放假回家没带电脑，只能玩手机，想折腾一下博客都没有条件，在一个发现一个 app, 卧槽 😱，termux 真的强大！（初始化需要科学上网）安卓手机上的 linux 简直了，在手机就可以搭了一个 hexo 博客，只要在 github 上实现分支管理就可以多终端同步更新了。恕我学疏才浅，还只想到这些！一开始想回校后，折腾一下 hexo-admin 实现类似动态博客一样的多终端管理（手动滑稽），现在发现 termux 这样子的操作也不错嘛，挺装哔 hhhhhh**部署后的效果**

石子阵列（组合数学）

1024@lruihao.cn (Lruihao) — Fri, 10 Aug 2018 22:11:00 +0800

链接：https://www.nowcoder.com/acm/contest/157/A
来源：牛客网

题目描述

xb 有 m 种石子，每种无限个，Ta 想从这些石子中取出 n 个，并按顺序排列起来，为了好看，相邻的石子不能相同。xb 想知道有多少种排列的方法。

Dreamoon and Stairs

1024@lruihao.cn (Lruihao) — Fri, 10 Aug 2018 20:13:08 +0800

题目链接

Dreamoon wants to climb up a stair of n steps. He can climb 1 or 2 steps at each move. Dreamoon wants the number of moves to be a multiple of an integer m.

What is the minimal number of moves making him climb to the top of the stairs that satisfies his condition?

Input

The single line contains two space separated integers n, m (0 < n ≤ 10000, 1 < m ≤ 10).

Dreamoon and WiFi（组合数学）

1024@lruihao.cn (Lruihao) — Fri, 10 Aug 2018 17:44:47 +0800

题目链接

题目大意

就是给定两个字符串，第一个字符串由"+","-“组成，第二个字符串由”+","-","?“组成，“+”代表加 1，”-“代表减一，“?“代表可取正也可取负，问第二个字符串的位置和第一个字符串相等的概率是多少。

The equation-SGU106（扩展欧几里得）

1024@lruihao.cn (Lruihao) — Fri, 10 Aug 2018 10:32:39 +0800

题意

给出 a,b,c,x1,x2,y1,y2，求满足 ax+by+c=0，且 x∈[x1,x2],y∈[y1,y2] 的整数解个数。

Leading and Trailing-lightoj1282（快速幂 + 对数运算）

1024@lruihao.cn (Lruihao) — Thu, 09 Aug 2018 20:55:26 +0800

题目链接

题目大意

给定两个数 n,k 求 n^k 的前三位和最后三位。

分析

求后三位的话：直接快速幂，对 1000 取模就好了。
求前三位，对于给定的一个数 n, 它可以写成 n=10^{a, 其中这个 a 为浮点数，则t=n^k=(10^a)^k=10^a*k=(10^x)*(10^y);其中 x,y 分别是a*k的整数部分和小数部分，对于 t=n}k 这个数，它的位数由 (10^{x) 决定，它的位数上的值则有 (10}y) 决定，因此我们要求 t 的前三位，只需要将 10^{y 求出，在乘以 100，就得到了它的前三位。

分析完，我们再整体看，设 n}k=10^z; 那么z=k*log10(n)
fmod(z,1)可以求出 x 的小数部分。

Codeforces Round 502(Div.1 + Div.2)

1024@lruihao.cn (Lruihao) — Thu, 09 Aug 2018 10:48:00 +0800

A. The Rank

题目大意：
给出 n 个学生的成绩，Thomas Smith 的成绩是第一行，然后要按总成绩进行排序，总分相同的按编号从小到大排；
开始看还以为要写 sort 的 cmp 函数进行多条件排序，敲完才发现其实只要按总分就可以了，因为托马斯的 id 是一，必然会排在前面。

欧拉函数

1024@lruihao.cn (Lruihao) — Wed, 08 Aug 2018 17:10:07 +0800

欧拉函数是求小于 x 并且和 x互质的数的个数

通式：φ(x)=x(1-1/p1)(1-1/p2)(1-1/p3)(1-1/p4)…..(1-1/pn)
其中 p1, p2……pn 为 x 的所有质因数，x 是不为 0 的整数
φ(1)=1（唯一和 1 互质的数就是 1 本身）【注意：每种质因数只一个。比如 12=223】

定理

若 n 是素数 p 的 k 次幂，φ(n)=p^k-p(k-1)=(p-1)p^(k-1)，因为除了 p 的倍数外，其他数都跟 n 互质
欧拉函数是积性函数——若 m,n 互质，φ(mn)=φ(m)φ(n)

特殊性质

当 n 为奇数时，φ(2n)=φ(n)
p 是素数，φ(p) = p - 1，φ(p) 称为 p 的欧拉值
若 a 为素数，b mod a=0,φ(a*b)=φ(b)*a

Heavy Transportation-poj1797(dijkstra 或最大生成树）

1024@lruihao.cn (Lruihao) — Mon, 06 Aug 2018 09:42:11 +0800

题目链接

大意：
要从城市 1 到城市 N 运送货物，有 M 条道路，每条道路都有它的最大载重量，问从城市 1 到城市 N 运送最多的重量是多少。
其实题意很简单，就是找一条 1–>N 的路径，在不超过每条路径的最大载重量的情况下，使得运送的货物最多。一条路径上的最大载重量为这个路径上权值最小的边；

hexo 博客自定义 console log

1024@lruihao.cn (Lruihao) — Sat, 04 Aug 2018 16:19:06 +0800

看到知乎，百度的页面 F12 检查后都会有一些有趣的招聘信息。于是乎我也想给我的博客加一个。
我主要用到的工具：

console.log()
Notepad++
在线图片转文字工具

Til the Cows Come Home-poj2387(dijkstra 判断重边）

1024@lruihao.cn (Lruihao) — Fri, 03 Aug 2018 21:40:33 +0800

题目链接

题目大意：
说的是，一只奶牛位于 N 号节点，输入 N 个节点和 T 对双向的边，求出由 N 到 1 的最短的距离，其实就是问的单源最短路问题。

两个点可能有多条路，选择最短的。

#include<stdio.h>
#include<string.h>
#include<algorithm>
using namespace std;

const int INF=99999999; //设为无穷大
int maps[1005][1005],v[1005],d[1005]; //v 表示是否已经过遍历 d 表示从源到点当前最短路
int n;

void Dijkstra(int s,int t)
{
 int i,j,k,mini;
 for(i=1;i<=n;i++)
 d[i]=INF; //除源点设为 0 距离外 其他先设为无穷大
 d[s]=0;
 for(i=1;i<=n;i++) //n 点循环 n 次 , 找出 n 个 k, 找 n 个点
 {
 mini=INF;
 k=-1;
 for(j=1;j<=n;j++) //在所有未标记点中 选 d 值最小的点
 if(!v[j] && d[j]<mini)
 mini=d[k=j];

 v[k]=1; //标记节点
 if(k==t)
 {
 printf("%d\n",d[t]);
 return;
 }
 for(j=1;j<=n;j++)
 if(!v[j] && (d[k]+maps[k][j])<d[j]) //表示从 k 出发的点，对于所有边，更新相连点
 d[j]=d[k]+maps[k][j];
 }
}

int main()
{
 int T,i,j,x,y,D;
 while(scanf("%d %d",&T,&n)!=EOF)
 {
 memset(v,0,sizeof(v)); //清除标记
 for(i=1;i<=n;i++)
 for(j=1;j<=n;j++)
 maps[i][j]=INF;

 for(i=1;i<=T;i++){
 scanf("%d%d%d",&x,&y,&D);
 if(maps[x][y]>D) //可能有多条路，只记录最短的
 maps[x][y]=D,maps[y][x]=D;
 }
 Dijkstra(1,n);
 }
 return 0;
}

最短路入门

1024@lruihao.cn (Lruihao) — Fri, 03 Aug 2018 16:27:16 +0800

Dijkstra 算法

1. 定义概览

Dijkstra（迪杰斯特拉）算法是典型的单源最短路径算法，用于计算一个节点到其他所有节点的最短路径。主要特点是以起始点为中心向外层层扩展，直到扩展到终点为止。Dijkstra 算法是很有代表性的最短路径算法，在很多专业课程中都作为基本内容有详细的介绍，如数据结构，图论，运筹学等等。注意该算法要求图中不存在负权边。

牛客暑假多校第五场

1024@lruihao.cn (Lruihao) — Thu, 02 Aug 2018 21:27:02 +0800

题目链接密码：l9sn
终于不爆零了，但是还是 wa 了无数次，有时候代码感觉都差不多

食物链-poj1182（带权并查集经典模板）

1024@lruihao.cn (Lruihao) — Thu, 02 Aug 2018 11:10:37 +0800

题目链接
 思路参考 1,思路参考 2（没看懂）

小希的迷宫-HDU-1272（并查集 or 树性质）

1024@lruihao.cn (Lruihao) — Wed, 01 Aug 2018 21:45:50 +0800

题目链接：小希的迷宫

并查集

无回路
单连通

并查集做，首先想到的是判断两个点是否连通，不连通就合并，已连通的话说明会形成回路，则可以判定 No，交了一发错了。
想了一下没有考虑到多个连通域的情况，该题必须只有一个连通域

树的性质

既然单连通无回路，则这肯定是一棵树；那么 edge=v-1;

How Many Answers Are Wrong-hdu3038（带权并查集）

1024@lruihao.cn (Lruihao) — Wed, 01 Aug 2018 11:45:53 +0800

题目链接：How Many Answers Are Wrong
思路参考：本题直接参考,图文解释

Bear and Finding Criminals-Codeforces680B

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 19:32:21 +0800

题目链接：Bear and Finding Criminals

大致题意就是小熊警察住在某个城市，他要抓各个城市的罪犯，现在用一个 BCD 可以知道那个城市里一定有罪犯。

一定能确定该城市有小偷的几种情况：

警察所住城市有罪犯，则一定能检测到
警察所住城市的左边和右边位置若都不为 0，则说明两座城市都有罪犯（只有一边为 1 是不能确定到底哪个城市有罪犯的）
警察所在城市的一边检测到有罪犯，但在另一边已经没有城市了，则说明该城市一定有罪犯

Bear and Five Cards-Codeforces680A

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 19:22:36 +0800

题目链接：Bear and Five Cards

大致题意就是小熊有 5 张卡片，每张卡片有对应的分数，他可以选择丢弃 2 张相同的或者 3 张相同的卡片，没有相同的就无法丢弃，问小熊剩下的分数最少是多少。

how many tables-HDU-1213（并查集求连通域数目）

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 11:12:10 +0800

并查集求连通域数目，初始化 sum=n；题目链接： how many tables

The-suspects-POJ-1611（并查集）

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 11:11:31 +0800

题目链接：The-suspects

翻译

警察抓贩毒集团。有不同类型的犯罪集团，人员可能重复，集团内的人会相互接触。现在警察在其中一人（0 号）身上搜出毒品，认为与这个人直接接触或通过其他人有间接接触的人都是嫌疑犯。问包括 0 号犯人共有多少嫌疑犯？

wireless network-POJ-2236（并查集）

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 11:10:54 +0800

题目链接：wireless network

翻译

Piles-with-stones

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 11:09:31 +0800

Codeforces Round #500 (Div. 2)
题目链接：Piles With Stones

畅通工程-HDU-1232（并查集经典模板）

1024@lruihao.cn (Lruihao) — Tue, 31 Jul 2018 11:08:43 +0800

并查集入门推荐：超有爱的并查集~

题目链接：畅通工程

题意分析

首先在地图上给你若干个城镇，这些城镇都可以看作点，然后告诉你哪些对城镇之间是有道路直接相连的。最后要解决的是整幅图的连通性问题。比如随意给你两个点，让你判断它们是否连通，或者问你整幅图一共有几个连通分支，也就是被分成了几个互相独立的块。像畅通工程这题，问还需要修几条路，实质就是求有几个连通分支。

牛客练习赛 23

1024@lruihao.cn (Lruihao) — Fri, 27 Jul 2018 21:56:08 +0800

两题水过，暴力，找规律。

托米的赌球

托米的划分

在线离线算法

1024@lruihao.cn (Lruihao) — Thu, 26 Jul 2018 09:57:32 +0800

在线算法

在线算法是指它可以以序列化的方式一个个的处理输入，也就是说在开始时并不需要已经知道所有的输入。

HDU-1495-非常可乐（bfs 模拟倒水 or 数论）

1024@lruihao.cn (Lruihao) — Tue, 24 Jul 2018 15:34:00 +0800

非常可乐

大家一定觉的运动以后喝可乐是一件很惬意的事情，但是 seeyou 却不这么认为。因为每次当 seeyou 买了可乐以后，阿牛就要求和 seeyou 一起分享这一瓶可乐，而且一定要喝的和 seeyou 一样多。但 seeyou 的手中只有两个杯子，它们的容量分别是 N 毫升和 M 毫升可乐的体积为 S（S<101）毫升（正好装满一瓶），它们三个之间可以相互倒可乐（都是没有刻度的，且 S==N+M，101 ＞ S ＞ 0，N ＞ 0，M ＞ 0) 。聪明的 ACMER 你们说他们能平分吗？如果能请输出倒可乐的最少的次数，如果不能输出"NO"。

hdu-2612-Find a way（双 bfs）

1024@lruihao.cn (Lruihao) — Mon, 23 Jul 2018 12:34:42 +0800

Find a way

圣诞节要到了，坤神和瑞瑞这对基佬想一起去召唤师大峡谷开开车。百度地图一下，发现周围的召唤师大峡谷还不少，这对基佬纠结着，该去哪一个。坤神：我要去左边的这个（因为离自己比较近哈哈~）。瑞瑞：我要去右边的这个（因为离自己比较近嘿嘿~） …….. 这对基佬闹矛盾了，开车有危险了！为了不让他们去召唤师大峡谷坑人，riot 决定让他们去 X 召唤师大峡谷，保证他俩所走的路程和最短。每走一个点需要花费 11 分钟，输出他们一共花费多少时间（最短时间噢）

POJ-3278-Catch That Cow(bfs)

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 12:10:32 +0800

Farmer John has been informed of the location of a fugitive cow and wants to catch her immediately. He starts at a point N (0 ≤ N ≤ 100,000) on a number line and the cow is at a point K (0 ≤ K ≤ 100,000) on the same number line. Farmer John has two modes of transportation: walking and teleporting.

Walking: FJ can move from any point X to the points X",“1 or X + 1 in a single minute
Teleporting: FJ can move from any point X to the point 2 × X in a single minute.

If the cow, unaware of its pursuit, does not move at all, how long does it take for Farmer John to retrieve it?

Input

Line 1: Two space-separated integers: N and K

poj-2251-Dungeon Master（三维 bfs 最短路）

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 12:02:32 +0800

英文原题链接

Description - 题目描述

你被困在一个三维的空间中，现在要寻找最短路径逃生！
空间由立方体单位构成
你每次向上下前后左右移动一个单位需要一分钟
你不能对角线移动并且四周封闭
是否存在逃出生天的可能性？如果存在，则需要多少时间？

poj-1321 棋盘问题（dfs）

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:58:14 +0800

Time Limit: 1000MS
Memory Limit: 10000K
Total Submissions: 63659
Accepted: 30423

Description

在一个给定形状的棋盘（形状可能是不规则的）上面摆放棋子，棋子没有区别。要求摆放时任意的两个棋子不能放在棋盘中的同一行或者同一列，请编程求解对于给定形状和大小的棋盘，摆放 k 个棋子的所有可行的摆放方案 C。

poj-1426-Find The Multiple(dfs)

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:57:13 +0800

Find The Multiple

Time Limit: 1000MS Memory Limit: 10000K
Total Submissions: 40713 Accepted: 17088 Special Judge

Description

Given a positive integer n, write a program to find out a nonzero multiple m of n whose decimal representation contains only the digits 0 and 1. You may assume that n is not greater than 200 and there is a corresponding m containing no more than 100 decimal digits.

Adjacent Replacements

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:54:14 +0800

A. Adjacent Replacements

第一次打 cf 就做出一道这样的找规律的题，打到自闭。

#include<bits/stdc++.h>
using namespace std;

int main(){
 int n,a[1001];
 cin>>n;
 int i;
 int flag=0;
 for(i=0;i<n;i++){
 cin>>a[i];
 if(!(a[i]&1)) a[i]--;
 if(!flag) {cout<<a[i];flag=1;}
 else cout<<" "<<a[i];
 }
 return 0;
}

poj-3984-迷宫问题 (bfs 路径）

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:50:20 +0800

迷宫问题

Time Limit: 1000MS Memory Limit: 65536K
Total Submissions: 32323 Accepted: 18471

Description

定义一个二维数组：

int maze[5][5] = {
 0, 1, 0, 0, 0,
 0, 1, 0, 1, 0,
 0, 0, 0, 0, 0,
 0, 1, 1, 1, 0,
 0, 0, 0, 1, 0,
};

它表示一个迷宫，其中的 1 表示墙壁，0 表示可以走的路，只能横着走或竖着走，不能斜着走，要求编程序找出从左上角到右下角的最短路线。

Wannafly 挑战赛 20-染色

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:46:25 +0800

链接：https://www.nowcoder.com/acm/contest/133/A
来源：牛客网

题目描述

现在有一棵被 Samsara-Karma 染了 k 种颜色的树，每种颜色有着不同的价值，Applese 觉得 Samsara-Karma 染的太难看了，于是打算把整棵树重新染成同一种颜色，但是，由于一些奥妙重重的原因，每一次染色 Applese 可以选择两个有边相连的点，将其中一个染成另一个的颜色。而进行一次这样的操作需要付出两种颜色价值和的代价，
现在，Applese 的钱要用来买书 (game)，所以他想要最小化代价

杨辉三角

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:41:15 +0800

百度知道 1

1 1

1 2 1

1 3 3 1

1 4 6 4 1

1 5 10 10 5 1

1 6 15 20 15 6 1

hdu-1241-Oil Deposits (dfs)

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:37:20 +0800

Oil Deposits

翻译
Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)
Total Submission(s): 41406 Accepted Submission(s): 23977

Problem Description

The GeoSurvComp geologic survey company is responsible for detecting underground oil deposits. GeoSurvComp works with one large rectangular region of land at a time, and creates a grid that divides the land into numerous square plots. It then analyzes each plot separately, using sensing equipment to determine whether or not the plot contains oil. A plot containing oil is called a pocket. If two pockets are adjacent, then they are part of the same oil deposit. Oil deposits can be quite large and may contain numerous pockets. Your job is to determine how many different oil deposits are contained in a grid.

BFS 求最短路

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:31:05 +0800

假设有一个 n 行 m 列的迷宫，每个单位要么是空地（用 1 表示）要么是障碍物（用 0 表示）.
如和找到从起点到终点的最短路径？利用 BFS 搜索，逐步计算出每个节点到起点的最短距离，
以及最短路径每个节点的前一个节点。最终将生成一颗以起点为根的 BFS 树。此时 BFS 可以求出任意一点到起点的距离。

Educational Codeforces Round 47 (Rated for Div. 2)

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:25:56 +0800

那天晚上报名了没打，第二天早上打的，也只出了两题。

A. Game Shopping

#include<iostream>
using namespace std;

int main(){
 int n,m,s=0;
 cin>>n>>m;
 int i,j;
 int c[1000],a[1000];
 for(i=0;i<n;i++)
 cin>>c[i];
 for(i=0;i<m;i++)
 cin>>a[i];
 for(i=0,j=0;i<n;){
 if(j==m)
 break;
 if(c[i]<=a[j]){
 s++;
 j++;
 i++;
 }
 else i++;
 }
 if(i==n&&s==0)
 cout<<"0\n";
 else cout<<s<<endl;
 return 0;
}

B. Minimum Ternary String

#include <bits/stdc++.h>
using namespace std;

string s, ans;

int main(){
 cin >> s;
 int one = 0;
 for (int i = 0; i < s.size(); i++){
 if (s[i] == '0') ans += "0";
 if (s[i] == '1') one++;
 if (s[i] == '2') ans += "2";
 }
 bool flag = false;
 for (int i = 0; i < ans.size(); i++){
 if (ans[i] == '2' && !flag) flag = true, cout << string(one, '1');
 cout << ans[i];
 }
 if (!flag) cout << string(one, '1');
 return 0;
}

/*

100210

11222121

20

2001

020201

2012101

111

000

*/

深搜广搜

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 11:25:14 +0800

广度优先搜索（BFS）

广度优先搜索在进一步遍历图中顶点之前，先访问当前顶点的所有邻接结点。访问了就入队。

深度优先搜索（DFS）

深度优先搜索在搜索过程中访问某个顶点后，需要递归地访问此顶点的所有未访问过的相邻顶点。

TaoTao 要吃鸡

1024@lruihao.cn (Lruihao) — Sun, 22 Jul 2018 10:55:21 +0800

2018 年全国多校算法寒假训练营练习比赛（第二场）B(0 1 背包变化特殊处理一个物品）
链接：https://www.nowcoder.com/acm/contest/74/B
来源：牛客网

题目描述

Taotao 的电脑带不动绝地求生，所以 taotao 只能去玩 pc 版的荒野行动了，和绝地求生一样，游戏人物本身可以携带一定重量 m 的物品，装备背包之后可以多携带 h（h 为 0 代表没有装备背包）重量的东西。玩了几天 taotao 发现了一个 BUG，当装备背包之后，如果可携带重量没有满，就可以拿一个任意重的东西（解释看样例）有一天 taotao 空降到了一个奇怪的岛上，岛上有 n 件装备，每个装备都有重量 Wi 和威力值 Vi, 但 taotao 不认识这些装备，所以他来求助你，挑选威力最大的装备，帮助他吃鸡。

Wannafly 挑战赛 18-序列

1024@lruihao.cn (Lruihao) — Wed, 18 Jul 2018 08:40:21 +0800

时间限制：C/C++ 1 秒，其他语言 2 秒
空间限制：C/C++ 262144K，其他语言 524288K
64bit IO Format: %lld

题目描述

有一个长度为 n 的序列 a，已知 a[1]=a[n]=1，且对于 2 <= x <= n，a[x] / a[x-1] 是以下三个数字之一 [ 1，-2，0.5 ], 问有多少种不同的序列满足题意。
两个序列不同当且仅当它们有至少一个位置上的数字不同，序列 a 可以为任何实数。

简单背包

1024@lruihao.cn (Lruihao) — Sat, 16 Jun 2018 13:18:43 +0800

弱鸡还是弱鸡啊最简单的背包问题——。——！

问题描述

假设有一个能装入总体积为 T 的背包和 n 件体积分别为 W1，W2，···，Wn 的物品，能否从 n 件物品中挑选若干件恰好装满背包，即使 W1+W2+···+Wn=T，要求找出所有满足上述条件的解。例如：当 T=10，共 6 件物品，物品的体积为{1，2，3，4，5，8}，那么可找到下列 4 组解：（1，2，3，4）、（1，4，5）、（2，3，5）、（2、8）。

18 湘潭邀请赛参赛队员代表发言

1024@lruihao.cn (Lruihao) — Fri, 15 Jun 2018 07:51:21 +0800

来自一位大佬的演讲

尊敬的领导、教练，亲爱的参赛选手们：
大家好，我是来自广东工业大学的 tmk。今天很荣幸能够站在这里代表全体参赛选手发言，与大家分享我的经历和感受。
刚开始来到大学的时候，我一心向学，本着“好好学习，天天向上，为校争光，不搞对象”的信念，想在大学一展宏图。因为高中 OI 的挫败，我在刚上大学的时候就选择了 ACM 这条“不归路”。一开始是因为高中的遗憾，到后来就完全是因为信念和兴趣慢慢一直搞到现在。当时的我还不知道踏上 ACM 这条路的苦，而如今的我却也尝到了 ACM 带给我的乐。
在这三年里，有数不清的夜晚，我的舍友们在寝室里开黑，而我和我的队友在机房里开黑；在这三年里，有数不清的周末，我的舍友们在校园里驰骋，而我和我的队友在题库里驰骋；在这三年里，有数不清的假期，我的舍友们在召唤师峡谷里征战，而我和我的队友在中国各省市征战。三年过去了，我的舍友们成为了 offer 收割机，而我和我的队友成为了气球收割机。
为了变强是一个痛苦且漫长的过程，只有耐得住寂寞，才能守得住繁华。我的一位队友为了变强甚至牺牲了自己的头发，仅仅是因为他担心他的头发阻碍了他思维的发散。他变秃了也变强了。
三年的 ACM 让我成长很多，收获很多。我也从一个“好好学习天天向上为校争光不搞对象”的无知青年变成了一个写的了工程查得出异常的准程序员。我觉得三年献身于 ACM 的日子是值得的，和一大堆萌萌的男孩子们在屋子里面一个又一个通宵奋斗的酣畅淋漓的日子是值得的，看着谈恋爱的大家一会儿哀伤一会儿忧愁而我与代码自得其乐矢志不渝的日子是值得的。此外他还给我带来两个最好的小伙伴，是他们的一路陪伴，让我有勇气一直走下去。我和他们走过的地方，比我和女朋友去过的地方还要多。噢，对了，我好像没有女朋友。总而言之，请珍惜你们的队友，他们是你们在大学里为数不多一起奋斗的小伙伴。希望大家像我一样，也爱着 ACM，为自己心爱的努力。
最后预祝各位参赛选手们取得理想的成绩，也预祝本次大赛圆满成功。谢谢大家。

18 湘潭邀请赛总结

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 23:32:47 +0800

题目链接（hdu 复赛）

2018 年湘潭邀请赛，在湘大举行，当时一起打的过去的，因为没出市就方便点。第一次参加现场赛，首先反省一下自己，比赛前算法先不说（没有好好搞过），就连普通的题，数学性质的题都很少刷，什么都不会，然后英语不说四六级的东西，很多专业英语词汇都没有好好了解过，主要的原因还是刷题刷少了，英文题刷少了。理所当然，成功拿下一铁，湘潭赛打铁告终。

F.sorting

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 22:49:27 +0800

K.2018

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 22:48:16 +0800

K. 2018

Given a,b,c,d, ﬁnd out the number of pairs of integers (x,y) where a ≤ x ≤ b,c ≤ y ≤ d and x·y is a multiple of 2018.

B.Higher h-index

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 22:47:28 +0800

B. Higher h-index

The h-index of an author is the largest h where he has at least h papers with citations not less than h.
Bobo has no papers and he is going to publish some subsequently. If he works on a paper for x hours, the
paper will get (a·x) citations, where a is a known constant. It’s clear that x should be a positive integer.
There is also a trick – one can cite his own papers published earlier.

Given Bobo has n working hours, ﬁnd the maximum h-index of him.

A.Easy h-index

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 22:36:58 +0800

A. Easy h-index

The h-index of an author is the largest h where he has at least h papers with citations not less than h.
Bobo has published many papers. Given a0,a1,a2,…,an which means Bobo has published ai papers with
itations exactly i, ﬁnd the h-index of Bobo.

sort 排序

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 20:23:03 +0800

sort 使用#include<algorithm>头文件，

sort（开始地址，结束地址，排序方式），其中第三参数可以没有，则默认为升序排序。

或者简单的用 less<参数类型>()表示升序

greater<参数类型>()表示降序

也可以用一个 bool 型函数，比如：

bool cmp(int a,int b){

 return a>b;//表从大到小，即降序

}

假设自己定义了一个结构体 node

位运算

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 20:22:21 +0800

1. &运算

&运算通常用于二进制取位操作，例如一个数 & 1 的结果就是取二进制的最末位。这可以用来判断一个整数的奇偶，二进制的最末位为 0 表示该数为偶数，最末位为 1 表示该数为奇数。

C++ with STL

1024@lruihao.cn (Lruihao) — Thu, 14 Jun 2018 20:22:06 +0800

1.swap（交换两元素值，在 algorithm 下，用法：swap(a,b);）

交换两元素的值在 C 语言课上作为指针讲解的典例。

int a=1,b=2;

swap(a,b);

//此时 a=2,b=1

（可以是其他类型）

各种 Links 汇总与分享

1024@lruihao.cn (Lruihao) — Thu, 07 Jun 2018 00:06:05 +0800

2021/10/1 更新
使用 Chrome 等浏览器管理书签是更好更方便的方式，登陆 google 账号，或者导出 html 书签文件都挺方便。

我们在平时学习生活总会遇到很多很多有用的网站，也许我们收藏在了浏览器书签里，可过久了，不做说明，这些链接的价值就被时间淹没了，我们自己都记不起来了，所以这篇文章因此而生。对自己收藏的链接做些简单的说明（第一次编写用了我一个下午）；也相当于我的链接收藏夹，分享一些有趣的网站，

hexo+github 搭建个人博客及美化

1024@lruihao.cn (Lruihao) — Fri, 01 Jun 2018 14:34:23 +0800

更多关于 hexo

首先

官方文档是我们的第一手资料，也是最好的。安装 Hexo 相当简单。然而在安装前，你必须检查电脑中是否已安装下列应用程序：

hexo 添加图片，音乐，链接，视频

1024@lruihao.cn (Lruihao) — Thu, 31 May 2018 23:19:22 +0800

如果实在搞得头晕直接去简书写文章，再把简书生成的 md 文章复制过来就好了（简书是个不错的 Markdown 在线编辑器），还可以去马克飞象，专为印象笔记打造的 Markdown 编辑器，typora 也是不错的，突然发现 csdn 也支持 Markdown 编译器了

猴子与哪吒

1024@lruihao.cn (Lruihao) — Thu, 31 May 2018 10:09:15 +0800

一直觉得中国古代神话

能称得上传奇的只有两个人物：

一是猴子

一是哪吒

百世蕴灵育出只石猴大闹天宫腾云驾雾

三年怀胎生了个哪吒东海屠龙翻江倒海

可以说除了这两人没人再能当得起离经放纵四个字的

但称得上悲剧的约摸也只有这两个

一个五行山下压五百年揭了封印戴上金箍无悲无喜拜佛西天唤孙悟空

一个削肉还母剔骨还父塑了莲身站上火轮无怨无恨封神南门号三太子

博客构建档（HTML & Markdown）

1024@lruihao.cn (Lruihao) — Mon, 28 May 2018 12:24:11 +0000

菠菜眾長

Hugo FixIt 作者，喜欢瞎折腾、造轮子、写东西，分享一些前端开发中的所见、所闻、所思。

共计 296 篇文章 by Lruihao.

2026

共计 1 篇文章

03-06 一个轻量化 Tooltip 组件。

2025

共计 14 篇文章

2024

共计 38 篇文章

2023

共计 35 篇文章

12-22 尝试在 Python 中使用 Amazon Titan 文本模型
11-28 用 Node.js 开发一个轻量脚手架
11-20 🛠️ A node-based tooling for FixIt site initialization.
11-18 探索 AWS 云上一站式解决方案免费使用
10-22 SSH 提交签名验证
10-12 如何给 npm 包打补丁？
10-12 拖拽式仪表盘系列总结
10-12 拖拽式仪表盘 - 组件开发
10-12 拖拽式仪表盘 - 模板使用
10-12 拖拽式仪表盘 - 组件配置文档
10-12 拖拽式仪表盘 - 布局模板文档
10-12 拖拽式仪表盘 - 功能需求分析
10-11 给你的 Markdown 挑挑刺
10-08 认知复杂度（Cognitive Complexity）
09-26 写作技巧：如何搭建文章的框架结构？
09-25 如何让 Element UI 表头、表尾、横向滚动条吸顶吸底固定？
09-17 封装 Vue FullScreenToggler 组件
09-15 JS 实现全屏和退出全屏
09-15 中文翻译的常见问题
09-14 在 Vue 项目中更优雅地使用 icon
09-14 VSCode 添加用户代码片段，自定义用户代码片段
09-02 CSS 如何实现网格背景效果？
08-26 将 Hugo 博客部署到亚马逊云服务器
08-08 Vue2 and element-ui related demos
07-20 用魔法打败魔法 - ElBacktop Fix
06-14 A plugin includes a set of directives to make the header, footer and horizontal scrollbar sticky or make highly adaptive of Element UI (Vue 2) tables.
06-14 使用 Node.js 自动创建 Vue 的路由
06-12 解决 SourceTree 提交时候 husky 命令失败问题
06-03 Vue2 + tailwindcss 初始化
03-14 新手向：Vue 2.0 的建议学习顺序
02-28 🎶 A Hugo theme component with a NetEase Cloud random comment shortcode.
02-12 浏览器 IMG 图片原生懒加载 loading=“lazy”
02-05 浏览器渲染原理
02-04 中文技术文档的写作规范
01-11 浏览器原理 - 事件循环

2022

共计 20 篇文章

12-17 2022 年度总结
12-15 安装 Homebrew 后导致系统中原有的 npm 和 npx 失效
10-10 基于 fex-team/kityminder-core 和 Vue2 封装的在线脑图编辑组件
09-30 🆕 A quick-start template base on Hugo Modules to create a Hugo FixIt site.
09-27 🆕 A quick-start template base on Git submodule to create a Hugo FixIt site.
09-04 Using frequently-used Hugo commands by shell.
08-31 Beego 安装及配置
08-13 语义版本控制（SemVer）
08-12 Commit Message Spec
08-12 electron 踩坑总结
08-08 前端页面内容加密总结
08-07 Node.js + GitHub Actions 自动刷新 CDN
08-07 不同系统的换行符的差异
07-31 自定义 ohmyzsh 主题
07-30 linux 文件权限
07-29 Mac 上的开发配置总结
07-23 📄 The open-source repo for fixit.lruihao.cn
07-05 Mac 配置 ADB
05-01 重新认识 JavaScript
04-30 关于 CSS 和 Scss 变量运算那些事

2021

共计 18 篇文章

12-22 Getting Things Done for ios App Reminders and Github issues
12-16 🔧 A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
10-05 Sublime 剪贴板图片粘贴插件 —— Markdown 必备
10-05 Hugo 添加知乎卡片式链接 Shortcodes
10-05 Hugo I18n 添加中文繁體翻譯
10-05 Hugo 友情連結模板
10-04 Hugo 本地管理 Shell 腳本
10-04 Hugo 使用 GitHub Actions 部署到 GithHb Pages 和腾讯云 cos 桶
10-03 个人博客从 Hexo 迁移至 Hugo
06-22 less&sass&scss
06-21 Lightbox
06-21 2020&2021 總結
05-24 Create watermark for webpage and automatic adjust when window resize.
05-23 Cell Watermark
03-04 Code Review 怎麼做？新手工程師如何提升「程式碼品質」
03-02 基于 leancloud-storage 实现的无后端记账本
03-01 你为什么吸烟？
02-28 基于 leancloud-storage 实现的无后端记账本

2020

共计 8 篇文章

2019

共计 71 篇文章

11-24 利用腾讯云为静态页面添加“动态”相册
11-23 解析腾讯云 cos 桶 xml 生成相册,同时也是图床的显示页面
11-14 RESTful
09-28 php 同时主动推送链接到百度，神马等站长平台
09-28 php 按行读取文件信息
09-26 沐目之，湘也。— 沐目体
09-19 设置网站运行时间
09-08 script 的三种加载方式 (async, defer)
08-15 Sublime Text3 快捷键大全
08-15 NetBeans IDE 开发设置
08-15 Web 开发规则，代码规范
07-19 简单评论模块–php 表单练习
07-15 php 函数学习
07-12 WAMPServer 自定义网站根目录等设置
06-21 python 实训总结Ⅱ
06-18 python 实训总结Ⅰ
05-26 判断三角形的黑盒测试
05-17 HustOJ 基础搭建教程
05-17 最大公约数（二进制算法）
05-16 宝塔面板安装 ImgURL 图床
05-11 python 实战：模拟 post 请求定时获取后台数据并打包发送至微信
05-10 条件注释判断浏览器版本<!–[if lt IE 9]>;
05-09 python 设置程序每天 8 点定时执行任务
05-09 安装 pyinstaller 出错的解决办法及 csdn 工具实例打包
05-08 java 实现一个单线程的资源下载器
05-07 Python 如何操作 Json？
05-07 python 发送 post 请求进行简单的接口测试
05-06 java 通过 URL 和 URLConnection 访问网页资源
05-02 文件加密解密（字节流）
05-01 模拟借书系统（java 异常练习）
04-27 用 MyQR 制作专属动态二维码 (py 和 exe 版本）
04-24 第一次面试经历
04-22 python 爬取网站图片（图片链接相似）
04-20 python 玩微信：初探 wxpy
04-20 基本 python 实现的爬取微信好友头像，并拼接成大图
04-19 用记事本编写第一个 java 程序
04-18 java 正则表达式练习
04-14 java 常用类
04-12 HDU 1009 FatMouse’ Trade（贪心）
04-03 本地搭建网站服务器并穿透内网
03-30 前端面试题 - HTML+CSS
03-30 百钱百鸡（枚举法）
03-28 大数乘法
03-28 vps 配置 ssl 及 https 重定向
03-21 hexo-theme-next @modified LRH
03-21 Java 父类子类的对象初始化过程
03-21 ubuntu + windows 双系统默认启动项设置
03-19 宅音乐播放器
03-18 宝塔面板安装
03-18 web 汇总
03-16 java 泛型 test
03-15 eclipse 的基本使用
03-15 匿名类在可视化界面中的应用
03-15 模仿知乎卡片式链接
03-15 win10,ubuntu 双系统时间不一致
03-08 QQ 强制生成卡片式链接
03-04 磁盘存储器的管理
03-04 JS 验证码
02-01 还乡
01-31 Elegant and powerful theme for Hexo.
01-24 java 继承 test
01-22 利用腾讯云对象存储 COS 桶托管 hexo 博客
01-18 Arrays 类及基本使用
01-16 在搜索、文章底部、侧栏添加最近文章模块
01-15 java 猜数字小游戏（Math 类）
01-15 面向对象基础知识总结
01-14 java 水仙花数（循环）
01-14 java 录入数据
01-14 java 标识符
01-12 英语语法–主谓一致
01-12 2018 年度总结

2018

共计 91 篇文章

12-10 英语语法–形式倒装
12-10 英语语法–完全倒装
12-08 英语语法–部分倒装
11-24 hexo 插件及 next 内置样式集
11-17 通过 bat 批处理文件自动提交博客代码
11-12 博採眾長 app
11-11 caddy-两步搭建超简单云盘
11-09 next 添加支持 pdf
11-03 js 判断用户设备类型及平台
11-03 hexo 博客源码备份
10-30 Git 常用指令汇总
10-29 网站备案之旅
10-29 shell 脚本初体验
10-29 云服务器 CentOS 系统搭建 web 服务
10-28 使用 js 准确获取当前页面 url 网址信息及 301 重定向实战
10-26 windows 上搭建 web 服务器
10-26 使用 Git 上传代码到 github, coding 等仓库
10-23 termux 基本使用教程
10-17 ttf 字体压缩
10-15 linux 编程初体验
10-12 沐目体
10-09 流水线
10-08 计算机数据
09-27 网页夜间效果
09-26 网页离开时改变标题“崩溃欺骗”
09-22 linux/centos 下的安装 git
09-21 每一个优秀的人，都有一段沉默的时光
08-31 Vim 速查表
08-30 hexo next 主题添加字数统计（2018）
08-21 hexo d 出错
08-20 hexo 个性化 - next 主题动态显示 subtitle
08-15 “高逼格”C 语言画心
08-14 git index.lock
08-11 在 Android 上搭建 hexo 博客
08-10 石子阵列（组合数学）
08-10 Dreamoon and Stairs
08-10 Dreamoon and WiFi（组合数学）
08-10 The equation-SGU106（扩展欧几里得）
08-09 Leading and Trailing-lightoj1282（快速幂 + 对数运算）
08-09 Codeforces Round 502(Div.1 + Div.2)
08-08 欧拉函数
08-06 Heavy Transportation-poj1797(dijkstra 或最大生成树）
08-04 hexo 博客自定义 console log
08-03 Til the Cows Come Home-poj2387(dijkstra 判断重边）
08-03 最短路入门
08-02 牛客暑假多校第五场
08-02 食物链-poj1182（带权并查集经典模板）
08-01 小希的迷宫-HDU-1272（并查集 or 树性质）
08-01 How Many Answers Are Wrong-hdu3038（带权并查集）
07-31 Bear and Finding Criminals-Codeforces680B
07-31 Bear and Five Cards-Codeforces680A
07-31 how many tables-HDU-1213（并查集求连通域数目）
07-31 The-suspects-POJ-1611（并查集）
07-31 wireless network-POJ-2236（并查集）
07-31 Piles-with-stones
07-31 畅通工程-HDU-1232（并查集经典模板）
07-27 牛客练习赛 23
07-26 在线离线算法
07-24 HDU-1495-非常可乐（bfs 模拟倒水 or 数论）
07-23 hdu-2612-Find a way（双 bfs）
07-22 POJ-3278-Catch That Cow(bfs)
07-22 poj-2251-Dungeon Master（三维 bfs 最短路）
07-22 poj-1321 棋盘问题（dfs）
07-22 poj-1426-Find The Multiple(dfs)
07-22 Adjacent Replacements
07-22 poj-3984-迷宫问题 (bfs 路径）
07-22 Wannafly 挑战赛 20-染色
07-22 杨辉三角
07-22 hdu-1241-Oil Deposits (dfs)
07-22 BFS 求最短路
07-22 Educational Codeforces Round 47 (Rated for Div. 2)
07-22 深搜广搜
07-22 TaoTao 要吃鸡
07-18 Wannafly 挑战赛 18-序列
06-16 简单背包
06-15 18 湘潭邀请赛参赛队员代表发言
06-14 18 湘潭邀请赛总结
06-14 F.sorting
06-14 K.2018
06-14 B.Higher h-index
06-14 A.Easy h-index
06-14 sort 排序
06-14 位运算
06-14 C++ with STL
06-07 各种 Links 汇总与分享
06-03 戏子春秋
06-01 hexo+github 搭建个人博客及美化
05-31 hexo 添加图片，音乐，链接，视频
05-31 猴子与哪吒
05-28 博客构建档（HTML & Markdown）
05-28 Hello World

Hello World

1024@lruihao.cn (Lruihao) — Mon, 28 May 2018 20:01:01 +0800

“每天早晨叫醒你的不是鬧鐘，而是你的夢想。”

我有過靠著這種信念撐下來的日子，我見過自己努力的樣子，至於現在的自己配不配得上當初努力的自己，
其實也不重要了，還望披荊斬棘，不改初心。

不怕萬人阻擋，只怕自己投降。你如何回憶，決定你是一個怎樣的人！

從大一伊始，打 ACM 比賽，訓練刷題，再到毅然決然離開實驗室，選擇陌生的 Web 開發，從工作前的一無所知到，到前端開發，後端開發，到教實習生，到面試新人，到開始乏味。這一路走來，好奇心，探索欲，瞎擇騰，或許還有愛意，都是支撐我的動力。

Lruihao - 作者 | 菠菜眾長

一个轻量化 Tooltip 组件。

cell-tooltip

特性

本地运行

Command line tool for generating a changelog from git tags and commit history

auto-changelog-plus

📦 安装

🚀 用法

让 Mermaid 图表自动跟随系统深浅色

黑盒出关・三把钥匙定江湖

Code Playground

A custom web component that embeds caniuse.com browser compatibility data for a specific feature.

<caniuse-embed> Element

A custom element for viewing and interacting with JSON data.

<json-viewer> Element

功能特性

使用方法

安装

引入

作为模块

UMD (CDN)

基本用法

CSS @layer：构建更高效、更可维护的样式层级

Vue.js History 模式下的 NGINX 配置与 API 代理

The webfont package for the MMT typeface.

MMT webfont package

Demo

API proxies powered by Vercel.

Vercel API Proxy

Hosts

API List

CSS Flexbox 布局指南

震惊！CSS 竟然能获取视口尺寸？

搜索

Amazon 如何让服务器享受着持续集群安全？

自动获取 GitHub README 内容添加到 Hugo 文章

不使用任何框架，只使用原生 HTML、CSS 和 JavaScript 的一些小 demo。

HTML demos

文件预览

赞赏记录

现代 CSS 解决方案：CSS 四舍五入数值单位

Git 统计代码量

现代 CSS 解决方案之异形元素怎么设置阴影？

CSS 实现时间轴、背景图 loading 和渐变边框

探索 Amazon S3 的无限存储潜力

标准滚动条控制规范

如何实现 VSCode 编辑器窗口边界拖拽类似功能

架构之基：从根儿上了解设计原则

怎么生成暗黑模式和明亮模式的 SVG 图片？

利用 Vercel 反代 Gravatar 实现镜像加速

Gravatar Proxy powered by Vercel.

Vercel Gravatar

临时决定再写一个小工具 - 网站预览图生成器

用五天时间给自己制作一个封面图生成工具

🛠 Create awesome cover images for your blog posts quickly.

CoverView

💥 变更通知

写文档时英文标题什么时候要大写？

实现类似于 Element UI 表格的溢出文本提示功能

聊聊 Chrome 新增的 sizes="auto" 属性

2023 年度总结

强大的脑图可视化工具

KityMinder Core

简介

记一次 Debug 第三方包的过程

为什么很多教程中都有 foo bar？

git submodule: already exists in the index

给 el-card 添加折叠功能

尝试在 Python 中使用 Amazon Titan 文本模型

用 Node.js 开发一个轻量脚手架

探索 AWS 云上一站式解决方案免费使用

SSH 提交签名验证

如何给 npm 包打补丁？

拖拽式仪表盘系列总结

特点和功能

拖拽式仪表盘 - 组件开发

拖拽式仪表盘 - 模板使用

拖拽式仪表盘 - 组件配置文档

拖拽式仪表盘 - 布局模板文档

`<caniuse-embed>` Element

Hugo 使用 GitHub Actions 部署到 GithHb Pages 和腾讯云 cos 桶