最近逛闲鱼发现傲腾M10 16G价格居然单条不到10块了，也难怪，这么小的容量能做什么呢？给机械硬盘加速？现在固态硬盘这么便宜了谁还愿意这么做？做系统盘？容量太小，连个win10都装不下. 并且一般主板上M.2槽的数量很有限，对于这些朋友来说这么小的容量都嫌占位置

但这么个鸡肋的东西却有着4K随机读写爆表的性能,

傲腾m10跑分

三个傲腾m10组成的raid0跑分

4k随机速度没有变化，顺序读写速度 x N，这不是重点，重点是空间大了，可以装的下正常的win10系统了!

下载支持raid的驱动

以我的这台华硕z390i为例，去官网支持界面下载驱动Intel Rapid Storage Technology Driver software V17.9.4.1017 For Windows 10 64-bit

装系统

(未完)

我们相当大一部分用户的使用的是核显，并没有使用独立显卡，这样主板上的直连CPU的PCIe x16槽处于空闲状态，而其他所有的硬盘网卡只能通过南桥x4一个通道却处于空闲的状态，就像走小路堵的要死，而旁边的高速公路却关门不让使用，真是巨大的浪费，即使我们把平时的pcie扩展卡(如网卡)插在x16槽上，因为这些设备根本用不了16个通道，所以也是很大的浪费，然后就有了如何拆分x16通道问题,目前的解决方案一般有三种：

1) 主板BIOS设备支持PCIe拆分

其实PCIe是否能拆分是由cpu和主板芯片组共同决定的，只是有的主板厂商没有在bios中放开此功能，对于bios中放开了此功能的主板来说， 只要设置下就可以了，一般的家用主板有x8+x4+x4, x4+x4+x4+x4，x8+x8几种情况（Interl 11代以后还会有更多的通道）

2) 主板BIOS设备不支持PCIe拆分

对于此种情况，可以短接CPU触点的方式强制拆分，参照此文章intel部分桌面级CPU的pcie通道拆分另类低成本实现

3） 使用PLX拆分卡

此种拆分卡使用了plx芯片，性能上会有损耗，比不上cpu直通，主要是价格超贵，算了吧

对于1，2种情况，我们配置好拆分以后，需要一个pcie拆分卡，这也是我们今天文章的主角，

首先还是在闲鱼上看到有现成的pcb裸板，价格还挺便宜，还是镀金的，虽然嘉立创可以免费打板，但我不会画，哈哈

按卖家提供的bom清单采购

电容电阻

时钟芯片

pcie x8插槽

焊接

初步完成

增加12v转3.3v模块(中兴ZXDN10)，增加此模块不影响功能，只是提高负载能力, 原板子上没有留位，自己刮铜箔吧

调节下最右边对地电阻380欧时输出3.3v左右

插上三块硬盘测试

阻断原3.3v接口,以防出现意外电压对主板产生影响或损坏

顺便晒下自己焊的另一个板子，当然自己只是纯焊接

已有以下A，B两个openwrt, 期望组建10.0.0.0/24网段内网:

OpenWrt路由器A IP：192.168.0.1, 10.0.0.1
OpenWrt路由器B IP：192.168.6.1, 10.0.0.2

首先，在两个openwrt路由器上上安装wireguard, 以下以A为例(B和A一样，只是把对应信息改为B的,只有个别不同)

如果没有安装wireguard要先安装wireguard, 系统 -> 软件包，过滤器输入wireguard,选择luci-app-wireguard，点击对应安装, 成功后重启(一定要重启，否则下面接口选择协议的时候会找不到WireGuard VPN协议)

防火墙设置

网络 -> 防火墙 , 添加，名称wg，下面的入站数据，出站数据，转发都选择允许, 下面允许转发到目标区域, 以及允许来自源区域的转发都选择lan.
然后切换到自定义规则页，增加以下规则：
iptables -t nat -A POSTROUTING -s 10.0.0.0/24 -o br-lan -j MASQUERADE
保存

协议接口及对端设置

接口 -> 添加新接口， 名称wg0, 协议选择WireGuard VPN, 点击创建接口，进入wg0配置界面，

点击生成新的密钥对生成私钥和公钥(为方便后面配置可先记到记事本中),IP地址192.168.0.1/24,10.0.0.1/24(如果是B路由器则填写192.168.6.1/24,10.0.0.2/24). 然后切换到防火墙tab页，

