Timeline

1/1/2020: 计算机术语
Category: CategoryCTag: tag E

SEO

全称:搜索引擎优化,利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,让网站在搜索引擎的结果中占据领先的地位.合理设置网页的关键词和页面描述,是SEO重要手段

4/2/2024: Electron+React+Nodejs+七牛云打造Markdown云同步编辑器
Category: Electron, ReactTag: Markdown, 七牛云

查看运行环境并创建工程

node -v
npm -v
mkdir my-electron-app && cd my-electron-app
npm init
1/3/2022: 我的js工具库 r.js
Category: CategoryA, CategoryBTag: tag A, tag B

截流函数

Here is the content.

Heading 3

Here is the content.

快速上手

WARNING

VuePress v2 目前仍处于 RC (Release Candidate) 阶段。你已经可以用它来构建你的站点，但是它的配置和 API 还不够稳定，有可能会发生一些微小的 Breaking Changes 。因此，在每次更新 RC 版本之后，请一定要仔细阅读 更新日志。

1/4/2022: vim
Category: CategoryA, CategoryBTag: tag A, tag B

快捷键

Here is the content.

插件

Here is the content.

1/8/2022: Vue
Category: CategoryA, CategoryBTag: tag C, tag D

Heading 2

Here is the content.

Heading 3

Here is the content.

1/1/1998: MarkDown语法
Category: MarkdownTag: WWI

键

tab

<kbd>tab</kbd>
1/1/2022: 前端基础知识笔记
Category: CategoryATag: tag A, tag B

html

图片格式

格式 说明
.bmp Windows画图软件默认保存的格式,位图
.gif 支持动画
.jpeg 有损压缩图片,用于照片
.png 便携式网络图片,用于logo,背景图片,支持透明和半透明
.svg 矢量图
.webp 最新的压缩算法非常优秀的图片格式
3/20/2024: Nodejs
Category: CategoryA, CategoryBTag: tag A, tag B

fs操作

读取文件

const { electronAPI } = window
const fs = electronAPI.require('fs')

const importFiles = async ()=>{
console.log('click');
// 通过某种方式获取filepath
const filePath = await window.electronAPI.openFile()
// 读文件
const data = await fs.promises.readFile(filePath,'utf8')
// 处理成json
const allItems = JSON.parse(data);
// 把json处理成jsArray 并写入文件
await fs.promises.writeFile('all.js',JSON.stringify(allItems.items))
}
1/9/2022: React
Category: CategoryA, CategoryBTag: tag C, tag D

Heading 2

Here is the content.

Heading 3

Here is the content.

1/2/2024: npm包及用法
Category: CategoryATag: tag A, tag B

axios

安装

npm install axios
1/12/2022: Mac使用小技巧
Category: CategoryA, CategoryBTag: tag C, tag D

WARNING

以下快捷键在Mac下使用,并且在系统设置里把

  • Command键映射为Ctrl键
  • Ctrl键映射为Command键 本人键盘使用的XS75T Alt键是option键

快捷键

WARNING

如果没有向我上面把修饰更改,那么你需要把下面的 Command 与 Ctrl对换才能生效

1/5/2022: vscode
Category: CategoryA, CategoryBTag: tag A, tag B

WARNING

以下快捷键在Mac下使用,并且在系统设置里把Command键映射为Ctrl键 Command键映射为Ctrl键 Ctrl键映射为Command键 本人键盘使用的XS75T win键是Command键

快捷键

