Electron 1React 1CategoryC 21Linux 1CategoryA 11CategoryB 9Markdown 1History 1前端 1车 1软件 1
记录每一次我所遇到的大大小小的问题
Date: 1/1/2020Category: CategoryCTag: tag E

技术类

为什么a:link没有生效

 <a href="#">我是伪类</a>
育儿
Date: 1/1/2020Category: CategoryCTag: tag E

英语学习软件

可汗学院幼儿版

汉语

洪恩识字

益智或游戏

宝宝巴士开会员

玩电脑

带娃秘籍
Date: 1/1/2020Category: CategoryCTag: tag E

如何拥有属于自己的时间

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

如何带小孩子玩

  • 去篮球场或者大操场
  • 玩弹力球,打篮球,跑步均可
  • 天不冷,也可以带孩子兜风
  • 夏天吃晚饭后可以带孩子捉虫子,独角仙,土渣子虫
Todolist
Date: 1/1/2020Category: CategoryCTag: tag E
  • 收拾房间
  • 洗衣服
  • 刷鞋
  • 手机卡过户
  • 拿快递
正则表达式
Date: 1/1/2020Category: CategoryCTag: tag E

规则

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

创建

var regexp = /^\d{6}$/
var regexp = new RegExp('^\\d{6}$')
Mac软件包
Date: 1/1/2020Category: CategoryCTag: tag E

tree

查看目录结构

brew install tree
tree
鼠标跟踪特效
Date: 1/1/2020Category: CategoryCTag: tag E
电子签名demo(待完善和更新)
Date: 1/1/2020Category: 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>
我的工具rtools
Date: 1/1/2020Category: CategoryCTag: tag E

主要功能

  • 翻译
每日感悟 | 俗语
Date: 1/1/2020Category: CategoryCTag: tag E

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

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

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

Rails学习之路
Date: 1/1/2020Category: CategoryCTag: tag E

Ruby版本管理工具

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

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

安装依赖

安装asdf

Bundler-管理gem

bundle install rails
gem大汇总
Date: 1/1/2020Category: CategoryCTag: tag E
小米净水机
Date: 1/1/2020Category: CategoryCTag: tag E
css组件库
Date: 1/1/2020Category: CategoryCTag: tag E

弹出层(modal)

.modal{
  width: 400px;
  height: 140px;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -200px;
}
模版
Date: 1/1/2020Category: CategoryCTag: tag E
名称 作用
+ 假发
代码规范
Date: 1/1/2020Category: CategoryCTag: tag E

CSS

书写css时

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

变量命名

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

JS

  • 驼峰命名法:mathTestScore

  • c语言风格:math_test_score

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

  • 类名首字母大写

SSL
Date: 1/1/2020Category: 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-----
code-snippets(自定义代码片段)
Date: 1/1/2020Category: CategoryCTag: tag E

js

html

快速生成html基础模版

TIP

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

css

markdown

简单的代码段

{
	"kbd": {
		"prefix": "kd",
		"body": [
			"<kbd>$1</kbd>"
		]
	}
}
HTTP
Date: 1/1/2021Category: CategoryCTag: tag E

A sticky article demo.

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

文件操作

mv a b
cp a b
mkdir dir_name
touch file_name