创建/分配防火墙区域选择wg，再切换到对端页添加对端,

设置静态路由

网络 -> 路由, 添加,

接口选择wg0, 路由类型unicast, 目标为B路由器网段192.168.6.0/24, 网关为A路由器WireGuardm网段地址10.0.0.1

如无意外，此时已经组网成功，状态 -> WireGuard查看

相比虚拟机中运行openwrt，在lxc容器中运行性能损耗极小，接近物理机，以我的8600T CPU测试为例，虚拟机中运行openwrt时cpu占用动不动就是20-30%, 而lxc中运行openwrt, 绝大多数时间都是1%以下, 效率如此之高，那还等什么，出发！

第一步：

下载一个还有rootfs.tar.gz字样的openwrt镜像，如：openwrt-23.05.1-x86-64-rootfs.tar.gz
上传到pve主机中/var/lib/vz/template/cache(这是pve lxc镜像默认目录)目录下，

第二步：

执行以下操作(id请更换为一个不存在的id)

1
2
3
4
5
6
7
8
9

pct create 222 local:vztmpl/openwrt-23.05.1-x86-64-rootfs.tar.gz \
	--rootfs local-lvm:1 \
	--ostype unmanaged \
	--hostname openwrt-LXC \
	--arch amd64 \
	--cores 6 \
	--memory 1024 \
	--swap 0 \
	-net0 bridge=vmbr0,name=eth0 -net1 bridge=vmbr1,name=eth1   

第三步：

增加勾子脚本

1
2
3
4
5
6
7
8

mkdir /var/lib/vz/snippets
cp /usr/share/pve-docs/examples/guest-example-hookscript.pl /var/lib/vz/snippets/hookscript.pl
vim /var/lib/vz/snippets/hookscript.pl

//post-start处增加
system("lxc-device add -n $vmid /dev/ppp");
system("lxc-device add -n $vmid /dev/net/tun");
print "$vmid started successfully.\n";

第四步：

修改对应容器配置文件
vim /etc/pve/lxc/222.conf，增加以下配置

1
2
3
4
5
6
7
8
9
10
11

lxc.include: /usr/share/lxc/config/openwrt.common.conf
lxc.cgroup.devices.allow: c 108:0 rwm
lxc.cgroup.devices.allow: a
lxc.cgroup2.devices.allow: a
lxc.mount.auto: proc:mixed sys:ro cgroup:mixed
lxc.mount.entry: /dev/net/tun dev/net/tun none rw,bind,create=file 0 0
lxc.mount.entry: /dev/ppp dev/ppp none rw,bind,optional,create=file 0 0
lxc.net.1.type: veth
lxc.net.1.link: vmbr1
lxc.net.1.flags: up
lxc.net.1.name: eth1

第五步：

在pve控制台中启动对应的容器,进入容器对应控制台,修改网络参数

1

vim /etc/config/network

修改对应的ip地址，

1
2
3
4
5
6
7

config interface 'lan'
	option device 'br-lan'
	option proto 'static'
	option ipaddr '192.168.1.1'
	option netmask '255.255.255.0'
	option ip6assign '60'

第六步：

用电脑网络连接软路由，修改以太网ip，和以前ip地址处于一个网段内，不要重复，以便在电脑上能访问后台地址

第七步：

进入到192.168.1.1, 用户名root，密码空登录，然后更改密码，再点击网络 接口 wan，编辑，常规设置，修改协议为PPPoE,保存，填写你的上网帐号及密码，保存并应用,
如没有意外，等待一会就可以看到有公网ip生成了

另外，为了能在接入此openwrt路由网络的设备中能访问pve，需要把pve的网关设置为192.168.1.1

在pve上实现显卡直通

第一步：

更新grub

1
2
3

vi /etc/default/grub
GRUB_CMDLINE_LINUX_DEFAULT="quiet intel_iommu=on pcie_acs_override=downstream,multifunction iommu=pt video=efifb:off,vesafb:off pci=assign-busses"

生效

1

update-grub

第二步

modprobe设置
修改/etc/modules, 增加内容

1
2
3
4

vfio 
vfio_iommu_type1 
vfio_pci 
vfio_virqfd

第四步

