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

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

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

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

       而后，工作渐忙，只能抽出些许时间，一边学习视频课程，一边完善着我那简陋的网页版工作手册。就这样走走停停，原生的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的学习与初次尝试。