当前博客:02、认识uniapp的语法规则

255 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

本章带领大家了解快码编程中的uniapp语法,并了解uniapp与javascript、html、css之间的区别。

【注意:学习uniapp之前,请务必保证你已经拥有了快码编程的前端开发基础,也就是通过快码编程官方所提供的基础视频学习了html、css及javascript相关基础规范】

区别:快码编程中的uniapp的JS层代码依然采用的javascript编写【只限于javascript的基础库】,样式层也采用的css编写;但html代码层则完全抛弃了html的原本标签,进而采用了uniapp自己这一层的专属前端标签,uniapp的标签控件使用起来与html的标签用法基本一致;在您会前端开发的基础上,可以很轻松的使用uniapp开发移动端项目~

一个最基础的快码FOF中文编程uniapp项目代码如下:

<页面>
	
</页面>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		
	};
</脚本>
<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		
	};
</脚本>
<样式>
	
</样式>

 在上述代码中可以看见,快码编程的代码总共分为中文层代码分为以下四个大类:

一、页面代码,所有的页面标签代码,都需要写在<页面>标签中,重点:一定不能写在<页面>标签的外面!

<页面>
	
</页面>

二、一个页面中,该页面的所有变量都推荐写到数据层中,数据层是一个对象的格式,变量就是其中的成员~

<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
	};
</脚本>

三、一个页面中,所有的公开调用方法都应该被写入到方法层中,方法层也同样是对象的格式,每个方法就是对象的一个成员~

<脚本>
	局部变量 方法层 = {
		//所有页面方法,请在本处定义
		测试方法: 定义函数 () {
			
		},
	};
</脚本>

四、一个页面中,该页面的所有样式都应该写在样式层中,一个页面只能存在一个样式标签;请务必记住该规范! 

<样式>
	
</样式>

上述的四个大类就是快码编程uniapp的基本代码组成结构,在一个标准的页面页面中,必须存在:一个样式标签、一个方法层脚本标签、一个数据层脚本标签、及一个页面标签;请大家务必记住这个规范!

默认排序
Generic placeholder image
Generic placeholder image
认真学习 Time: 2023-05-11 15:22:51

学习了。

1、数据变量在数据层定义

2、方法在方法层定义

3、样式层编写css代码

4、页面标签内书写页面代码


02、认识uniapp的语法规则