屏蔽驱动
vi /etc/modprobe.d/pve-blacklist.conf

1
2
3
4
5
6
7
8
9
10

blacklist nvidiafb
blacklist snd_soc_skl
blacklist snd_sof_pci
blacklist snd_hda_intel
blacklist snd_hda_codec_hdmi
blacklist snd_hda_codec
blacklist snd_hda_core
blacklist i915
blacklist snd_sof_pci_intel_cnl

配置生效

1

update-initramfs -u -k all

第四步

根据lspci -n -s 00:02查得显卡id，我的核显是00:02.0 0300: 8086:3e92',将查得的id8086:3e92配置写入/etc/modprobe.d/vfio.conf`,如下：

1

echo "options vfio-pci ids=8086:3e92" >> /etc/modprobe.d/vfio.conf

kvm配置

1

echo "options kvm ignore_msrs=1" >> /etc/modprobe.d/kvm.conf

信任设备允许不安全中断

1

'echo "options vfio_iommu_type1 allow_unsafe_interrupts=1" > /etc/modprobe.d/iommu_unsafe_interrupts.conf'

重启

1

reboot

查看是否生效

1

lsmod | grep vfio

利用家里的宽带和树莓派建了个nas，也跟电信要了个公网ip，绑了个域名，但头痛的是电信的ip老是变化，重启路由会变化，就算不重启也时不时会变化，每次发现无法访问就得重新查下新ip重新解析下域名，也是挺麻烦的，后来发现阿里云有操作域名的api，就干脆使用api写个动态域名解析算了

原理：

1，获取当前所在网络环境的公网ip
2，调用阿里云域名解析的api，将ip绑定到域名

第一步：

因为我的树莓派是通过路由桥接在网络中的，无法直接获取当前的公网ip，可以使用外网接口还获取，我这里使用的是搜狐的http://pv.sohu.com/cityjson，请求返回格式为:

1

var returnCitySN = {"cip": "1.1.1.1", "cid": "110000", "cname": "北京市"};

其中的cip就是当前网络所使用的公网ip，我们可使用正则来获取

1
2
3
4
5
6
7
8

/**
 * 获取当前公网ip
 * @returns {String} ip
 */
async function getPublicIP() {
	var url = 'http://pv.sohu.com/cityjson';
	return (await axios.get(url)).data.match(/(?:\d+\.){3}\d+/)[0];
}

第二步

要调用阿里云的api，首先要创建AccessKey（该AccessKey是阿里云API的密钥，要妥善保管），创建后会生成一个AccessKey ID以及对应的Access Key Secret

阿里云提供了操作api的npm包@alicloud/pop-core,我们可以能过它来更方便的操作api

1
2
3
4
5
6
7

const Core = require('@alicloud/pop-core');
var client = new Core({
	accessKeyId: '你自己的accessKeyId',
	accessKeySecret: '你自己的accessKeySecret',
	endpoint: 'https://alidns.aliyuncs.com',
	apiVersion: '2015-01-09'
});

查得修改解析记录的api为UpdateDomainRecord， 文档地址如下
https://help.aliyun.com/document_detail/29774.html?spm=a2c4g.11186623.6.647.29d25eb4T4xhWt，

需要传递:

1，RecordId（解析记录的ID）
2，RR（主机记录）
3，Type（记录类型）
4，Value（记录值）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

/**
 * 根据RecordId更新记录值
 * @param {*} RecordId 记录id
 * @param {*} RR 主机记录
 * @param {*} value 记录值
 * @param {*} type 记录类型
 * @returns {Promise} 
 */
async function UpdateDomainRecord(RecordId, RR, value, type) {

	var params = {
		"RecordId": RecordId,//"3359310782893056",
		"RR": RR,//"www",
		"Type": type, //"A",
		"Value": value, //"bonjs.com"
	}

	var requestOption = {
		method: 'POST'
	};

	return new Promise(function(resolve, reject) {
		
		client.request('UpdateDomainRecord', params, requestOption).then((result) => {
			resolve(result);
		}, (ex) => {
			console.log(ex.message);
		})
	})

}

其中RecordId我们需要通过另一个解析列表的api（DescribeDomainRecords）还获取

DescribeDomainRecords:

1，DomainName（域名）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

/**
 * 根据域名获取解析记录
 * @param {String} domain 
 * @returns {Promise} 解析记录列表
 */
