node.js爬虫应用——前端程序员的词典command-translator

简介: 虽然高考英语考了135分,大学英语四级也过了,可到现在,写了两年代码,经常在写一个变量的时候,想半天也想不出来对应的英文单词是什么,总不能很可 (sha) 爱(bi) 的去用拼音吧,最后还是只能去求助有道了。虽然说打开有道网页,然后输入词语翻译不算太麻烦,担保每次都这样,总觉得不够方便,也不够逼格。

虽然高考英语考了135分,大学英语四级也过了,可到现在,写了两年代码,经常在写一个变量的时候,想半天也想不出来对应的英文单词是什么,总不能很可 (sha) 爱(bi) 的去用拼音吧,最后还是只能去求助有道了。虽然说打开有道网页,然后输入词语翻译不算太麻烦,担保每次都这样,总觉得不够方便,也不够逼格。

 先来看看我现在用的工具好了,首先安装command-translator:

cnpm i -g command-translator

 然后打开一个命令行直接翻译:

tl 翻译
# 输出如下
translate
interpret
translator
interpreter

够简单了吧,下面来看看怎么实现的。

 在写这个工具之前,我也用过一些插件,如果你用Alfred, 那么你应该已经用过一些翻译插件了。后来我觉得它颜值没有自带的spotlight高,所以就卸载了,然后装了个flashlight, 然而那里面的插件太少了,有一个有道翻译插件,然而只能英文翻译成中文,要它何用?最后打算自己写一个,可折腾了两天后,发现flashlight有问题,似乎是识别不了输入的中文,大概有道那个插件也是遇到这个问题,才没有做中文翻译英文吧。后来想着现在我们一般用vscode比较多,写个vscode插件也不错吧。然而vscode插件的命令中好像是带不了参数,如果用一个命令来启动插件,然后再输入要翻译的词语,最后再显示翻译结果,那还是太难用了。最后想着就写个命令行里面的翻译工具吧,对于前端程序员而言,node肯定是装了的,就用node来写。

 其实有了思路后,就很简单了。首先是要拿到翻译的结果。直接调用接口的很多,有道官方也有,不过都需要去申请一个key,个人比较反感,就简单点,直接爬网页,分析dom。整个程序用了两个第三方模块:cheerio处理dom,类似jquery的语法;commander用来简化命令行交互,TJ大神的大作。

 首先爬取页面,解析结果,这里爬的是金山词霸的页面,之前写论文时感觉对于一些专业词汇,金山翻译的更准确。几行代码就能搞定,这里直接上代码好了:


const http = require('http')
const cheerio = require('cheerio')
const baseUrl = "http://www.iciba.com/"
function spider(word){
  return new Promise((resolve,reject)=>{
    http.get(encodeURI(baseUrl+word),res=>{
      let html=''
      res.on('data',data=>html+=data)
      res.on('end',()=>resolve(html))
    })
  })
}
function parse(html){
  const ch = cheerio.load(html)
  const res = []
  ch(".js-base-info .in-base .base-list p span").each((i,el)=>{
    res.push(ch(el).text().replace(new RegExp(';'),''))
  })
  return res
}

module.exports = function(word){
  return new Promise((resolve,reject)=>{
    spider(word).then(html=> resolve(parse(html)))
  })
}

然后我么调用导出的方法,传参为需要翻译的词语,中文英文都可以,最后返回的就是一个数组,为翻译结果。

 最后要解决的是命令行直接输入tl <word>直接翻译,这部分代码写在一个js文件中,我把它叫做bin.js, 然后在package,json配置一个key为"tl"的bin,指向bin,js即可。bin,js就是获取tl后面的参数,然后调用上面导出的那个方法来翻译,最后把结果打印出来即可,代码:

#!/usr/bin/env node
const program = require('commander')
const translate = require('./translator')
program.version(require('./package.json').version)
  .action((arg,cmd)=>{
    translate(arg).then((res=[])=>{
      res.forEach(r=>console.log(r)
    })
  })
  .parse(process.argv)

OK了,以后翻译只需快捷键打开终端,输入tl <word>就可以了。

 什么?你不用node,你是写java的?都什么年代了,还不学我,来搞一波前端,当年我可是写过C艹,后来C艹艹,再后来Android、Java,然后转前端的。开玩笑啦,看完这篇文章,随便你用什么语言都能很快写一个这样的词典出来。

 以后如果再看到你身边的朋友还在打开网页来翻译,或者用拼音的,直接把这篇文章丢给他把

原文发布时间为:2018年05月06日
原文作者: 孤丶狼丶

本文来源:开源中国 如需转载请联系原作者


目录
相关文章
|
2月前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
193 77
|
2天前
|
敏捷开发 人工智能 JavaScript
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
Figma-Low-Code 是一个开源项目,能够直接将 Figma 设计转换为 Vue.js 应用程序,减少设计师与开发者之间的交接时间,支持低代码渲染和数据绑定。
20 3
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
|
4天前
|
数据采集 JavaScript 前端开发
异步请求在TypeScript网络爬虫中的应用
异步请求在TypeScript网络爬虫中的应用
|
2月前
|
存储 缓存 监控
如何使用内存监控工具来优化 Node.js 应用的性能
需要注意的是,不同的内存监控工具可能具有不同的功能和特点,在使用时需要根据具体工具的要求和操作指南进行正确使用和分析。
77 31
|
2月前
|
JavaScript 前端开发 API
深入理解Node.js事件循环及其在后端开发中的应用
本文旨在揭示Node.js的核心特性之一——事件循环,并探讨其对后端开发实践的深远影响。通过剖析事件循环的工作原理和关键组件,我们不仅能够更好地理解Node.js的非阻塞I/O模型,还能学会如何优化我们的后端应用以提高性能和响应能力。文章将结合实例分析事件循环在处理大量并发请求时的优势,以及如何避免常见的编程陷阱,从而为读者提供从理论到实践的全面指导。
|
2月前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
52 3
|
2月前
|
Web App开发 JSON JavaScript
Node.js 中的中间件机制与 Express 应用
Node.js 中的中间件机制与 Express 应用
|
2月前
|
JavaScript 前端开发 安全
JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择
本文深入探讨了JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择。JavaScript以其灵活性和广泛的生态支持著称,而TypeScript通过引入静态类型系统,提高了代码的可靠性和可维护性,特别适合大型项目。文章还讨论了结合使用两种语言的优势,以及如何根据项目需求和技术背景做出最佳选择。
66 4
|
2月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
53 4
|
2月前
|
前端开发 JavaScript 关系型数据库
基于 Vue2.0 + Nest.js 全栈开发的后台应用
Vue2 Admin 是一个基于 Vue2 和 Ant Design Pro 开发的前端项目,配合 Nest.js 构建的后端,提供了一个完整的全栈后台应用解决方案。该项目支持动态国际化、用户权限管理、操作日志记录等功能,适合全栈开发者学习参考。线上预览地址:https://vue2.baiwumm.com/,用户名:Admin,密码:abc123456。