通过几句node.js为前端初学者写个常用工具

3,764 阅读2分钟

具体是什么工具,我语言组织了好久还是觉得不够好,还是以几张图来告诉大家它实现的一个效果以及如何使用它。 补充:真实情况下,我是会把项目里需要拼接的字符串一次性复制到1.txt里面,划条横线区分一下,用的时候去answer.txt取需要的部分

补充:因为最近做web app以及微信比较多,es6的很多语法在安卓机上总是报错,一直没时间去看哪些语法是哪些安卓机可以识别的,于是为了安全以及效率起见,就不使用es6相关的语法。还有就是通过babel写es6转化为es5,之前一直懒得学习,看来这个懒是偷不得了,nice。

效果图

情景: 小明是个切图仔,某天,他切完了所有的图准备对接数据啦。列表页代码如图1.

图1
图1 某列表页代码。

小明喜欢偷懒,把某下拉刷新上拉加载的插件封装了一下,一切就绪,只需要在callback里面把字符串和真实数据拼接一下。然而这个项目那么多列表页,那么多重复的添加单引号和加号也太辛苦了吧,眼睛要看花掉了。于是,小明通过几句node.js的代码,轻轻松松就完成加单引号和加号的部分了,效果图如图2.

图2 单引号和加号拼接完代码。

如何实现?

小明是个前端切图仔,对后台的语言也不熟,想要读文件,编辑文件,再写文件想来想去只能通过node.js了。 实现的过程走了很多误区,失败了几次,比如,通过readline逐行读取,但是中文字符是没有办法解析的,虽然能将就着用,但这个工具用完后还要去复制黏贴修改中文部分,那真还不如不用。最后还是找了了一个可以解析中文的办法,用二进制编码方式读取后再用GBK解码。代码server.js如图3。

图3 node.js读写并处理字符串。

如何使用?

使用方法很简单首先环境是要下载并安装node.js,这里需要安装fs,和iconv-lite。

第一步,将需要处理的字符串复制到1.txt中

第二步,该目录下执行node server语句

第三步,打开生成的answer.txt去复制代码就可以啦。

小结

对于整天在搬砖的初学者来说,我觉得这个工具可以节省不少时间。在写的过程中,因为我对node也是刚学,以实现效果为主,没思考太多,我在考虑识别换行的那个循环那也花了点时间的。仅给真正需要的人参考=。=,我是经常会使用到它,如果对你也有帮助的话,那就点个赞吧!