易栈网-膘叔

事实上，我一直以为以前Linode是性价比超高的VPS服务商，后来有了DO和Vultr。但Linode后面也提供了5刀/月的服务器。所以我就一直没有换过。

再后来，亚马逊搞了个3.5刀的。这一下子让人心动了。而且有韩国和日本可选。于是直接选了韩国的，试用下来还不错。

结果今天看到vultr，居然还有2.5刀的。。。好吧。我算是服了。如果只是简单的拿来用用。2.5刀*7，也不满20块。一包中华都不用。少抽包烟就行了。连江小白都比他贵，你还在犹豫啥？不对我不喝江小白的，好吧。一瓶进口啤酒就远超这个价格了。。。

https://www.vultr.com/?ref=8492205-6G，通过这个链接买吧，我还有的赚呢（HOHO）。

上面那个链接好象是充100得25？如果是这个链接，只要注册我就有分成。。https://www.vultr.com/?ref=7181721 ， 来吧，注册吧，别犹豫了

众所周知，现在的PHP开发基本上都是前后台+服务器通吃，虽然都是各种三脚猫，但毕竟也算是大半个全栈。

最近在帮娃打印学校的作业，涉及到了英语作业中的音标。由于老师采用了音标字体，我们无法打印也无法识别，找了一下，原来采用的是：kingsoft phonetic plain这个字体。

据说只要下载了金山词霸 就可以，但不太可能为了这个字体而去单独下载这个软件。最后找到了这个：https://en-yinbiao.xiao84.com/2014/5210.html，上面有PC版的安装方法：【金山软件出的一款音标字体，Kingsoft Phonetic (TrueType)字体，将本文件下载、解压后，复制到下列文件夹下：C:\WINDOWS\Fonts一般即可正常使用。如果不可以，重启电脑，或安装一遍字体：打开资源管理器，依次点击：文件－安装字体－定位到字体所在文件夹，确定。】

我这里也做了一个备份：http://static.cache.js.cn/fonts/kingsoft%20phonetic.ttf，可以直接点击下载

MAC下面安装就比较方便，双击字体，打开后有个预览，右下角有一个：install font。安装完即可。

重启WPS或者Word（或Pages），均可以识别该字体。

——EOF

后记：Pages认不出音标。即使识别出了字体，所幸我有WPS和Word。。。

不是特别推荐WPS，主要是全家筒放在一起比较恶心，而且。。。。。一些常见的模板都要收费了（比如早期windows上的稿纸模板，现在也变成收费的了）。如果实在没有或者不愿意购买word，那就只能忍忍了。毕竟常见功能还是免费的。

jq是linux命令行下读取和解析JSON的好工具。只是好象不能jq xxx.json这样的用法，但没事，可以通过管道符，cat xxx.json|jq 就OK了

在这里：https://www.tuicool.com/articles/vieMN3Q有详细的教程，写的非常完整，但如果简单的使用，并不需要完整的看完，只要记得几个用法就行

来个简单的数据：{"code":1,"msg":"ok","data":{"fields":["a","b","c"],"items":[{1,2,3},{11,22,33}],"other":[{"x":1,"y":1},{"x":2,"y":2}]}}

1、获取items节点： cat xxx.json|jq ".data.items"

2、获取items下第二条数据的第二个，即22. cat xxx.json|jq ".data.items[1][1]"

3、获取other下的所有x节点： cat xxx.json|jq ".data.other[].x"

是不是很方便？如果要自定义格式输出，还可以这样

1、将所有x节点用{"items":[]}格式输出： cat xxx.json| jq "{items: [ .data.other[].x ]}" ，

如果要看更多的用法，还是上面的网址里更详细一点。我这只是简单的用一下。。或者说是临时在服务器上测试数据，让自己看起来会比较方便一点。还有一个原因是我在服务器上用这个的最大理由。有时候JSON拿到的时候中文都是转义过的。用jq，可以直接看中文。这点比较爽

不知道将它算在哪个分类。但即实是js写的就扔在javascript下面了。。