async function DescribeDomainRecords(domain) {

	var params = {
		"DomainName": domain
	}

	var requestOption = {
		method: 'POST'
	};

	return new Promise(function(resolve, reject) {

		client.request('DescribeDomainRecords', params, requestOption).then((result) => {
			resolve(result.DomainRecords.Record)
		}, (ex) => {
			console.log(ex);
		})
	})

}

调用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

async function main() {

	// 获取当前网络的公网ip
	var ip = await getPublicIP();
	var domain = 'bonjs.com';
	console.log('ip: ' + ip)
	console.log('domain: ' + domain)

	// 获取指定域名下的解析记录列表
	var recordsList = await DescribeDomainRecords('bonjs.com');

	// 从列表中获取指定的RecordId
	var RecordId = recordsList.find(function(it) {
		return it.RR == '@';
	}).RecordId;

	var result = await UpdateDomainRecord(RecordId, '@', ip, 'A');

	console.log(result);
}

main();

我们可以在该文件顶端加上#!/usr/bin/env node做为linux脚本，然后设置下linux定时任务,每隔一定时间执行
编辑/etc/crontab文件，增加：

1

*/30 * * * *   root    /home/pi/workspace/ddns/index.js

表示每隔30分钟执行一次

require-alias-node

A tool which could set an alias for the module’s path which is required in the require of nodejs or import of ES6

It’s the alias of require-import-alias

Install

1

npm install require-alias-node

Sometimes, we may use a module with a long path to be required, and the path may contain many level, it’s not very intuitive !

1
2

const component = require('../../../src/component');
const moduleA = require('../../../src/component/render/moduleA');

Now we can use this tool require-alias-node to set alias for the moduleA, is looks like:

1
2
3
4
5
6
7

const requireAliasNode = require('require-alias-node');
requireAliasNode.setAlias({
	'component': '../../../src/component',
	'moduleA': '../../../src/component/render/moduleA'
});
const moduleA = require('moduleA');
const moduleB = require('component/main/moduleB')'

and you can also use it with import in ES2015(set an alias is a module, and use the alias in anthor module)

setAlias

1
2
3
4
5

import requireAliasNode from 'require-alias-node'
requireAliasNode.setAlias({
	'component': '../../../src/component',
	'moduleA': '../../../src/component/render/moduleA'
});

using it

1
2
3

import component from 'component'
import moduleA from 'moduleA'
import moduleB from 'component/render/moduleB'

It’s so graceful !

caller-dir

A tool which could get the dirpath of a function method’s caller

1

npm install caller-dir

Usually, if you want to get the current path, you can use __dirname in Nodejs, if you want to get the caller’s dirpath, you can call the function with a parameter which is __dirname, but it’s not graceful.

Now you can use this little tool caller-dir to get the caller’s dirpath gracefully.

eg.
file A /src/module/a.js

1
2
3
4
5
6

const getCallerDir = require('caller-dir');

function A() {
	console.log(getCallerDir());
}
module.exports = A;

file B /src/b.js

1
2

var A = require('./module/a');
A();

output: /src

stringify-parse

A tool like JSON.stringify and JSON.parse but could convert the type Function and RegExp in the js object.

Install

1

npm install stringify-parse

eg.

1
2
3
4
5
6
7

let o = {
  name: 'stringify-parse',
  method: function() {
    console.log('this is a function');
  },
  reg: /\w+/
}

Now, I want to convert the object into string, if we use JSON.stringify, it will lost the property method and reg

1

{"name":"demo","reg":{}}

This is not what we want. Now we can use the tool stringify-parse

1
2

const stringifyParse = require('stringify-parse');
console.log(stringifyParse(o));

output:

1
2
3

