分类 编程 下的文章

VSCode 插件记录

在除了语言专用的插件 和 LanguageService 之外,还有很多非常方便的插件:

  1. file-size 在状态栏看到文件大小
  2. indent-rainbow 用不同的彩虹颜色来标记缩进
  3. TODO-Highlight 高亮指定的关键字 “ TODO / Console ”等,方便快速在源码中定位 TODO
  4. es6-string-* 在模版字符串中解析另一种语法,用于拼接一些其他语法的字符串,这是一类插件,包括这些:

    • es6-string-css
    • es6-string-html
    • es6-string-javascript
    • inline-sql
  5. Gitless 是 Gitlens 的 Fork 品,不含付费项目
  6. CodeGeeX 类似于 Github Copilot 的代码辅助工具,不聪明也不太蠢,至少免费

Vue 的多页面配置

在一个 Vue-cli 项目中支持多个页面

有时候,你想开发很多个具备单页应用性质的页面,一个一个用Vue-cli构建并且分成不同的项目未免太蠢了。

这篇文章用于记录我在给VCenter 前端配置多页面的时候的解决方法。

前言

网络上有很多类似的方法,一般都是讲讲增加Entry,增加HtmlWebpackPlugin的相关配置,每次新增或者删除页面的时候都需要做很多工作。

当然,也有一些文章,给了一些自动化解决方案,但是并不美观,也不方便,比如分页面划分文件夹之类的,然后通过webpack配置中的js自动引入这些文件夹,这种就比较倾向于是用文件夹作为约定。

在本文中,我结合了这两种方法,尝试通过一个配置文件来管理自己的多页面方案。

- 阅读剩余部分 -

KOA与stream的一个坑

绝对不要使用 ctx.body = request.get(stream_link)

在我的一个本地Server中,制作了一个解析视频网站视频流的API

大概的形式是这样的,

由 nodejs 向 视频网站请求流,然后使用ctx.body = request.get(stream_link)的方式向本地播放器输出流。

但是这其中有一个非常大的问题,就是在关闭播放器,KOA也获取到 ECONNRESET 错误的情况下,无法 destory Request的流。

这就导致即使关闭了播放器,nodejs依然在下载对应的那个视频,如果多切换几个视频,后台就会有多个下载任务占用带宽。

找了半天没有找到处理办法,KOA的相关讨论也只是说尽量不要给ctx.body设置为HTTP流。

最后直接Hack了一下,在app上直接监听Error事件,发生ECONNRESET的时候直接process.exit(0),反正后台有 forever的Daemon。

至少目前还没有找到可靠的处理方法。

如果可以处理的话,思路大概这样,将HTTP stream的引用暂存起来,读取ECONNRESET,并且与对应的ctx对应,找到 stream ,想办法结束流。

这个就留待以后实现吧,仅在此做一个记录

严格模式下取得函数调用栈

这个很简单,以console.log举例吧

由于严格模式不能使用callercalleearguments,因此使用Error来拿到调用栈。

代码如下:


let log = console.log;
console.log = function myLog(...args){
    try{
        log(...args);
        throw(new Error("[!] - 检查到未被移除的Log调用:"));
    }catch(e){
        log(e.stack);
    }
}

大概就是两步,第一步,把这个函数拿出来,第二步,用另一个函数代理,然后抛出错误,打印e.stack即可

在尝试寻找并移除一个log提示时,为了打印该log的调用栈,而整理了这个方法。

KOA-Vcenter开发手册 3

Vcenter 踩坑记

“过度设计等于没有设计”

前言

Vcenter的后台框架经过一段时间的填充已经大体有模有样了,后台专门设置一个APIController,调用各个不同的模块来提供服务。但是在编码之余却又发现了一个坑点。

- 阅读剩余部分 -