快捷键 功能 来源（系统或插件或自定义）
Ctrl + C 复制 系统
Ctrl + V 粘贴 系统
Ctrl + X 剪切 系统
Ctrl + Z 撤销 系统
Ctrl + S 保存 系统
Ctrl + W 关闭当前编辑窗口 系统
Ctrl + Shift + W 关闭当前窗口 系统
Ctrl + N 新建文件夹 系统
Ctrl + / 快速注释 系统
Ctrl + 当前文件分栏
Ctrl + ' 删除word 自定义
Alt + 鼠标左键单机 多个光标同时操作 系统
Ctrl + Backspace 从当前光标删除到行首 系统
Ctrl + delete 从当前光标删除到行尾 系统
Ctrl + Enter 快速新建行 系统
Ctrl + Shift + D 复制当前行内容到下一行 Sublime
Ctrl + Shift + ↓ 移动当前行内容到下一行 Sublime
Ctrl + Shift + ↑ 移动当前行内容到上一行 Sublime
鼠标滚轮按下并下移 多行编辑 系统
Ctrl + F 本文件查找 系统
Ctrl + Shift + F 全项目查找 系统
Ctrl + Shift + K 删除当前行 系统
Ctrl + P 搜文件名并快速切换文件 系统
Ctrl + Shift + P 显示所有命令 系统
Ctrl + 数字 切换tab 系统
1/11/2022: 小程序
Category: CategoryA, CategoryBTag: tag C, tag D

Heading 2

Here is the content.

Heading 3

Here is the content.

1/7/2022: webpack
Category: CategoryA, CategoryBTag: tag C, tag D

Heading 2

Here is the content.

Heading 3

Here is the content.

3/24/2024: Linux/Mac常用命令
Category: LinuxTag: Linux

文件操作

mv a b
cp a b
mkdir dir_name
touch file_name
1/1/2021: HTTP
Category: CategoryCTag: tag E

A sticky article demo.

1/1/2020: code-snippets(自定义代码片段)
Category: CategoryCTag: tag E

js

html

快速生成html基础模版

TIP

在html文件中,打出 ! 然后按 tab 键

css

markdown

简单的代码段

{
	"kbd": {
		"prefix": "kd",
		"body": [
			"<kbd>$1</kbd>"
		]
	}
}
1/1/2020: SSL
Category: CategoryCTag: tag E
-----BEGIN RSA PRIVATE KEY-----
MIIEowIBAAKCAQEAtbhmHfqn1NO7TtTy2+JGY++yTa3yPmH6Vh1Iwxl/+6HXrNBj
WCPvl33UNQeQEXutCw/wSSMToGUPmNd1REMnrN80MT0PI3K1EyfPh0UG28H1uHoC
4Bh/yj1glY52DIIgyu8htzQ6hxRsQ/Pmae8I+5UeH2NcV94TIOrXpUQoY35AZqoK
rsRZ6gjNby5VxC1nKjppEli8EDe36LceJ4D9ogZ0wzcbVOVVF7nKiZwQFdZJuJ6N
ZwuVWaSJhRQoqSe2wZZvpPR1HRXBEbAmTMGhzBODG0WtlSXWctKNo+6o5e2T42mH
ON86EE38ArwcCsz3DWBuyglUn5paefS5uc+3ywIDAQABAoIBAALDtGH+XzFAq1fO
q4cm0RVSHy9JVycVzH4k4ed96tGEK8jIPsqneUyfsGvCGrH5ZK+HZYtnSjQldXBI
ztLkBqV9m8in+iP66cBJ2cFgDnOnZrqQuJx6Iu+LsX109lzIWgFcU/H6jG1jpSX/
fuDbrxJMuXGWzF/V1AqrJ+6us8KXsYeVk7CdL2xQqhwCZw0X3shqfI4Kh5FHbiT+
SVN9AL4eJrxOq57DVv7Sx6gm24dO+bv4oe36Gv5VkxDIHNVEnYM4DG4FNgxf3Xyc
ugBF8tesks0ljm4bCtrSnkuupMDbM1nXo03P92Hfu+p258jtJWfHko/7vCF00XQ+
FoJ5RYECgYEA4SGOp5ob4Ni0Bz6ub2D1C1J9cxo9b345Z0NNf5J0GSg3oXaoGFG1
0YosFSJjDJ8zNeHLAD0J2GocCGdy9F6q+gcdL+YhytYi3AD7uSGDwaNXZqqAnr2g
ndmGUc1wj0x/i18EinHWdEtGxMVv1BeoBWQwYy8wSuuuCtf6hiw1p4sCgYEAzqMO
vCGHVwuo4sZSb6HkbTrIRCYL/k3zKkdS8RA3M0X3sIRuKe4kBW/TbUSu9AO7M/L6
F6nekW2353nDtdy7MFFPfFNUD0tWCzOSHlcpj6FPYAr/MlzrbQO8aXc/FFXpOtVH
rZOcXY/Yy1hOA7EsDGJTIpJMTGn8grbkskDiOMECgYBMQsnIDHQVHlMdgSYlpHpd
c3v7WZAmDGP1jt7ZsAqT2wO9NiyK0GL+sAduwU88H1GBlxLk6chD/u2wCxrtnIPe
XjqM1y/rPc5hKBQdCjVPir04kdkv7JxT3DOb0jOm1wr9cxpeq2Ex064NSbQv7DOG
YAHkF0AMoPk7wx2iBafHMQKBgGnvEhjEn5uycIyB27U7K94Lqqu1TaS71ZOxKQZI
p+PzVL37xnZcjb7zy1JTSdXzK7/AKxKClYW81/ElbX4IgTaOGM/F8Gw+1Qe9EoXX
bYkiy4yTVq09Eby7k5YF+iK0wHLW8H4+FIWqvxvQU351D/3xUmmA0vjBxSBGHwx7
Uv6BAoGBAI0Nx7uNeZclVAk8CDlHg0iCvCM1TNrJXOY7XxBQ+7wqiFjSCYKdrP6c
Q0R+VeApamqi05MvwNdXgSAK8wKw/j6PFtt3NhhqHI7IjhVH4Oh8BOC0F8vBh4FE
X/tZvHwN2+LMlvoidvaYyeQpHvZbiX00638HV0s1W3DaCnCFiB0N
-----END RSA PRIVATE KEY-----
1/1/2020: 代码规范
Category: CategoryCTag: tag E