{"name":"demo","method":function() {
    console.log('this is a function');
  },"reg":/\w+/

Then we can use the method stringifyParse.parse to convert the json string into object.

1
2
3
4
5

let str = `{"name":"demo","method":function() {
    console.log('this is a function');
  },"reg":/\w+/
 `;
console.log(stringifyParse.parse(str));

之前曾经使用lg g3手机挂载硬盘搭建nas，但是存在着严重的问题；

1, 在家里访问还可以，在外面访问太慢，因为家里宽带没有外网独立IP, 只能使用内网穿透，但是穿透的速度的瓶颈在于使用的外网的服务器的速度，我使用的腾讯云，1m的速度实在太慢
2, 系统是手机上安装linux deploy软件搭建的centos, 很不稳定，经常访问不了，只能重启才能恢复．安卓系统本身就比较耗内存，再开一个虚拟机软件内存更是吃紧，非常的卡

正因为以上原因，用手机建nas只能玩玩，真正用的话是很不实用的，也曾入手个专业的nas系统，但是价格昂贵，功耗也很大，家用的话又太浪费，一直没有合适的方案

后来玩起了树莓派，功能很强大，考虑用它做nas的方案

功能很强大，一个连接软件和硬件的桥梁，但我们今天说的是使用它来做nas，原因：
1, 功能小，刚才也提到了，在挂一个硬盘的情况下功率还不到5w, 24小时全天运行再也不怕耗电了！
2, 自身树莓系统基于debian，装软件想怎么玩就怎么玩
3, 千兆以太网

但缺点也是有的，性能较低，usb2.0接口，鱼和熊掌不可兼得啊

系统的问题解决了，但是外网访问呢？靠内网穿透的我的那个腾讯云的那1m速度吗？慢的要死人，提高腾讯的带宽吗？贵的要死人，我又将方向转向了宽带公网ip．

因为现在的电信宽带运营商为了节省越来越紧张的ip资源，使用的是nat方案，使得分配到家庭光猫上的ip不再是公网ip，　而变成了内网ip，这样多个用户(比如一个小区)处在一个公网ip组的内网中．这样对多大数上网并无影响，但是从外网也不能直接通过ip访问到具体用户了

(未完待续)

工作上一直想完全放弃win，投入mac和linux的阵营，但是因为有几个工具在mac和linux上没有合适的替代者而一直无法完全放弃win,其中之一就是正则的调试工具。

在win平台上正则的调试工具比较多，也比较完善，功能最强大的当数RegexBuddy,甚至可以调试查看正则的匹配过程，但是也较为庸肿，除非需要优化一个正则，大部分情况我都在用一个简洁的正则小工具.

win平台上正则相关工具比较完善，究其原因：大部分正则工具的作者只是使用开发语言本身的正则(除非自己实现正则引擎)，而各语言对正则各特性的支持是不一样的，以js和C#为例，js不支持负向前瞻(ps:新版本v8引擎下已经支持)，而平衡组只是C#等微软系统语言的特性，其他语言没有支持，盘点各门语言，以C#对正则的支持最为全面，因此使用C#来开发正则工具，在不自己实现正则引擎的情况下使用C#语言原生对正则的支持就可以实现较为完善的工具，但是，因为C#依赖.net framework,无法实现跨平台.

mac与linux上正则工具这么少，为何不能自己做个呢？自己动手，丰衣足食，并且平衡组大多也用不到，对于大多数调试足够了，nodejs新版本也对正则提供了更多的支持，作为js开发者，如果能用js来开发mac平台下的正则工具实为万幸，终于，我遇到了electron, nodejs + v8引擎，使用html就可以开发界面，支持mac, linux, win,还有啥说的

终于1.0问世了,界面仿的win下的一个正则工具的界面，习惯了这个界面，简洁好用
支持match, replace(开发中), split(开发中)
支持单行模式(开发中)
支持多行模式
近期开放下载

js的正则一直不支持负向前瞻而被我们所诟病，很多能通过负向前瞻就可以简单实现的功能因为js不支持负向前瞻只能过另类的方式来实现，今日偶然发现在chrome中可以使用负向前瞻

但是在nodejs(8.9.4)中仍然没有支持

相信因为google的引领，新版本中的nodejs也将很快支持负向前瞻，一旦nodejs支持此项特性，相比浏览器端，nodejs因为运行在服务器端，将会很快在我们的系统中被应用，无需考虑兼容问题
而浏览端因为涉及到旧版本的兼容问题，目前还不能在真正系统中使用

续：经测试：现在官网最新LTS版本8.11.4已经支持此项特性

我们的开发属于敏捷式开发，并且所有的开发任务都是通过jira来管理的，我们也有自己的一套git提交信息规范，规范为：

1

jira号 功能任务简称

如果是在此功能上的测试bug修改，则格式为：

1

jira号 功能任务简称-bug描述

如：

1

PTENTOW-5619 热图优化

1

PTENTOW-5619 热图优化-修复xxBug

但规范只是口头约定，总有些异类不按套路出牌，胡乱的提交信息，给以后的查阅信息带来的不小的隐患，有没有办法在提交的时候去校验下提交是否规范，如果不规范就阻止提交呢？答案是肯定的，我们可以使用git hooks.

我们先看git-scm上对git hooks的描述

1

和其它版本控制系统一样，Git能在特定的重要动作发生时触发自定义脚本。 有两组这样的钩子：客户端的和服务器端的。 客户端钩子由诸如提交和合并这样的操作所调用，而服务器端钩子作用于诸如接收被推送的提交这样的联网操作。 你可以随心所欲地运用这些钩子。

git hooks可以让用户编写在git特定动作下执行的脚本，基中有一个commit-msg，以用来在提交通过前验证项目状态或提交信息，我们可以使用该hooks．

git hooks所在路径为.git/hooks下，有几个以.sample结尾的例子，默认是不生效的，如果要生效，将.sample后缀去掉，我们将commit-msg.sample改名为commit-msg，将内容清空，编写如果下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

#!/usr/bin/env node

'use strict';

var fs = require('fs');

var exec = require('child_process').exec;
var spawn = require('child_process').spawn;

var gitEmail = spawn('git', ['config', 'user.email']);
gitEmail.stdout.on('data', function (data) {
	var email = firstLineFromBuffer(data);
	
	var commitMsgFile = process.argv[2];

	fs.readFile(
		commitMsgFile, function (err, buffer) {
		var message = firstLineFromBuffer(buffer);

		if (!validateMessage(message)) {

			var address = function() {
				if(email.match(/\b(?:observable|alex)\b/)) {
					return '兄dei';
				} else {
					return '妹砸';
				}
			}();
			
			var errorMsg = [
				'******************************* Error *******************************',
				address + '，貌似你不按套路出牌，再看看是不是哪里写的不合要求．',
				'示例：PTENTOW-5619 热图优化-修复xxBug',
			].join('\n   ');
			
			error(errorMsg);
			error('   你提交的是: \\c', 7);
			error(message, 3)
			
			process.exit(1);
		} else {
			process.exit(0);
		}
	});
	
});

	
var error = function (msg, color) {
	var color = color === undefined ? 1 : color;
	spawn('echo', ['-e', '\\033[3' + color + 'm' + msg + '\\033[0m'], {
		stdio : 'inherit'
	});
};

var validateMessage = function () {
	
	var reg = /^PT[A-Z]{5}-\d{1,5}\s+.+/;
	return function(message) {
		return reg.test(message);
	};
}();

var firstLineFromBuffer = function (buffer) {
	return buffer.toString().match(/.*/)[0];
};

然后我们随便编辑我们的工作中的文件，然后提交，提交信息为一个不规范的信息，如：随便，提交后有以下提示：

但是因为该文件处于.git文件夹中，不受git版本控制，需要开发者手动设置，比较费事，我们可以将该文件放进工作区中，然后设置npm勾子，使npm install的时候
设置该文件到.git/hooks/commit-msg的软链接，这样就可以实现自动化．

1
2
3

"scripts": {
	"postinstall": "node git-commit-hooks"
},

git-commit-hooks.js文件为设置软链接的脚本

1
2
3
4
5

var exec = require('child_process').exec

exec('rm -f ./.git/hooks/commit-msg')
exec('ln -s ../../commit-msg.js ./.git/hooks/commit-msg')

github: https://github.com/bonjs/git-commit-valid

打完收工

几年前入了美版lg g3手机，被它的屏幕给惊到了，不得不说lg的屏幕就是牛叉，5.5寸的2k分辨率没有丝毫颗粒感，白平衡做的非常好，没有三星a屏的那种过分的浓妆艳抹的不真实感，但是高通801的处理器及3g内存运行起来相比比较吃力，再加入尿崩的续航及不支持qc快充种种缺点，直到后来入了nexus6之后终于使它退居二线，但退居二线后总觉得是不是让他发挥点余热，想想还有个闲置硬盘，于是蒙生了一个使用g3搭建nas的想法．

虽然android也是基于linux，但是改动改的连他爸linux都不认识他了，还是想办法装个发行版的linux吧，这里用到一个软件linux depoy，相当于虚拟机软件，

挂载硬盘（待续）

内网穿透（待续）

近日浏览数码之家时，看到有个小台灯的帖子，样子不错，开关为感应式开关，三档亮度，领券后13.9包邮，入手玩玩还是不错的

果断拆机，电池为一颗18650锂电池，很轻，容量估计不到2000mah

电路板，一颗打磨型号的芯片，充电电路也很简单

看看说明书，电池容量为1200mah, 电路没有过放保护功能，这让人用起来怎么放心的下？

看这个空间能容下三颗18650, 如若改为三颗2600mah，续航能力能提升好几倍，并且增加底座稳定性

找了个用镍片连接的18650电池组, 空间正好，只需要底部需要削削

削后的底座

准备增加使用TP4056充电板，具有过充过放保护功能，保护电池不防损坏，microUSB口，方便使用一般的手机充电器充电

原来的电路板，把原来的圆充电口用电烙铁焊掉

撮合一下，对比

削了削边角，以更好的适应底座

先放上看看，口需要改大一点，以适合microUSB口

神器出山相助

改后的口

两电路板之间使用热融胶粘固定在一起

连接两个电路板

反面线路

焊接电池

装机效果

恩，换个角度

连接灯线以及感应天线

效果图

打完收工

一年之前自己入了部德生icr-110，支持AM及FM,　音质不错，支持插卡及录音，还有一个让我选择它的很重要的原因是，使用18650锂电池供电．这货体积挺大，但是却很轻，近日拆机发现，内部有很大的空间，考虑这货比pl880耗电，自己还有一堆18650电池无用武之间，就琢磨着是不是给它再加点电池，说干就干：
1, 调研：这货内部空间大，正好容下两节18650电池座，可将18650电池座使用热融胶或双面胶固定在后壳上，然后和原机的电池并联，使用原机的充电电路充电．
2, 风险：
1, 安装时要并联的电池和原来的电池之间电压可能不一样，并联时会有一个电池之间的充放电过程，最终达到平衡，因为锂电池内阻很小，如果电压相差太大，这个充电放电流可能也会较大，因此电压不能相差太大.
2, 安装后使用阶段，因为两节是安装在内部的，已经固定死，只有原电池仓的电池可以拆卸，平时使用如果安装原电池仓的电池时，万不可将正负极装反，否则就和固定在机内的两节电池形成短路，因为18650电池内阻很小只有几十毫欧，产生的电流很大，甚至起火！所以平时尽量也不要拆卸原机仓电池,　只使用原机带的充电口充电．

遇到过这样一个需求：因为项目的性质，我们需要用程序抓取用户的网页，然后在一些符合条件的dom添加一层内阴影及一段浮层文字，因为要最大程度的保证用户网页的原有的功能和界面，我们不能采用添加遮罩dom的形式，而采用了添加class样式，借助before或after。
幸好css3提供了实现内阴影的功能，就是使用box-shadow，如

1

box-shadow:inset 0 0 44px 12px #1c1fc2;

而浮层文字可以使用before或after伪类中的content;

对一般的dom都没什么问题，但是用在img上却发现没有效果，img根本就不支持box-shadow的inset效果，并且也不支持before，after伪类，上网查得before，after伪类是在内部的前和后插入内容，换句话说，这个dom首先得是个容器，而img本身不可存放其他元素，不是容器，所以不能使用这两个伪类。

后来经过多次调试发现，img在没有src的情况下可以设置inset方式的box-shadow，并且也可以使用before及after伪类，那我使用js动态的去删除src属性然后设置它的background-image，再设置box-shadow和before,after伪类不就可以了吗？效果如下：

完整代码如下：

HTML

1

<img class="shadow" alt="" style="width:316px; height: 194px">

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

.shadow {
	position: relative;
	display: block;
	overflow: hidden;
	
	background:url(/image/cat.jpg) no-repeat;
	background-size: 316px 194px;
	
	box-shadow:inset 0 0 44px 12px #1c1fc2;
	-webkit-box-shadow:inset 0 0 44px 12px #1c1fc2;
	-moz-box-shadow:inset 0 0 44px 12px #1c1fc2;
}

.shadow:before, .shadow:after {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.shadow:before {
	content:"";
}

.shadow:after {
	content: "我是浮层文字";
	text-align: center;
	color: white;
	text-shadow: 0px 0px 2px blue;
	top:50%;
	line-height:0;
}
.shadow:hover:before{
	background-color:rgba(0, 115, 27, 0.3);
}
.shadow:hover:after{
	color:white;
}

我们在开发中经常会遇到在js中拼html字符串的情况，如：

1
2
3
4
5
6
7
8
9
10

var html = '<div class="block">' +
	'<ul>' +
		'<li>balibali</li>' +
		'<li>balibali</li>' +
		'<li>balibali</li>' +
		'<li>balibali</li>' +
	'</ul>' + 
'</div>';
	
$('#outerDiv').html(html);

这种方式，因为在低版本下IE浏览器中的效率问题而备受诟病，效率不如通过数组进行join，如以下写法：

1
2
3
4
5
6
7
8
9
10
11

var html = [
	'<div class="block">',
		'<ul>',
			'<li>balibali</li>',
			'<li>balibali</li>',
			'<li>balibali</li>',
			'<li>balibali</li>',
		'</ul>',
	'</div>'
].join('');	
$('#outerDiv').html(html);

虽然后来随着chrome，firefox浏览器的兴起，这些浏览器对前者这种写法进行了优化，使用这种写法的效率有了大幅度的提高，甚至在一些浏览器中比后者略高，但是前者这种拼字符串的方式个人觉得实在是丑，因此个人在开发过程中都使用的第二种方式．
虽说后者相比优雅了不少，但是对大篇幅的html来，仍然相当头痛，因为我们拿到html模板以后仍然要在每行的前后加引号逗号来组成数组，对于大篇幅的html来仍然非常痛苦，难道我们就只能这么拼下去安于现状吗？
NoNo，我们可以让程序来代替我们做这个脏活. 我在本文以及后续介绍两种方式．

第一种：使用nodepad++．
第二种：编写gulp插件．

本文介绍第一种

首先，我们是要把html转化成字符串，我们打算使用单引号作为作为字符串的边界，但是这个html中原先可以存在单引号，所以，我们首先要对html中的单引号和反斜线做转义处理，即在单引号和反斜线前加反斜线，使用的正则是：

1

(?=['\\])

替换为反斜线\。
今下来，我们要做的是，在每行的开始第一个非空字符上加单引号，在第行的结尾加上单引号和一个逗号，正则如下：
每行非空字符串加单引号：

1

(?<=^)(\s*)

替换成　

1

$1'

结尾加单引号和逗号：

1

(?!^)(?=\r)

替换成

1

',

然后我们使用notepad++查找替换，使用正则表达式模式，

(未完待续)

折腾了好几天，终于把这个寻路算法给实现了，为了更方便大家了解其中的过程，做了一个演示版本，加上了标识．

现实中我们经常会遇禁止输入中文的场景，常见的处理方式

1, 使用css样式ime-mode:disabled
2, 使用js在keyup事件中将输入的中文替换为空

但是第一种方式ie,firefox都可以使用，但我大谷歌居然不兼容，谷歌也有不兼容的时候．．
而第二种方式怎么样呢，输入过程会有汉字选择框，并且汉字在上屏后突然消失，感觉好滑稽的样子，体验上不够友好，并且在chrome, firefox下，汉字在输入过程中上屏之前，input的value是对应按钮的字母的值．我们来看下：

1

<input id="test" />

测试，在keyup事件中打印当前input的value

1
2
3

$('#test').on('keyup', function() {
	console.log(this.value);
});

切换到中文输入法下，打开f12, 在input输入，注意在输入过程中汉字上屏之前，在命令行下已经打印了字符，是我们键入的英文字母的值，此时不但触发了keyup事件，value也被填充了值，这和ie下是不同的．

这也会带来一些问题，比如对一些即时输入即将结果显示的场景，在汉字上屏之前会将输入的英文字母发送到给后台进行查询，而这些查询是没有用的

因此，对于这种方式来禁止中文输入，也是不够好的．

下面介绍第三种方法，该方法也是我调试的时候发现的，就是利用html5的新事件input, 用户在输入过程中会触发该事件，在该事件中将当前值赋给当前input

1
2
3

$('#test').on('input', function() {
	this.value = this.value;
});