安装模式选择（按需任选其一）：

• 使用“已有 Ng

访问 https://www.simimi.cn/posts/docker-registry 阅读全文。

访问 https://www.simimi.cn/posts/git-npm-proxy 阅读全文。

访问 https://www.simimi.cn/posts/install-docker 阅读全文。

访问 https://www.simimi.cn/posts/jenkins-pipeline-template 阅读全文。

如果你是开发者、写作者或者只是想让自己的文档更加优雅，那么Markdown绝对是你的最佳选择。它简单、高效，而且几乎在所有地方都能使用——GitHub、博客、文档网站、笔记应用等等。

这份指南将带你从零基础掌握Markdown，让你的文档编写变得轻松有趣！

访问 https://www.simimi.cn/posts/markdown-basic-syntax 阅读全文。

想象一下，你可以用简单的文本代码就能创建出专业级的流程图、时序图、甘特图等各种图表。不需要复杂的画图软件，不需要拖拽鼠标，只需要几行代码就能让你的文档瞬间生动起来！

Mermaid让复杂的图表绘制变得简单有趣，而且完美集成到Markdown中。让我们一起探索这个神奇的工具吧！

访问 https://www.simimi.cn/posts/mermaid-guide 阅读全文。

{
  "printWidth": 80, // 指定代码行的最大宽度，超过这个宽度会自动换行
  "tabWidth": 2, // 指定一个 tab 键应该代表几个空格宽度
  "useTabs": false, // 是否使用 tab 键缩进代码
  "semi": false, // 是否在语句末尾添加分号
  "singleQuote": true, // 是否使用单引号
  "quoteProps": "as-needed", // 对象字面量中是否将 key 值用引号括起来（as-needed 表示只在必要时添加引号）
  "jsxSingleQuote": false, // 在 JSX 中是否使用单引号
  "trailingComma": "es5", // 控制对象和数组字面量中是否添加尾随逗号
  "bracketSpacing": true, // 是否在对象字面量中的括号前后添加空格
  "jsxBracketSameLine": false, // 在 JSX 中是否将闭合标签放在同一行
  "arrowParens": "always", // 箭头函数参数是否添加括号
  "requirePragma": false, // 是否在文件顶部添加 @format 注释，以表明这个文件已经被 Prettier 格式化过了
  "insertPragma": false, // 是否在文件顶部插入 @format 注释
  "vueIndentScriptAndStyle": false, // 是否在 Vue 文件中缩进 script 和 style 标签
  "proseWrap": "preserve" // 控制是否将 markdown 文件的文本换行（preserve 表示保留原格式）
}

访问 https://www.simimi.cn/posts/prettierrc-config 阅读全文。

使用 centos 7.X 的系统 用 Shell 复制以下命令安装宝塔面板

yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

• 安装好后会提示账号和密码记得保存
• 访问 ip:端口号 输了刚刚的账号密码登录即可（端口号安装完成后终端有提示）
  • 如访问不了可能是服务器安全策略（系统防火墙）没有开放 安装时终端显示的 端口号，去服务器开放即可
  • 初次进入宝塔面板要安装运行环境，可先不安装

访问 https://www.simimi.cn/posts/ql-jd 阅读全文。

1.安装 Babel

• 首先，您需要在项目中安装 Babel 依赖项。打开终端并运行以下命令：
  npm install --save-dev @babel/core @babel/cli @babel/preset-env

访问 https://www.simimi.cn/posts/babel-es6-es5 阅读全文。

字符串技巧

1: Compare time

const time1 = "2022-03-02 09:00:00";
const time2 = "2022-03-02 09:00:01";
const overtime = time1 < time2;
// overtime => true

2: Format money

const ThousandNum = num => num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
const money = ThousandNum(1000000);
// money => '1,000,000'

3: Generate random ID

const RandomId = len => Math.random().toString(36).substr(3, len);
const id = RandomId(10);
// id => "xdeguewg1f"

访问 https://www.simimi.cn/posts/js-skills 阅读全文。

一个好的程序员肯定是要能书写可维护的代码，而不是一次性的代码，怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢，这就需要规范你的代码了。

命名

驼峰式命名法介绍

• Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo

• Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo

访问 https://www.simimi.cn/posts/web-norm 阅读全文。

页面结构命名

