安装Aria2的web管理界面（AriaNg） {message type="info" content="一个Aria2新的更好用的Web前端，AriaNg是一个很实用的Aria2前端，比起Aria2 WebUI来说，好用多了，关于Aria2服务端搭建方法可参考：BT种子/磁力链接下载工具：Aria2一键安装管理脚本，这里说下前端AriaNg搭建方法。"/}相关说明AriaNg功能覆盖了Aria2 WebUI和YAAW的功能。与之前的前端相比，主要优势在于：完全响应式布局，电脑和手机等设备全部支持。更友好的用户界面，使用起来更像常用的下载工具。下载任务列表支持排序（文件名、大小、进度、剩余时间、下载速度等）和搜索，正在等待的任务列表支持拖拽安排下载顺序；任务详情页面支持健康度等参数的显示，文件和BT节点列表支持排序，文件列表支持按文件类型筛选选择，BT节点列表支持显示每个节点的任务完成状态等信息；新建任务页面支持直接手动下载等；提供完整的aria2设置支持，支持aria2所有设置的说明、修改等，设置界面全部中文。支持下载完成通知（仅支持Webscoket协议及Chrome等现代浏览器）。支持自定义使用的协议，Http(s)或Websocket可任选。（Http(s)协议支持压缩，减少带宽）数据增量更新，减少带宽使用。其他功能大家可以自行体验，之后还会增加更多的功能。页面展示安装安装git和nginxsudo apt install -y git nginx下载aira-ngwget https://github.com/mayswind/AriaNg/releases/download/1.2.2/AriaNg-1.2.2.zip解压unzip AriaNg-1.2.2.zip -d aira-ng{callout color="#f0ad4e"}将aira-ng放到nginx的/var/www/html/目录下，然后设置开机启动nginx{/callout}sudo mv aira-ng /var/www/html/ sudo systemctl enable nginx{callout color="#ef7e4d"}用浏览器访问树莓派IP下的aira-ng，即：http://ip/aira-ng 即可正常访问{/callout}对接Aria2在AriaNg Web页面设置里面，点击AriaNg设置 –> 全局 –> 密钥：secret

前端正则,递归面试题 - Joe老板出题 Joe博客 老板每日分享面试题，羞辱我这个前端小白，请看题！{message type="info" content="第一题 正则替换"/}题干let a = { b: 123, c: '456', e: '789' } let str = 'a{a.b}aa{a.c}aa {a.d}aaaa';本题要求： 把 str 字符串中 { a.b } 这种 替换成 a对象中对应的值本题结果： a123aa456aa {a.d}aaaa博主解题方案str.match(/{\w\.\w}/g).forEach(itm => (str = str.replace(itm, a[itm.match(/\.\w/g)[0].replace(/./, '')] || itm))) console.log(str);Joe大佬解题方案str = str.replace(/{\w\.\w}/g, ($1) => { const { groups: { key } } = /{\w\.(?<key>\w)}/.exec($1) return a[key] || $1 }) console.log(str);{callout color="#f0ad4e"}此题可看出，Joe大佬的代码运用了JS高级，博主只能勉强解出，这就是差距。{/callout}{message type="info" content="第二题 数组扁平化"/}题干const arr = [1, [2, 3, [4, [5]]], 6];本题要求： 把 arr 数组 扁平化处理本题结果： [1,2,3,4,5,6]博主解题方案let newArr = []; hanJoe(arrs); function hanJoe(arrs) { arrs.forEach(itm => (itm instanceof Array ? hanJoe(itm) : newArr.push(itm))) } console.log(newArr);Joe大佬解题方案const flat = arr => arr.reduce((prev, curr) => Array.isArray(curr) ? [...prev, ...flat(curr)] : [...prev, curr], []); console.log(flat(arr)){callout color="#f0ad4e"}此题可看出，Joe大佬再次运用了JS高级，博主的解题方案平平无奇，这就是差距。{/callout}{message type="info" content="第三题 也不知道怎么命名"/}题干function isOdd(num) { return num % 2 == 1; } function isEven(num) { return num % 2 == 0; } function isSane(num) { return isEven(num) || isOdd(num); } var values = [7, 4, '13', -9, Infinity]; var r = values.map(isSane);本题要求： 脑子里运算，并输出 r本题结果： [true,true,true,false,false]{callout color="#f0ad4e"}这题给我普及了 Array.map() ，博主不会map{/callout}{message type="info" content="第四题 运算"/}题干let res = "b" + "a" + +"a" + "a"本题要求： 脑子里运算，并输出 res本题结果： baNaNa最后{callout color="#ef4d8e"}快来插个眼吧！{/callout}