soul

前言 今天为了测试html，用了nodejs的http-server命令，当然有了WSL那肯定是在WSL2中启动http-server，启动后问题就来了，8080端口是无法在局域网里访问的，但是windows宿主机是可以通过127.0.0.1:8080来访问到 WSL2相关 WSL2用的是hyper-v 相当于一个虚拟机，但是在网络那块就有点奇怪了，wsl2与windows中会有一个专有的ip。 举例 WSL2专用ip为：172.31.58.132，windows的公网ip为：192.168.167.82。 那么问题来了 我wsl2启动了一个http服务 端口为8080，如何在局域网中访问它？ 一开始想的办法是让wsl2直接在局域网获取一个新的ip 比如192.168.167.83，试着给wsl2用了固定ip后也是不行的，连wsl2本身的网络都断开了，看了一下wsl2官方的issue发现官方目前是不支持wsl2直接获取ip的，v2ex上有老哥试着用网桥来解决这个问题，但是看最后的评论结果还是没有成功，于是目前的办法就比较hack了，局域网机器访问windows宿主机，windows宿主机转发端口至wsl2，虽然流程很简单，网络上也有老哥给出了解决方案，比较常见的指令就是 netsh interface portproxy

前言 后空再完善，本篇文章算是一个存档，之前用的国外服务器，国内访问突然变慢，于是打算迁移到阿里云的香港服务器，那么迁移的时候就会遇到一堆的问题- -虽然已经准备填坑了，但是一来一回的操作发现竟然花了两个多小时。 原服务器数据&备份 nodebb用的是redis，先备份redis数据，不过因为不记得redis数据库存放路径了，于是 结合这篇文章redis切换数据存放的文件目录得出redis的存放路径，直接停止redis服务127.0.0.1:6379> SHUTDOWN 打包NodeBB所有文件 zip -r x.zip ./备份为x.zip 备份solr目录所有文件 zip -r solr.zip ./备份为solr.zip 备份nginx的conf文件 至此，原服务器的数据算是备份完毕了，不过这里在download备份文件的时候遇到了一个很大的问题，因为国外的网络下载是在太慢了，一开始打算数据->dropbox->本地，不过因为dropbox需要注册账号balabal之类的也比较麻烦，于是想了一下打算用阿里云的oss来做中间下载点

TS入门学习资料 本文大量使用了TS入门学习资料的范例并且加以理解，但是也有省略很多的关键点，如需完整学习请移植上方链接 什么是 TypeScript&为什么选择TS 包容 不会与js冲突，基本上直接引入js即可 类型定义系统 完善js的弱类型，并且因为有类型定于 各大IDE也会有对应的提示 拥抱ES6&最新的草案规划 TypeScript 编译的时候即使报错了，还是会生成编译结果，我们仍然可以使用这个编译之后的文件。 巴拉巴拉什么社区完善啊 等等这些可以去看学习文档 这里不单独列出 劣势 学习曲线高 虽然很强大，但是整个市场来说 对团队要求高导致ts目前阶段相比js还不算大范围的流行 编译 需要额外编译，虽然写起来很爽，但是编译火葬场，如果开发团队全部用any类型的 等于没有用ts 源码定义 如果前端团队中有人不了解ts 那么阅读源码就是一个学习成本的事情了 复杂&构建流程 react和AJ可能是对TS支持最好的两个框架了，VUE&NODE.JS这两块还是有待完善 安装 npm install

前言 某天某时刻从某位PLMM那里收到了一份礼物，拆开后发现是visionseed... 简单搜索了一下 发现是一个自带人脸检测/识别等一系列算法的摄像头.比较小巧 so...盒子背后还有个开发文档的二维码 visionseed官网 在开发者中心也能看到一些文档 简单看了一下后,发现...完全不懂啊 竟然是C++的..作为鄙视链最低端的前端,并且没有学过C++的渣渣来说 完全是天书啊,本打算辜负妹子的好意,准备收起设备的时候不料在gayhub上发现了新的天地 nodejs版本的sdk 竟然有位大大已经封装了一个js版的sdk,难道那句话就要应验了吗？能用js写的最终都会用js写 通信？ 本着好奇的态度想看看底层如何与js通信,简单看了一下源文件发现引入了三个库 serialport： 读取串口信息 visionseed设备的baudRate为115200 google-protobuf: 端口通信机制？ 这个库没太搞懂 类似于GRPC这样的？ serialport正好之前玩过一点点 大致上明白是一个发送&接收的库，google-protobuf理解为对底层sdk通信的一个机制？ windows下的玩法 简单了解了一下后再去看看sdk文档..嗯...很简单嘛 window下打开cam就可以看到视频了，并且也绘制了人脸识别框balabala的 ..嗯嗯嗯嗯...嗯？ 调用sdk竟然是ubuntu版本的.