用sortable处理排序，代码真的很少，不需要引用什么vue-sortable之类的。但会有个问题。。实际的DOM和Vnode可能会显示不一致。往往拖完了，序号变了，数据变了（可以通过console.log来查看），但就是DOM没变。

后来是搜索到这篇文章，写的比较详情：https://www.jianshu.com/p/d92b9efe3e6a，我就不多写了。我的几行代码类似如下：

dragable() {
let contentRow = document.querySelector('.content-row');//指定element，如果有ID最好，在这个下面的元素，最好都是统一类型的，如果当前元素是ul，那就是拖li
Sortable.create(contentRow, {
onEnd: ({newIndex, oldIndex}) => { //监听拖动结束事件
let newline = contentRow.children[newIndex],
oldline = contentRow.children[oldIndex];
// 先删除移动的节点 ，再插入移动的节点到原有节点，还原了移动的操作
//这里是操作DOM
contentRow.removeChild(newline);
contentRow.insertBefore(newline, newIndex > oldIndex? oldline : oldline.nextSibling);
//这里是操作数据
let currRow = this.items.splice(oldIndex, 1)[0];
this.items.splice(newIndex, 0, currRow);

}
});
},

这个方法是vue的methods中的。不复杂。看看就行。记录一下。原来我觉得很简单。这个方法的最后两行就行了。。。但就是DOM不变。参考了上面链接中的内容才加了那两行。

wechaty是目前看来最优雅的机器人库了。使用方式也很简单，官方的demo例子就几行代码，不过看到他们的hot-import-bot.js就感觉慌了。毕竟在同一个页面里，还能直接使用bot变量（例子中实例化的时候，用的是bot，const bot = new Wechaty()）；但分拆成单独的文件后就没有相应的用法。

看源码中是有这样的代码：

public on (event: 'dong', listener: string | ((this: Wechaty, data?: string) => void)) : this

是看到确实对每一个件事都是传入两个参数，然而demo里都是类似这样：

async function onLogin (user) {
console.log(`${user} login`)
}

也没有看到有传入第二个变量。如果你主动 传入第二个参数，会直接报undefined。在这样分拆的页面怎么使用bot呢？

我找了一下node的全局变量，发现nodejs有一个global变量。嗯，变量名就叫：global.....，于是将除了message以外的事件放到主文件index.js中。并在onlogin中赋值：global.bot = bot;

然后在分拆后的message中，const bot = global.bot; 果然就可以用了。

问了一下群里，发现有人也这样用，但。。。Huan Li(Huan (李卓桓))说了，其实可以在方法里面直接 const wechaty = this;就可以用了。。。

这么说。。。this就可以直接用？果然不会Ts就是不懂。然后 他还更新了一下 git，并在里面加入了使用方法，详见：https://github.com/wechaty/wechaty-getting-started/blob/master/examples/professional/hot-import-bot/listeners/on-friend.js

/**
* Wechaty - https://github.com/chatie/wechaty
*
* @copyright 2016-2018 Huan LI <zixia@zixia.net>
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
async function onFriend (contact, request) {
/**
* We can get the Wechaty bot instance from this:
* `const wechaty = this`
* Or use `this` directly:
* `console.info(this.userSelf())`
*/
if(request){
let name = contact.name()
// await request.accept()

console.log(`Contact: ${name} send request ${request.hello()}`)
}
}

module.exports = onFriend

最后想说的是，感觉

public on (event: 'dong', listener: string | ((this: Wechaty, data?: string) => void)) : this

这个this的用法就象python的self一样。虽然不懂，但是感觉很厉害的样子。

最近在尝试使用他做了个小机器人，就是当群里有人问天气的时候自动回复了一下。。。目前只是demo。没有细纠，但这时候发现 Room.alias(Contact)。没有拿到群昵称，准备这两天再看看问题是啥。

yarn add laravel-echo-server

setWechatTitle 指的是这个插件：https://juejin.im/post/5cff17f45188252dd239943a

七牛云 使用sdk 上传图片提示{"error":"key doesn't match with scope"}