JacaScript介绍和入门

一.js介绍和入门
1.html是标记语言,javascript为编程语言

2.javascript的组成:
		ECMAScript:定义了js的语法规范,描述了语言的基本语法和数据类型。
		BOM(Browser  Object Model)浏览器对象模型
		①.通过BOM操作,我们可以做弹框,浏览器跳转,页面调试...
		DOM(Document Object Model)文档对象模型
		②.通过DOM操作,我们可以增加一个div,改变div的样式,在里面添加内容
		总结:js就是通过固定的语法去操作浏览器和标准结构来实现网页上的各种效果
		
3.书写位置:
		①.行内式(不推荐) 如果是a标签,js代码写在href属性里面,格式是:href="javscript:js代码;"如果想阻止a										的默认跳转功能,可以写:href="javascript:;"
		②内嵌式  在页面的任意位置,添加<script> js代码 </script>
		③.外链式  新建一个.js后缀的文件,在里面书写js代码 <script src="js文件的路径"></script>来引入,可以在html的任意标签后面			
		
4.变量:变量就是在程序中保存数据的一个容器,变量是计算机内存中存储数据的标识符,根据变量名称可以在内存中存储的数据,也就是说,我们在内存中存储了一个数据,然后给这个数据取一个名字,是为了我们以后再次找到他

5.数据类型:数据类型:是指我们存储在内存中的数据的类型,分为两类:基本数据类型(简单数据类型)和复杂数据类型,基本数据类型:① 数值类型(Number)  ② 字符串类型(String)  ③ 布尔类型(Boolean)  ④ null类型(null)  ⑤ undefined类型(undefined),复杂数据类型:数组,函数,对象.  

复杂数据类型存储在堆内存,存储的是地址。当我们把对象赋值给另外一个变量的时候,复制的是地址,指向同一块内存空间,当其中一个对象改变时,另一个对象也会变化。

6.判断数据类型:使用typeof关键字来进行判断
	语法:typeof 要判断的数据例如(typeof a),返回的就是数据类型的字符串格式
	语法:typeof(要判断的数据)例如( typeof(a) )  ,返回的就是数据类型的字符串格式
	
7.数字类型的转换
			其他类型转数值:结果一定是数值:
					1.Number(变量)  可以把一个变量强制转换成数值类型  可以转换小数,会保留小数 
					可以转换布尔值 遇到不可操作的时候返回NaN
					2 parseInt(变量)  可以把一个变量强制转换成数值类型  从第一位开始检查,是数字就转换,
					直到一个不是数字的东西 开头就不是数字,直接返回NaN
					3 parseFloat(变量)  可以把一个变量强制转换成数值类型 从第一位开始检查,是数字就转换,
					直到一个不是数字的东西 开头就不是数字,直接返回NaN 认识一次小数点  
					4 除加法以外的数学运算 运算符两边都是可运算数字才能
					如果运算数字任何一边不是数字,返回NaN 加法不可以   
			其他类型转字符串:结果一定是字符串:
					1 变量.toString()  有一些数据不能使用,比如undefined和null
					2 String(变量)  所有数据类型都可以
					3 使用加法运算: 在js里面,加法有两个含义
					字符串拼接:只要+任何一边是字符串,就会是字符串拼接
					加法运算:只要+两边都是数字的时候,才能进行加法运算
					
	8.运算符
				1.数学运算符,如果左右都是数字,做加法运算,
										如果有一个是字符串,做拼接  -:减法  /:除法  *:乘法 %余数
				2 赋值运算符
					=就是把等号右边的值赋给等号左边的变量名var num = 1100就是把1100赋值给num变量
					那num的值就是1100 c+=2等价于c = c+2;
		-=      c-=2等价于c = c-2
		   *=      c*=2等价于c = c*2
		   /=      c/=2等价于c = c/2
		   %=     c%=3等价于c = c%3
		 符号是一体的,中间不能加空格