前因 有个业务需求为 表单中有两个字段 一个是 最小长度input输入框 一个是最大长度input输入框 因为要联动判断两个输入框的值，最小不能大于最大 最大不能小于最小，去官方翻例子发现只有一个自定义验证并且案例写的比较模糊 el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pass"> <el-input type="password"

前言 https是一种互联网趋势，说到https就离不开ssl证书的申请，那么国外有个组织为了解决ssl证书申请的问题开放了互联网申请api接口，而且是全免费的，这就是letsencrypt，那么有了这个api接口接下来做的就是要去看方法调用对吧。然而你找到的只能是一份超级长的规范定义,当然这份规范定义基本上大家都是太长不看的。所以基本上大家都会去找现成的库。那么实现了amce协议的库很多ACME协议客户端，各种各样的，比如最常见的Certbot，网上的教程大多也是针对Certbot的，不过有个缺点就是，如果走的是dns认证，尤其是通配符证书申请，基本上国内比如阿里云的dns还需要自己手动去设置，不过网上已经有相关的插件可以支持阿里云dns了。不过我个人并不喜欢Certbot，尤其是需要传递一堆的参数，当配置的域名一多的时候就很难管理，那么出于以上的考虑就开始写了一个符合自己业务需求的小教本 基于node-acme-client的脚本实现 node-acme-client 本来打算自己去实现一个符合acme规范的客户端，不过时间不允许，而且不太想重复造轮子，所以翻了一下nodejs的库，发现还是有一个完全实现了acme规范的。于是打算基于上述去开发。虽然说是基于轮子去造车，但是有一些概念还是需要了解的。下文会简单说一下所遇到的概念。 账户 letsencrypt是有账户概念的，而且创建账户的接口速率限制比较严格10个ip/3小时内。所以基本上建议要搞证书都用一个公用的账户，那么他的账户申请概念是什么样的呢？ 本地生成私钥(pem编码)->调用创建账户接口(/acme/new-acct)->返回创建用户信息-&

前言 本次演示采用nodejs(>7.5)+express+request框架,需要有一定的基础.层级分为四层分别为 路由层 控制层 请求层 视图层 路由层 GET /login # login登录页 GET /login/wechat # mobile微信跳转返回页 GET /login/wechat-pc # pc跳转返回页 控制层 getLogin #对应GET /login 的控制器 wechatLogin #对应GET /login/wechat的控制器 wechatPcLogin #对应GET /login/wechat-pc的控制器 这里为getLogin的控制器,比较简单就渲染一个简单的页面 /** * 用户登录页 * @param req * @param res * @return {Promise.<void>