page  // 代表整个页面，用于最外层。
wrap  // 外套，将所有元素包在一起的一个外围包，用于最外层
wrapper  // 页面外围控制整体布局宽度，用于最外层
container  // 一个整体容器，用于最外层
head|header  // 页头区域，用于头部
nav  // 导航条
content  // 内容，网站中最重要的内容区域，用于网页中部主体
main  // 网站中的主要区域（表示最重要的一块位置），用于中部主体内容
column  // 栏目
sidebar  // 侧栏
foot|footer  // 页尾、页脚。网站一些附加信息放置区域，（或命名为 copyright）用于底部

访问 https://www.simimi.cn/posts/css-name 阅读全文。

CSS书写顺序

1. 位置属性(position, top, right, z-index, display, float等)
2. 大小(width, height, padding, margin)
3. 文字系列(font, line-height, letter-spacing, color- text-align等)
4. 背景(background, border等)
5. 其他(animation, transition等)

*** Bad ***
.example {
    color: red;
    z-index: -1;
    background-color: #9e0;
    display: inline-block;
    font-size: 1.5em;
}

*** Good ***
.example {
    z-index: -1;
    display: inline-block;
    font-size: 1.5em;
    background-color: #9e0;
}

访问 https://www.simimi.cn/posts/css-norm 阅读全文。

@font-face {
  font-family: Emoji;
  src: local("Apple Color Emojiji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
  unicode-range: U+1F000-1F644, U+203C-3299;
}
body {
  font-family: system-ui, —apple-system, Segoe UI, Rototo, Emoji, Helvetica, Arial, sans-serif;
}​

访问 https://www.simimi.cn/posts/css-font 阅读全文。

上传 Cookie 到服务器

获取到 Cookie 请到网页自行上传 https://jd.simimi.cn

• 可注册登陆或游客上传，推荐注册登陆后上传 Cookie，方便自行管理，查看京东收入情况,更新添加 Cookie 等

QQ 群：769194788 点此入群

• 请务必进群

访问 https://www.simimi.cn/posts/jdcookie 阅读全文。

丰富的可视化类型

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K 线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

除了已经内置的包含了丰富功能的图表，ECharts 还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何你想要的图形，更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。

你可以在下载界面下载包含所有图表的构建文件，如果只是需要其中一两个图表，又嫌包含所有图表的构建文件太大，也可以在在线构建中选择需要的图表类型后自定义构建。

访问 https://www.simimi.cn/posts/js-echarts 阅读全文。

一般来说，日常使用只要记住下图 6 个命令，就可以了。但是熟练使用，恐怕要记住 60 ～ 100 个命令。

下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。

• Workspace：工作区
• Index / Stage：暂存区
• Repository：仓库区（或本地仓库）
• Remote：远程仓库

访问 https://www.simimi.cn/posts/git-listing 阅读全文。

学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。

var obj = {
	foo: function () {},
}

var foo = obj.foo

// 写法一
obj.foo()

// 写法二
foo()

访问 https://www.simimi.cn/posts/js-this-principle 阅读全文。

浏览器允许 JavaScript 脚本读写剪贴板，自动复制或粘贴内容。

一般来说，脚本不应该改动用户的剪贴板，以免不符合用户的预期。但是，有些时候这样做确实能够带来方便，比如"一键复制"功能，用户点击一下按钮，指定的内容就自动进入剪贴板。

目前，一共有三种方法可以实现剪贴板操作。

• Document.execCommand()方法
• 异步的 Clipboard API
• copy事件和paste事件

本文逐一介绍这三种方法。

访问 https://www.simimi.cn/posts/js-copy-clipboard-api 阅读全文。

本文根据 StackOverflow，整理了 JavaScript 侦测手机浏览器的五种方法。

访问 https://www.simimi.cn/posts/js-ismobile 阅读全文。

访问 https://www.simimi.cn/posts/js-nocopy 阅读全文。

其实，有一点是很容易被开发者忽视的，那就是 CSS。我们可以使用一些 CSS 技巧来改善网页的表现形式、交互细节和可访问性。

而且这些技巧不需要花费太多时间，也不需要消耗服务器资源。你只需要花两个小时学习，然后就可以把它应用到你所有的项目中，并永远改善用户体验。

访问 https://www.simimi.cn/posts/css-10-tricks 阅读全文。

访问 https://www.simimi.cn/posts/git-basic-tutorial 阅读全文。

ref

• git-tips
• Git 的奇技淫巧

访问 https://www.simimi.cn/posts/git-learn-note 阅读全文。

• align 对齐

• active 激活

• absolute 绝对

• alpha 图像通道

• animate 动画

• alert 提醒

• add 加

• append 添加

• after 之后

访问 https://www.simimi.cn/posts/web-commom-words 阅读全文。