2018-06-28 ESP8266 无线模块 jQuery学习

无线模块的选型，确认下手上的"涂鸦智能"的无线模块是否方便开发

IOT学习：1. AJAX；2. jQuery ui

上午看了一上午的无线模块，最后确认手上"涂鸦智能"的无线模块不好使，其引出的一个引脚是IO1，但是官方引出的是IO2。而且程序下载的引脚也不对，貌似'涂鸦'对数据进行了部分修改。它家的模块资料不太明确，可能'涂鸦'不是以模块为买点吧，所以选择了‘安信可’

选择的是‘安信可’的ESP-12F，然后它家还有一个ESP-12S，晕，又确认了这两个有什么不同，有两点：

1. 12S使用的ESP8266的封装更小；
2. 12S没有将SPI接Flash的那几个脚引出来。

这个SPI中有个SPI_HD，这个是接Flash的HOLD脚的，SPI_WP接的是Flash 的写保护脚。

AJAX是一种功能，使得网页能够单独的获取某部分数据并单独刷新这一部分。现在学习的是使用jQuery实现AJAX功能。
jQuery也算是一种技术，使得JS的语法能够兼容不同的浏览器。jQuery应该就是在JS上包装了一层库函数，本质上还是JS。

1. $function(){} 是在页面加载完成后调用的，故应该放在html文件的末尾；
2. $('#xxxx'). 调用标签为xxx的DOM。它的属性也有很多，比如css修改css属性, xxx对象的特有属性，通过对象参数初始化。html与text是替换文本的。

jQuery还有一个UI文件，可用在网页上定制下载，下载下来后包括一些css文件与一个js文件，注意jQuery下载后都是2个类型的文件，带后缀.min与不带的，带后缀的是发布版，不带的是可以看到源代码的版本。
而要想使用jQuery UI，需要在html文件中引用.css文件。

网页的文件交互有3中数据类型：

• CSV，以逗号隔开的数据
• XML
• JSON

CSV最简单，但是由于值没有对应关系，后续更改数据结构时比较麻烦，所以使用的较少。XML与JSON使用较多，但是就语法结构来说JSON更简单，所以更普及。

那么XML与HTML有什么区别？
最根本的区别是它们的使用目的不同，HTML是用来展示数据的，比如网页就是展示的作用。而XML是用来描述数据的，比如用于上面提到的网页数据交互。

div标签可以配合css实现特殊的显示效果。

现在的教程中，下位机还是实现webserver的功能，来与PC通过HTTP请求来通讯。这样有个弊端就是下位机需要长连接，并且界面丑陋。最后还是要改成下位机只传输数据，之后通过：

1. 在服务器中实现
2. 做一个手机端的APP实现