electron的第一次亲密接触——一个数据提取工具的前世今生(二)

        接上次继续讲我编程的历程。

        2021年临近8月,我初次接触到了JavaScript。确切的说应该是接触到了html,其内包含的各种元素,有那么一瞬间,让我有了梦回VB—gui的感觉,界面化有了。而运行在浏览器上,由浏览器来解析的特性,不需要依赖系统环境的配置,也让我看到了共享的曙光。而后组件的布局,我了解到了CSS,而组件功能的实现,我开始了我的JavaScript的学习之旅。

       有了Python作为底子,对JavaScript的学习并没有想象中的那么困难,尤其是两者都是面向对象的语言,有许多共通之处,所以学起来也是十分的得心应手。就这样,我一边学习,一般尝试着自己敲一些原生的html网页,在其间,根据自己的日常工作内容,制作了一份网页版的工作手册,其中包含了文字、选择器、表格、链接各种组件的应用,如下图所示,非常简单且简陋的一个网页,但是对于初学者的我却也是抱着极大的兴趣在尝试着。

electron的第一次亲密接触——一个数据提取工具的前世今生(二)_第1张图片

       而后,工作渐忙,只能抽出些许时间,一边学习视频课程,一边完善着我那简陋的网页版工作手册。就这样走走停停,原生的JavaScript的基础学习了一遍,也练习了一遍,但也就仅仅能够做出几个简陋的静态页面。但怎样把他应用到工作之中,我却完全没了主意。以我当时的认知,JavaScript他无法像Python读取数据、处理数据。而用原生的table来展示数据,大量的td,tr 让人想来就头皮发麻,JavaScript貌似没有我想象中的那么美好。

       转机来自11月底。那时候,我依然像一个无头苍蝇一样,在网上搜着各种相关的信息,看到一段用jQuery写的代码,它那特殊的语法结构,更是触碰到了我的知识盲区,让我一头雾水。于是我便去询问一个高中时期的同学(一个从业者,也是我的领路人),jQuery是什么?于是他给我普及了许多相关的知识,从JavaScript的框架,到node,npm等等。但是对于相关知识贫乏的我来讲,依然迷茫。好吧,知道的少,那就学吧,于是我又花了几天的时间,把node的相关知识以及npm的用法给学习了一遍。按照我自己的理解,node就是将JavaScript从浏览器脱离出来,像Python一样运行在本地,而npm就和Python的pip一样。然后,同学又给了我一个建议,如果想做前端页面的话,就学一个框架吧,react或者vue任选一个。我选择了react,继续学习,我又花了两周的时间将react学习了一遍,之后再次开始了我的前端探索之旅,尝试着用antd拼接拼接页面实现一些简单的功能,用echarts做图表展示,也是玩的不亦乐乎。

       但是学习之旅还未结束,echarts图表展示,需要引用一些数据,echarts官网做了一些数据端口,这就需要我去学习ajax相关内容,功能包的话我主要是使用axios。而后,我就尝试用自己的数据制作图表,先是手动输入数组,而后考虑用上传的方式,将本地的数据导入到前端(这些非主流的方式肯定是不可取的)。不得已只能自己尝试着去制作数据端口。继续咨询,同学又给了我几个选择,node的express框架,koa框架,也可以用Python的flask框架,我选择了koa框架。而koa框架又是一场硬仗,各种问题(如跨域等)将我折磨的痛苦不堪,只能再学一个egg.js,把端口的制作给简化了。端口有了,数据从何而来?那就再学习mysql 应用和sql语言。这时,我已经将本地的数据经过后端的处理展示到了前端,剩下最后一步,部署服务器,好吧,那就再学一下docker吧。至此,我的JavaScript的学习之旅,终于形成了一个简单的闭环,实现了我所希望的效果。

        JavaScript的学习就先讲到这里,后边会重点讲一讲electron的学习与初次尝试。

你可能感兴趣的:(javascript,node.js,react.js,程序人生)