美文网首页
2018-06-28 ESP8266 无线模块 jQuery学习

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

作者: 无敌啊左手 | 来源:发表于2018-06-28 22:42 被阅读0次

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

    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对象的特有属性,通过对象参数初始化。htmltext是替换文本的。

    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实现

    相关文章

      网友评论

          本文标题:2018-06-28 ESP8266 无线模块 jQuery学习

          本文链接:https://www.haomeiwen.com/subject/rpigyftx.html