CSS

书写css时

  • 权重尽量写全,不要怕重复
  • 按html中标签和类名的顺序写

变量命名

  • class和id 用小写或小写-xxx class="nav-item"

JS

  • 驼峰命名法:mathTestScore

  • c语言风格:math_test_score

  • 匈牙利命名法:i(int 类型)MathTestScore

  • 类名首字母大写

1/1/2020: 模版
Category: CategoryCTag: tag E
名称 作用
+ 假发
1/1/2020: css组件库
Category: CategoryCTag: tag E

弹出层(modal)

.modal{
  width: 400px;
  height: 140px;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -200px;
}
1/1/2020: 小米净水机
Category: CategoryCTag: tag E
1/1/2020: gem大汇总
Category: CategoryCTag: tag E
1/1/2020: Rails学习之路
Category: CategoryCTag: tag E

Ruby版本管理工具

一般都推荐或者配套的是rbenv或者rvm,由于需要科学上网再加上安装网速超级慢,因此不推荐

我更推荐使用asdf,可以管理ruby,node等各个版本,切换也简单

安装依赖

安装asdf

Bundler-管理gem

bundle install rails
1/1/2020: 每日感悟 | 俗语
Category: CategoryCTag: tag E

有权有势的人,让后代可选择的路更多  --2024年3月24日喜庆楼饭局

不要什么都学,一定要在精通某个领域后,再学习下一个领域,半瓶水很难受  --2024年4月7日家中

有权有势的人,让后代可选择的路更多  2024年3月24日喜庆楼饭局感悟

1/1/2020: 我的工具rtools
Category: CategoryCTag: tag E

主要功能

  • 翻译
