青颜的天空-优快云博客

原创 Markdown编辑器常用语法使用指南（优快云通用）

@[TOC](这里写自定义目录标题)## 功能快捷键这里写自定义目录标题功能快捷键标题1级标题2级标题3级标题四级标题五级标题六级标题文本样式列表链接代码片表格自定义列表注脚注释SmartyPants导出与导入导出导入功能快捷键撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + Shift + H无序列表：Ctrl/Command + Shift +

2020-07-16 14:46:18 1325

原创 HTML 网页特殊符号代码大全

HTML网页特殊符号代码大全在网页设计中，我们有时需要把以下两种字符显示在页面上：HTML的保留字符。无法通过键盘输入但能表达某种特殊含义的字符。直接使用往往是无法显示的，这时就必须使用它们对应的实体名称或实体数字才能显示（在大多数浏览器中默认的字符集为ISO-8859-1）。下面做了整理，以备速查（注意：代码对大小写敏感）。1、特色类字符实体名称实体数字描述©©©版权标志| 竖线，常用作菜单或导航中的分隔符

2020-07-09 23:07:27 47474 9

原创那些好用真香的工具网站

看抽象语法树: https://astexplorer.net/gif制作：http://www.gif5.net压缩图片：https://www.yasuotu.com/

2020-06-18 16:10:38 552 1

原创 CSS 学习之正确看待 CSS 世界里的 margin 合并

块级元素的上外边距(margin-top)与下外边距(margin-bottom)有时会合并为单个外边距，这样的现象称为“margin 合并从此定义上，我们可以捕获两点重要的信息。块级元素，但不包括浮动和绝对定位元素，尽管浮动和绝对定位可以让元素块状化。只发生在垂直方向，需要注意的是，这种说法在不考虑 writing-mode 的情况下才是正确的，严格来讲，应该是只发生在和当前文档流方向的相垂直的方向上。由于默认文档流是水平流，因此发生 margin 合并的就是垂直方向。

2025-01-03 11:47:35 1307

原创 CSS 学习之 padding 与图形绘制

padding 属性和 background-clip 属性配合，可以在有限的标签下实现一些 CSS 图形绘制效果，我这里举两个小例子，重在展示可行性。

2025-01-02 19:23:51 334

原创 CSS 中 content换行符实现打点 loading 正在加载中的效果

静态的问题在于，如果网络不流畅，加载时间比较长，就会给人有假死的感觉，但是，如果是点点点这种横向的动画效果，用户就会耐心很多，体验也会好很多，用户流失率就会有所下降。其次，'\D’也能实现换行效果，但是，要想上下行对齐，需要用在::before 伪元素上，因为 CR 是将光标移动到当前行的开头，而 LF 是将光标“垂直”移动到下一行。效果即达成，IE6 至 IE9 浏览器下是静态的点点点，支持 animation 动画的浏览器下全部都是打点 loading 动画效果，颜色大小可控，使用非常方便。

2025-01-02 17:03:12 703

转载浏览器页面太长如何滚动截图

如果您的电脑是windows，且您想在windows电脑上对页面内容进行长截图，那您来对地方了，继续往下阅读，总有一种截图方法适合你。

2024-12-05 18:56:05 1505

原创浅析Linux chmod 命令

Linux 中文档的存取权限分为三级：文件拥有者、与拥有者同组的用户、其他用户，不管权限位如何设置，root 用户都具有超级访问权限。利用 chmod 可以精确地控制文档的存取权限

2024-11-28 11:21:36 307 1

原创 Mac 去除自动生成.DS_Store文件的方法

Mac经常会产生.DS_Store的隐藏文件，虽然在Mac上看不到，但是有时用了人家的U盘或把U盘拿到Windows系统上用，就会看到，不但麻烦而且会泄露隐私，文件名都会历历在目。.DS_Store是Mac OS保存文件夹的自定义属性的隐藏文件，如文件的图标位置或背景色，相当于Windows的。

2024-08-26 17:08:03 2044

原创 JavaScript 正则表达式：标准的KAFKA GROUP_ID 和 TOPIC 的格式限制

注意：** -前面要加\转义**

2024-07-05 10:21:02 407 1

原创 Vue3中为Ant Design Vue中Modal.confirm自定义内容

既想要样式，又想要定制其content内容的情况。大部分情况下，使用这种方式时，可能content内容固定都是字符串，那如果想要做更高级的交互怎么办？查阅 Ant Design Vue官方文档，发现content可以不仅仅是字符串：可以看到content是可以接收VNode或h函数的，下面分别讲解，这两种参数的用法。

2024-07-04 16:27:39 1988