记一次nginx反向代理内网wordpress 参考 nginx反向代理wordpress nginx反向代理wordpress.conf Nginx proxy_set_header 理解 说明 公网ip为 233.233.233.233代理服务器内网ip为 10.10.10.10wordpress内网服务器ip为 10.0.0.1其中nginx代理服务器可以访问内网.需要绑定的域名为abc.com,但是目前域名未备案 所以只能绑定公网ip也就是233.233.233.233 第一种解决方案 不更改wordpress的home_url和site_url 这两个url保持原来的域名不变 在nginx代理服务器那层利用sub_filter 把域名进行替换 第二种解决方案 更改wordpress的home_url和site_url为新域名.并且传递正确的Host. 这里采用的是第二种解决方案.第一种解决方案实际上可以看上述的参考 代理服务器层 conf配置 location /{ proxy_

前言 豆瓣读书 这本书简单的介绍了如何使用nodejs来搭建微服务,一本实践与理论结合的书籍,如果对于微服务有比较深刻的了解就可以不用看这本书了,但是对于门外汉来说这本书还是有比较大的价值. seneca github 本书大半部分都围绕这个框架来写的. 这个框架就是实现微服务的一个工具罢了.框架使用了匹配模式来触发函数,从而细粒化函数,比如. seneca.add({role:"math",cmd:"sum"},function(msg,res){ var sum=msg.left+msg.right res(null,sum) }) seneca.act({role:"math",cmd:"sum",left:1,right:2},console.

说明 安装了iterm2和oh my zsh, nvm也添加进入了.zshrc export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm 然后安装了nodejs 7.10.0版本后 新建iterm发现nodejs还是原来的v6.9版本…试着删除了一下v6.9版本就报错了 N/A version is not installed yet 解决这个问题的办法很简单github 不想看github的话那么就执行下面这个命令 nvm alias

注意事项: 这里的爬虫不做太复杂的处理.. 考虑到并发问题.这里的爬虫仅仅是爬完上一个后再爬下一个. 爬完当页后再去爬取下一页,效率虽然低..但是胜在不用同一时间发请大量请求避免被ban 本文以admin5.com为案例来爬取200页的文章title和content 本文涉及到的es6语法这里只会简单的说明一下.如果看不懂…来打我啊(笑) 涉及框架 crawler co cheerio crawler:为一个封装好的nodejs爬虫库,免去你用request框架发请请求然后处理一大堆的返回代码问题.本文只把crawler当做请求工具用.内容的处理将会用cheerio框架来完成 co:能够把异步代码写成跟同步一样,号称es6的async. cheerio:nodejs版的jQuery 分析目标网站url 目标网站的url都是 http://www.admin5.com/browse/19/list_${i}.shtml ${i}<=965 那么这就好办了.生成965个链接然后每次去爬一个链接 分享目标网站DOM结构 目标网站的每篇文字的链接都在一个class为sherry_title的a标签里 <a href="

爽爆天!加速翻墙,优化shadowsocks.让你的梯子飞起来 本文参考了如下的几个教程 在 CentOS 7 下安装配置 shadowsocks kcptunGitHub kcptun_gclient shadowsocks多用户配置 本文的服务器为centos7.0 安装shadowsocks至服务器 首先,关闭防火墙(centos 7.0) systemctl disable firewalld.service systemctl stop firewalld.service centos6.9以下的可以参考 关闭命令： service iptables stop 永久关闭防火墙：chkconfig iptables off 两个命令同时运行，运行完成后查看防火墙关闭状态 service iptables status 1. 安装python 略,一般默认都带Python,如果不带那么谷歌/

Generator控制sprity合并 gulp-sprity是一个不错的插件.但是有一点问题 1.生成sass与less的时候所有的变量都在一个less/sass里面.不太好控制和引入 解决方案问题一 一开始是打算直接用for of循环读取数组内容然后直接生成的.但是这样会带来一点问题.如果上一次的内容没有生成,立即执行下一次内容生成会导致出现1.的情况..虽然你生成了两个文件.但是两个文件都是一样的内容.. 控制异步流程 其根本问题在于异步的流程控制.那么如何控制数组中的异步流程?其实就是.你想要函数执行第一次后再去执行接下来的.那么这里就可以用Generator来控制数组是自带了Symbol.iterator 这个Symbol.iterator实际上就是一个Generator那么就可以写一个函数每次结束后再去next. 如何监听gulp.pipe结束 一开始是打算使用.on(‘end’)事件..结果毛用都没.仔细研究和翻阅文档下.发现unpipe和finish这个事件是可以监听到的.end是针对于read,finish是针对于写事件.那么这下就好办了.递归循环即可 最终代码 "use strict"; const gulp = require("gulp"); const

邮箱发送案例笔记 今天在做邮箱发送案例的时候发现有一些问题需要处理 这里的邮箱指的是QQ邮箱 避免使用*zoom,*display,*xxx 避免使用css样式选择器 规定宽度如650px 利用margin居中 所有样式内联 避免使用复杂样式 1.则是因为邮箱在处理的时候会把不标准的css样式给屏蔽掉.所以导致xxx 以后的样式全部无效.如果要用请把xxx放在最后进行处理 2.和4.可以先利用选择器写好然后再利用gulp脚本自动生成,这里给出一段,所需模块已经require,需要的可以直接去npm进行下载 const gulp=require("gulp"); const inlineCss=require("gulp-inline-css"); const rename=require("gulp-rename"); module.exports=function () { gulp.task("inlineCss",()=>