陈文管的博客

分享有价值的内容

在线视频转音频后端服务搭建

发布 | 最近更新于

在线视频转音频 https://yttomp3.media/ 和 https://youtubetomp3converter.media/ 两个工具开始是根据Cobalt提供的接口实现的，在这个项目升级之后关闭了免费的接口，所以需要自己拉取Git项目搭建一个后端服务。

一、服务平台选择

对比了下各个平台的费用，搭建后端服务的平台直接使用赞助Cobalt项目的RoyaleHosting，相比其他平台性价比最高，需要注意的是，在RoyaleHosting平台注册账号的时候不要使用iCloud的邮箱，iCloud屏蔽了这个平台的邮件发送服务，无法使用iCloud的邮箱激活账号，如果不慎使用iCloud邮箱，可以提一个Ticke[……]

【阅读全文 ▽ 】

XML在线工具及代码开源

发布 | 最近更新于

文章内容包括XML的介绍，以及开发的免费在线XML工具支持的功能说明，包括XML格式化、消除空白字符(空格和TAB制表符）、XML合法性验证、XML转化为可交互树结构，以及XML转化为各种类对象，并把XML转为可交互树视图的代码实现开源。

引言

简要介绍XML的定义和用途

XML，全称为可扩展标记语言（eXtensible Markup Language），是一种用于定义数据格式的标记语言。与HTML相似，XML采用标签结构来组织和存储数据，但不同于HTML的是，XML并不预定义标签，允许用户根据需求自定义标签。其设计初衷是为了实现数据的跨平台传输和存储，使不同系统之间能够无缝地交换信息。XML的最大优势在于其可读[……]

【阅读全文 ▽ 】

Linux磁盘空间查看及定时清理配置

发布 | 最近更新于

在Linux系统上跑任务会遇到系统磁盘空间爆满的情况，表现出来的现象是程序运行报错，或执行缓慢。记录下Linux磁盘空间占用的查看方法和文件清理脚本定时触发配置的实现。

一、Linux磁盘空间占用分析

这边用df和du命令配合来查找占用磁盘空间的大头，找到文件目录之后，再根据文件类型决定是删除还是对磁盘扩容。

首先使用df -h命令查看磁盘整体的占用百分比和占用大小情况，先确定是哪个文件夹占用较多，如果文件较多命令执行可能很慢，这边df命令如果没加-h参数，输出的容量、已用和可用数据就是没转化的字节大小。

~$ df -h
文件系统          容量 [......]
【阅读全文 ▽ 】

AntV Chart绘制内存和CPU曲线

发布 | 最近更新于

AntV G2是蚂蚁金服数据可视化团队开发的一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。这边记录下用AntV Chart实现Android内存和CPU性能数据的展示。

AntV 官网图表示例：

https://antv.antfin.com/zh-cn/g2/3.x/demo/index.html

一、实现效果预览

二、AntV配置

在工程dependencies里面加上G2的配置，因为需要对传输的性能数据做转化，也要配置上DataSet。

"dependencies": {
  "@antv[......]
【阅读全文 ▽ 】

Node.js后端文件上传、文件接收保存及文件下载实现

发布 | 最近更新于

直接给下Node.js后端两种文件上传方式、后端服务接收保存文件，以及后端文件下载的具体代码实现。​

一、Node.js后端文件上传

这边注意下，如果出现以下错误

Error: socket hang up

检查下上传的后端接口是不是用https，之后修改下引入的http对象为https。

1）使用FormData上传文件

var FormData = require('form-data')
//如果后端用的是https，这边引入的是http就会报socket hang up异常。
var http = require('https');

//调用示例：
let form = new Form[......]
【阅读全文 ▽ 】

JavaScript前后端JSON使用方法详解

发布 | 最近更新于

汇总整理下JSON在JavaScript前后端中的使用方法，包括字符串和JSON对象的互转，JSON数组的遍历，JSON对象key值的获取，JSON内容格式化输出到文件，读取JSON内容文件转化为JSON对象等。

一、JavaScript后端JSON操作方法

1、JavaScript JSON字符串转JSON对象

var testStr = '{"name":"will","age":18,"hobby":"football"}'
var jsonObj = JSON.parse(testStr)

2、JS JSON对象转字符串

var testObj = {
  "name": 'will',
  "[......]
【阅读全文 ▽ 】

Node.js后端zip压缩文件保存和读取

发布 | 最近更新于

如果服务器使用RethinkDB分布式数据库保存JSON数据，在保存的数据量持续增加的时候，网页端做数据查询操作时浏览器非常容易卡死，而且查询耗时，这个时候就需要另外考虑JSON数据的保存和读取，RethinkDB并不能满足需求。经过对比测试，JSON文本内容保存成txt文档之后，再压缩成zip文件占用空间非常小，可以作为优化方案来实施。

比如以JSON格式化方式保存成txt文档，文件大小是7.6MB，不做格式化保存文件大小是4MB，以压缩文件方式保存大小是175KB，不考虑格式化保存，压缩比是23.4倍。也就是保存1GB的JSON数据，只需要43.76MB的存储空间。来看下用JS方式保存和读取zip文件的具体代码逻辑实现。

[……]

【阅读全文 ▽ 】

AngularJS集成HighCharts动态绘制CPU和内存变化曲线

发布 | 最近更新于

调研了下动态曲线绘制的开源项目，HighCharts应用在AngularJS上相对容易使用和集成，来看下在AngularJS上集成HighCharts的StockChart图表，实现动态绘制Android内存和CPU的变化曲线。

一、实现效果

先看下HightCharts CPU和内存图表显示实现效果，图表左上角可以选择显示的区间范围，1分钟、5分钟或显示全部，截图显示的是全部数据，底部栏可以拖动查看不同区间数据。

二、HighCharts集成

先到HighCharts下载中心下载对应的资源，这边下载的是Highcharts-Stock-8.1.2，Highcharts-Stock下载之后就不用下载H[……]

【阅读全文 ▽ 】

GitLab API使用

发布 | 最近更新于

项目上需要读取GitLab工程的分支数据，做Jenkins编包参数输入自动匹配的处理，本文记录下通过GitLab API获取GitLab工程分支branches数据的详细操作步骤，其他操作可参考官方GitLab API文档。

一、GitLab API获取Projects数据

http://gitlab.xxxxxxx.com/api/v3/projects/id/repository/branches?private_token=abcdefghijk

通过官方文档的说明，如果要获取一个工程的分支数据，除了private_token参数必填之外，还需要知道这个工程的id，但从GitLab操作界面上并没有工程id查看[……]

【阅读全文 ▽ 】