概述 随着科技的发展,数字仪表的应用越来越广泛,逐渐替代传统型机械仪表。本应用就是基于ART-Pi开发板,使用RT-Thread系统设计开发的,面向工程机械行业的数字仪表。本应用通过CAN总线采集发动机控制器参数,将发动机转速、冷却液温度、燃油液位等参数直观的显示出来。 开发环境硬件:ART-Pi+自制扩展板+自制屏幕 RT-Thread版本:4.0.3 开发工具及版本:RT-Thread Studio 1.1.5 RT-Thread使用情况概述程序基于ART-Pi开发板模板工程创建,BSP版本为1.0.1,RT-Thread版本为4.0.3。 程序中使用的组件包括UART设备驱动、CAN设备驱动、I2C设备驱动、PIN设备驱动、ADC设备驱动等,使用touchgfx库gt9147软件包,其中对touchgfx库文件gt9147软件包根据硬件资源进行适当修改。硬件方面使用了GPIO、UART、I2C、SDRAM、LCD、FDCAN、ADC等。 硬件框架 硬件结构框图如上图所示,核心板为ART-Pi开发板,板载SPI flash,SDRAMRGB888接口。RGB888接口与LCD显示屏连接,用于显示数据;LED指示系统运行状态,系统运行后,LED以2Hz频率闪烁;CAN模块通过扩展板与ART-Pi连接,使用TJA1050 CAN收发器,与其它CAN设备进行数据交互;ART-Pi接收CAN模块数据,并传输给LCD,同时根据当前档位,发送转速控制数据,控制发动机转速。(程序中所有CAN数据帧均为模拟ID,与实际ID不同) 软件框架说明系统读取ADC数值,根据ADC数值发送转速控制数据,外部CAN设备接收到转速控制数据后,控制发动机转速,并将转速发出,系统接收外部CAN设备发送转速、水温、油位等数据,与ADC档位一起传输到LCD数据传输模块,LCD数据传输模块将档位、转速、水温、油位数据传输到LCD显示模块,将数据显示到屏幕上。 软件模块说明ADC模块:adc_thread_entry为ADC模块采集进程,间隔100ms采集电位计AD值。 CAN处理模块:CAN处理模块分为接收模块发送模块。can_rx_thread为CAN接收进程,接收发动机转速、燃油液位水温数据。can_tx_thread为CAN发送进程,根据ADC模块采集电位计AD值转换成的档位,向外发送控制转速。 LCD数据处理模块:LCD数据处理模块使用信号队列向LCD发送档位、转速、水温、燃油液位数据。LCD数据处理模块作为ART-Pi硬件与LCD显示之间的一个桥梁,将ART-Pi数据传输给touchgfx的model,实现硬件与touchgfx数据交互。 LCD显示模块: Touchgfx使用MVP架构实现硬件的双向交互。如下图所示,Model提供数据,View负责显示,Presenter负责逻辑的处理。 程序中,在Model模块的Model::tick函数中接收消息队列数据,当当前显示页面为仪表盘页面时,将数据变化传输到Presenter,再将数据发送给View将数据显示处理。 界面进入仪表显示界面后,会将页面更新通知到Model,使Model中的数据更新有效,使页面在进入仪表盘页面时转速、水温、油位等数据及时更新。 演示效果视频: 视频内容说明:视频中左侧为CAN分析仪,主要用于数据对比显示,对比显LCD显示数据CAN数据差异;右下角为串口转CAN上位机(下称上位机),用于与ART-Pi进行CAN数据交互,模拟CAN控制器。ART-Pi上面背有一个扩展板,使用一个系统运行指示LED,一个电位计一路CAN。系统启动后,LED开始闪烁。电位计用于调整档位,ART-Pi根据档位发送转速控制帧数据,上位机接收到ART-Pi发送转速后,按设定转速发出转速;同时上位机可以发出水温油位数据显示到LCD屏幕上。上位机无数据发出后3秒,仪表数据清零,指针复位。 比赛感悟本次比赛是我第一次接触RT-Thread系统,通过近一段时间学习,逐渐掌握了一些RT-Thread系统的工作方式,了解其运行机制。通过RT-Thread Studio进行简单的配置,即可让系统运行起来,减少了很多系统方面的设置,对初学者比较容易上手。 网站的文档中心就是一个学习的宝库,里面涉及内容广泛、详细,并配有详细的示例说明,初学者基本可以只通过文档就可以把单片机基本外设功能实现,对初学者学习能起到很大的作用。社区论坛有大量的开发者在使用中提出的问题,通过问题检索,方便查找自己在学习中遇到的问题,同时官方提供的讨论群非常活跃,回答问题及时,大大的赞。RT-Thread提供了各类最新、最流行的软件包,可以很方便的添加到工程中,对项目快速开发提供了很大的帮助。 最后感谢主办方、承办方、赞助商提供了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值