1/1/2020: 电子签名demo(待完善和更新)
Category: CategoryCTag: tag E
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body{
      background-color: white;
    }
    div{
      position: relative;
      height: 100vh;
      width: 100vw;
    }
    #box div{
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="box"></div>
</body>
<script>
  function Ball(x,y){
    this.x = x
    this.y = y
    this.color = 'black'
  }

  Ball.prototype.Init = function(){
    var box = document.getElementById('box')
    var ball = document.createElement('div')
    ball.style.left = this.x + 'px'
    ball.style.top = this.y + 'px'
    ball.style.backgroundColor = this.color
    ball.style.width = 10 + 'px'
    ball.style.height = 10 + 'px'
    ball.style.borderRadius = 5 + 'px'
    box.appendChild(ball)
  }

  var ballArray = []

  var timer;
  var flag = 0;
  document.onmousemove = function(e){
    if(flag){
      var ball = new Ball(e.clientX, e.clientY)
      ball.Init()
    }
  }
  document.onmousedown = function(e){
    console.log(e.clientX);
    console.log(e.clientY);
    timer = setTimeout(function(){
      console.log('长按');
      flag = 1;
    },100)
  }

  document.onmouseup = function(){
    clearTimeout(timer)
    flag = 0;
  }
</script>
</html>
1/1/2020: 鼠标跟踪特效
Category: CategoryCTag: tag E
1/1/2020: Mac软件包
Category: CategoryCTag: tag E

tree

查看目录结构

brew install tree
tree
4/14/2024: ES6
Category: 前端Tag: ES6

ECMAScript是语言标准

const

一旦声明,立即初始化,允许在不重新赋值的情况下修改它的值（如object）

let,const,var区别

重复声明

  • var允许重复声明,let、const不允许

变量提升

  • var会提升变量的声明到当前作用于的顶部
1/1/2020: 正则表达式
Category: CategoryCTag: tag E

规则

  • 正则表达式按位描述规则，是指它是一位一位的描述字符串的构成形式

创建

var regexp = /^\d{6}$/
var regexp = new RegExp('^\\d{6}$')
1/1/2020: Todolist
Category: CategoryCTag: tag E
  • 收拾房间
  • 洗衣服
  • 刷鞋
  • 手机卡过户
  • 拿快递
1/1/2020: 带娃秘籍
Category: CategoryCTag: tag E

如何拥有属于自己的时间

  • 尽量在孩子睡觉前把所有的事情搞定,晚上才能有一段完全属于自己的时间
  • 把小孩送上学后的这段时间也很宝贵
  • 把能推的事情放到周末去做,而不是小孩上学时

如何带小孩子玩

  • 去篮球场或者大操场
  • 玩弹力球,打篮球,跑步均可
  • 天不冷,也可以带孩子兜风
  • 夏天吃晚饭后可以带孩子捉虫子,独角仙,土渣子虫
1/1/2020: 育儿
Category: CategoryCTag: tag E

英语学习软件

可汗学院幼儿版

汉语

洪恩识字

益智或游戏

宝宝巴士开会员

玩电脑

1/1/2020: Mac下好用的软件
Category: 软件Tag: 压缩

ezip

设置压缩质量为最好,压缩后的.zip,可以避免其他Linux解压后产生中文文件名乱码的问题

1/1/2020: 记录每一次我所遇到的大大小小的问题
Category: CategoryCTag: tag E

技术类

为什么a:link没有生效

 <a href="#">我是伪类</a>
1/1/2020: 车-杂谈
Category: 车Tag: 保养, 保险

车信息

  • 车名:第三代哈弗H62021款,1.5GT,supreme版
  • 购买日期2020.10
  • 落地15.3万

车保险

  • 我一直用的人保,4年了也没出险过一次
  • 第一年4s店4500元(因此尽量不在4S店买保险,很贵,很坑)
  • 第二年3000元(由于车贷是24个月的,因此在4S店续保)
  • 第三年2800元(电话推销的)
  • 第四年2500元(还是和上面这个人续保的,我觉得很低了)

车贷

1/2/1998: git常用命令
Category: HistoryTag: WWII

克隆

git clone git@github.com:vuepress/core.git