原创 npm install 出错，‘proxy‘ config is set properly. See: ‘npm help config‘

npm install 出错，'proxy' config is set properly. See: 'npm help config'

2024-06-03 17:41:37 1697 1

原创 git commit使用husky校验代码格式报错，没有将钩子 ‘.huskypre-commit‘ 设置为可执行，钩子被忽略。

husky 在 Windows 上能够正常运行。使用git提交代码时，通过。校验代码格式，终端报错。

2024-06-03 17:30:53 665

原创 npm彻底清理缓存

npm clean cache --force不行的问题

2024-06-03 17:22:02 3780

原创 Vue3中为Ant Design Vue中table的checkbox加tooltip、popover

Vue3 中为Ant Design Vue中table的checkbox加tooltip、popover

2024-05-22 11:03:26 592

转载 nginx转发http请求时，headers内容丢失解决办法

以上示例中，underscores_in_headers 指令被配置在 http 块中，保证了全局的下划线参数保留。以上示例中，Nginx会保留名为 “X-MyHeader” 的请求头参数，并将它的值设置为原请求头中名为 “x-my-header” 的参数的值。开发项目时，在请求时往请求头header中放入了索引 index_prefix 信息，供后端使用，但是后端总是查询不到headers中有此字段。需要在http配置里添加这个参数配置为on。nginx代理默认会把header中参数的 "

2024-05-22 10:38:59 1966

原创 .prettierrc 文件

【代码】.prettierrc 文件。

2024-04-21 17:20:41 501

原创 Reference Type 解析 this 丢失问题

聚焦偶有this丢失的问题

2023-05-04 22:30:00 1212

原创 Git 新建分支并推送（push）到远程仓库，合并feature分支到develop分支

最后，feature A开发完成之后需要合并到开发主分支 develop ，此时可使用merge --squash 命令把 featureA 分支的多个提交合并成一个提交merge到develop上；此时develop分支的代码是没有被add的，需要重新执行add， commit命令，再push到远程分支。在多人协作的项目中经常需要新建feature分支开发一个新功能，或者是要做一些修改，需要新建一个分支。创建新分支开发完成之后可能需要暂时需要提交到远程，完全提测完成后再合并到develop主分支。

2023-03-22 23:45:36 3501

原创 HTML中 Node 插入方法

DOM 修改是创建“实时”页面的关键。在这里，我们将会看到如何“即时”创建新元素并修改现有页面内容。

2022-11-07 22:45:00 2071

原创 JavaScript Reference Type 解读

Reference Type 是语言内部的一个类型。读取一个属性，例如在 `obj.method()` 中，`.` 返回的准确来说不是属性的值，而是一个特殊的 “Reference Type” 值，其中储存着属性的值和它的来源对象。这是为了随后的方法调用 `()` 获取来源对象，然后将 `this` 设为它。对于所有其它操作，Reference Type 会自动变成属性的值（在我们这个情况下是一个函数）。这整个机制对我们是不可见的。它仅在一些微妙的情况下才重要。

2022-11-03 22:30:00 570

转载 GIT使用rebase和merge的正确姿势

使用 rebase 和 merge 的基本原则：1.下游分支更新上游分支内容的时候使用 rebase2.上游分支合并下游分支内容的时候使用 merge3.更新当前分支的内容时一定要使用 --rebase 参数例如现有上游分支 master，基于 master 分支拉出来一个开发分支 dev，在 dev 上开发了一段时间后要把 master 分支提交的新内容更新到 dev 分支，此时切换到 dev 分支，使用 git rebase master等 dev 分支开发完成了之后，要合并到上游分支 mas

2022-10-25 23:30:00 3288

原创在 SourceTree 中使用 git rebase （变基）

在 SourceTree 中使用 rebase （变基），保持分支树干净整洁

2022-10-25 23:00:00 1511

原创 JavaScript 中数组（Array）的 pop/push, shift/unshift 方法以及性能比较

JavaScript 中数组（Array）的 pop/push, shift/unshift 方法以及性能比较

2022-08-03 23:00:00 1992

原创正确按照字典顺序比较字符串之 localeCompare

现代浏览器（IE10- 需要额外的库 Intl.JS) 都支持国际化标准 ECMA-402。它提供了一种特殊的方法来比较不同语言的字符串，遵循它们的规则。调用 str.localeCompare(str2) 会根据语言规则返回一个整数，这个整数能指示字符串 str 在排序顺序中排在字符串 str2 前面、后面、还是相同：、如果 str 排在 str2 前面，则返回负数。如果 str 排在 str2 后面，则返回正数。如果它们在相同位置，则返回 0。...

2022-08-02 23:15:00 1641