选择跟在摄像机后在效果控件窗口选择高级，勾上详细分析

Windows

环境：Win10
使用AutoHotkey

创建脚本

新建文件maps.ahk
输入CAPSLOCK::esc

运行

选择AutoHotkey安装目录下的Compiler/Ahk2Exe.exe，其中Source选项选择maps.ahk，然后点击Convert，在maps.ahk同目录下会生成maps.exe， 运行maps.exe即可

Linux

环境：ubuntu 14
原文来自：http://vim.wikia.com/wiki/Map_caps_lock_to_escape_in_XWindows

实现

在home目录下新建文件.speedswapper，输入：

1
2
3
4
5

! Swap caps lock and escape
remove Lock = Caps_Lock
keysym Escape = Caps_Lock
keysym Caps_Lock = Escape
add Lock = Caps_Lock

运行

1

$ xmodmap .speedswapper

用vim编辑文件，会发现CapsLock和ESC键的功能已经调换了。

项目github：https://github.com/amenging/php-vue-todo
线上地址：TODO

预览图：

实现功能

• 登录注册
• 增删改
• 仅本地储存(localStorage)
• 导入导出

食用说明

不同步到云端功能

一般用于：

• 不想同步到云端数据库的清单
  注：重要数据及时导出备份和删除

导入导出功能

一般用于：

• 未同步到云端的清单在不同平台上的迁移；
• 重要数据的备份（考虑到主机可能没法续费了..之类的）
  注：导出到本地的清单再导入时默认不同步云端

为什么要做这个项目

做这个项目主要有两个原因，其一是要做的事太多需要整理一下，找了一些事件清单用起来总有点不爽，本来就是希望简洁一点随时记录，其二是因为学完了vue一直没有一个自己的项目，想练练手，所以决定自己倒腾一个。
后台为什么用php？当然是因为php是世界上最……其实是因为太穷了买不起服务器就买了个php主机_(:з」∠)_

总结

• 做项目的过程中，首先是复习了一下vue，组件这块还拆得不太好，感觉还是要做好项目的规划啊，目前还比较随心，很多东西就是做的时候才会去想
• 时间大部分都花在折腾后台和数据上了，首先并不会php，mysql也忘得差不多了，在做的过程中又重新学了一下，虽然用的都是一些基础的东西，不过对于这么一个小工具还是够啦
• 在做的过程中接触了mock.js和yapi，很好用的接口管理工具(/ω＼)

记录一些用到的东西~

php

• 判断sql语句返回值是否为空

  1 2	$sql = mysqli_query($conn, $getList); if (mysqli_num_rows($sql) > 0) {} // 统计查询返回的行数

• 字符串和json的转换

  1 2 3 4 5 6 7

  // json转字符串 echo( json_encode(array("name" => "abc", "age" => 12)) ); // '{"name":"abc","age":12}' // 字符串转json // 默认返回对象，设置第二个参数为true则返回数组 var_dump( json_decode('{"name":"abc","age":12}') ); // object(stdClass)#1 (2) { ["name"]=> string(3) "abc" ["age"]=> int(12) }

• 文件操作

  1 2 3 4 5 6 7 8

  // 打开文件 // 以写入模式打开filename.txt文件 // w为mode参数，表示写入方式打开，将文件指针指向文件头并将文件大小截为零，文件不存在则创建 $myfile = fopen('filename.txt', 'w') or die('打开文件失败'); // 写入文件 // 将SOMEDATA写入到filename.txt文件 fwrite('filename.txt', SOMEDATA);

• 密码验证

  1 2 3 4 5 6

  // 加密 $hash = password_hash(密码, PASSWORD_DEFAULT); // 注意储存密码时字段长度要设置至少为60 // 验证 password_verify(密码, $hash);

• php输入流

  1 2 3

  // 获取POST参数 // php5.6使用POST报错，提示用php://input $data = file_get_contents("php://input");

• cookie

  1 2 3 4

  // 设置cookie setcookie(key, value); // 取消cookie setcookie("username", "", time() - 1);

mysql

• 执行多条插入语句

  1	INSERT INTO table (column1, column2) VALUES (value1, value2), (value1 ,value2);

• 字段最大长度问题
  // 我使用的mysql是5.5.53，最大大小为65535字节， 我的表结构为：

计算结果为(65535-4*3-2-1)/3 = 21480
其中：4为int类型所占字节，2为占位标志，1为null标志位所占字节，字符类型为utf8，所以最后除以3。
计算规则请看这位大大的博客：http://www.cnblogs.com/gomysql/p/3615897.html
注：int类型后面的数字不代表字节长度，代表显示的位数，int占4字节

错误一

打开FTP服务器上的文件夹时发生错误。请检查是否有权限访问该文件夹 550 No such file or directory

错误原因：
复制的时候全选把.git文件选上了，文件路径太深。

错误二

FillZilla连接失败，响应:220

错误原因：主机不支持FTP over TLS连接。
解决方式：在站点管理器将加密改为’只使用普通FTP（不安全）’即可

之前在写代码的时候，看见控制台右侧某个文件有一个小绿点，小东西长得真别致😳

然后我发现在控制台修改样式的时候，本地文件也会跟着改变，这么神奇的吗？打开百度就去搜……诶等等这东西怎么称呼？小绿点？emmm…没找到是啥，今天突然想起来，谷歌了一下，终于被我找到了（才没有在黑度娘）(ー`´ー)

官方教程：https://developers.google.com/web/tools/setup/setup-workflow?hl=zh-cn
但不知道是系统版原因还是浏览器版本原因，跟我本地的有些不适用，所以这里记录一下。
打开控制台，找到Sources，然后选择FileSystem，点击add就可以添加文件夹了，从此就可以轻轻松松修改样式了~

注：对DOM不生效

项目github地址：https://github.com/XX-net/XX-Net/
官方的比较详细，这里就是一个简单的记录_(:з」∠)_

开始之前：
windows检测自己电脑是否支持ipv6：命令行输入netsh int ipv6 show teredo看状态是不是qualified
如果你的电脑不支持ipv6，可以参考官方WIKI：https://github.com/XX-net/XX-Net/wiki/How-to-turn-on-IPv6
(我自己电脑win7折腾好几遍没什么卵用)
linux请看：https://www.linuxidc.com/Linux/2013-03/80479.htm

环境:
win10
XX-Net-3.12.10

安装

下载：
官方下载页面：https://github.com/XX-net/XX-Net/blob/master/code/default/download.md
百度网盘：链接：https://pan.baidu.com/s/1TSqHS4uvs0ZuyjU_fOSiHw 密码：sagj

配置

下载好运行start.bat脚本就可以用了

关于证书

官方说明：

GoAgent对https网站，是通过GAE服务获取到内容，再重新加密返回浏览器的。
因此https的证书必须重新生成。

浏览器打开http://127.0.0.1:8085就可以看到状态
其中有GAEPROXY和X-TUNNEL，GAEPROXY可以部署自己的app-id

Google的app-id

官方WIKI：https://github.com/XX-net/XX-Net/wiki/how-to-create-my-appids
步骤：

• 首先要有谷歌账号
• 打开https://console.cloud.google.com/start ，点击选择项目，然后点击创建项目
• 输入项目名称
• 在左边菜单栏找到App引擎，选择子菜单的信息中心
• 语言选择Python
• 区域默认即可
• 等待初始化完成，选择XX-Net窗口的部署服务端，并填写app-id
• 在弹窗中点击allow
• 等待部署完成
  注：一个app-id每天1G流量

X-TUNNEL

X-TUNNEL更加安全，可以购买流量套餐，$4.5三个月300G
qq、163什么的邮箱不行哦，注册个Gmail就ok

SwitchyOmega

用SwitchyOmega为不同网站选择代理规则

谷歌插件在下载的文件夹SwitchyOmega/目录内，将.crx文件拖到浏览器的扩展程序即可，安装成功后在右上角有图标，对于不需要代理的网站可以选择直接连接

实现过程：

1.首先创建两个空数组，result用来存放结果，temp用来存放符号；再创建一个符号集ops存放+-*/符号

2.转表达式字符为数组，开始遍历数组

3.如果遇到运算符，直接推入结果数组

4.遇到括号

　　1）遇到’(‘，推入暂存区

　　2）遇到’)’，依次弹出暂存区栈顶运算符直到’(‘，并且删除暂存区的’(‘

5.遇到运算符

　　1）如果暂存区

　　　　①为空

　　　　②暂存区栈顶为’(‘

　　　　③当前符号的优先级高于暂存区栈顶运算符

　　　　这几种情况直接推入栈内

　　2）否则，将暂存区栈顶运算符弹出并推入结果区，再次进行步骤5

6.遍历完成则将暂存区剩余运算符依次弹出并推入结果区

代码链接
https://codepen.io/amenging/pen/djdvqR?editors=1111

background绘图区域

可以看到div1和div2的背景绘图区域不一样，div1是默认的样式，而div2的背景区域明显可以看到是从padding-box开始绘制的，他们的区别就在于background-repeat属性值不同。
要解释这个问题，首先介绍一下几个属性：

background-clip，默认值：border-box
background-origin，默认值：padding-box
background-repeat，默认值：repeat

关于background-repeat，文档中有这样一句：

The image is repeated in this direction as often as needed to cover the background painting area.

另外：
background-origin决定绘图位置(background position area)，background-clip决定绘图区域(background painting area)
所以div1和div2表现不一样的原因在于div1的background-repeat属性为repeat时，的绘图区域从border-box开始

绘制指示箭头

绘制菜单图标

三条线构成的菜单，鼠标放上去时显示x号

绘制心形

标签卡片

老物搬运有修改

环境：

ubuntu 14.04.1
mongodb v3.4.1
虚拟机连接模式为nat连接
已安装node环境

一、mongodb启动问题

错误原因：
因为mongodb默认的dbpath是/data/db，这个目录只能用root用户创建，创建后在权限上也比较麻烦，所以换个目录 sudo mongod --dbpath /var/lib/mongodb/data/db

如果启动失败可能是在/var/lib/mongodb/或者/var/lib/mongodb/data/db/下有.lock文件，用root用户删掉就好，启动成功可以在进程看到：

二、端口映射

mongodb启动成功后运行node项目，我这边端口为3003
使用iptables命令进行端口映射
sudo iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 3003

1
2
3
4
5
6

-t：选择要操作的表
-A：添加规则名字，PREROUTING用于目标地址转换
-p：指定要匹配的数据包类型
--dport：请求的端口
-j：动作，REDIRECT表示重定向、映射、透明代理
--to-port：要转到的端口

添加成功后使用 sudo iptables -t nat -L 查看

我本地主机是win7，在hosts文件添加一条解析（直接用ip也能访问）

本地浏览器输入www.ubuntu.ameng.com即可访问

[老物搬运有修改]

环境: win7 + gitbash

有时候在工作和学习时我们有不同的github账户，可能不同项目还有不同的ssh key，或者既有github账户又有码云账户以及自己的gitblit账户，比如我有两个github两个码云以及一个gitblit，一个ssh key怎么够啊摔，所以不同账户的key要好好管理，从本地跑去提交的时候才不会迷路ヽ(￣▽￣)ﾉ

生成ssh-key

在git-bash输入ssh-keygen -t rsa -C '用户邮箱'
为了便于管理，Enter file in which to save the key最好输入存放key的文件名称，如/c/Users/你的用户名/.ssh/ssh-test，然后enter到最后就可以了~

注：如果没有输入目录则生成的文件在命令行运行的目录下，默认名称id_rsa，建议将key统一放在C:\Users\你的用户名\.ssh目录下
生成之后在目录下可以看到：

修改配置文件

编辑.ssh目录下的config文件（没有则创建），格式如下；

1
2
3
4
5
6

Host 别名（如github1）
User 用户名
Hostname github.com（这里才是真正的主机名）
PreferredAuthentications publickey
IdentityFile 存放公钥的文件（如~/.ssh/id_rsa）
IdentitiesOnly yes

重点来了，本地项目下的.git/config文件中的remote地址一定要跟config文件中的别名对应！

以github的ssh地址为例：
Host为github001，那么remote地址就为git@github001:你的用户名/你的项目地址

下图左边是我的ssh config配置，右边是两个项目的.git/config配置，可以看到url和host别名是一一对应的(第一个是github，第二个是gitblit)