了解小程序开发语言

了解小程序开发语言,今天的教程我们将不讨论有关小程序开发的具体内容,我们将会为大家带来更基础的一些东西,帮助大家在未来快速上手开发小程序。

小程序开发语言
小程序开发语言

视图描述语言,
你在小程序中看到的文字、图片、按钮等,都被称作视觉组件,在小程序中想要控制这些视觉组件,我们需要使用到WXML,WXSS两种语言,如果你不了解它们,你可能会认为[微信创造了新的编程语言],
但实际上,WXML和WXSS都是从以往就有的语言演变的。
1)WXML
WXML的全称是微信标记语言(WeiXin Marked Language),从名字中我们就知道,它其实是由XML和html演变而来的

wxml 的作用是描述小程序页面中应该有什么视觉元素。它的语法并不复杂。最简单的wxml代码如下所示:<text>Hello World</text>
它的意义是,在小程序页面中显示Hello World的文字(text)。
2)WXSS
wxss的全称是微信样式表(WeiXin Style Sheet),它的语法与css没有什么区别。它的作用是,定义页面中的元素的样式是怎样的。例如:
text{
color:red;
}
它的意思是,将WXML中<text>元素的字体颜色(color)修改为红色(red)。
3)WXML与WXSS协同使用
将WXML和WXSS放在一起用,我们就可以自由控制小程序中的视觉元素展示方式、样式了。
如果你有一组元素需要使用同样的样式,或是有一个特定的元素需要使用某个格式,那么你可以使用类(Class)和ID特性。
使用类,你可以针对一组同类视觉元素,修改样式。例如,我们希望将小程序中的所有用户名都显示为红色,我们可以这样写:
<!–WXML–>
<text>光星小程序定制开发</text>
/*WXSS*/
.username{
color:red;
}

小程序开发语言
小程序开发语言

2.逻辑语言
通过视图层,用户就可以与小程序产生交互。但小程序的逻辑处理(包括网络数据交互、运算、逻辑判断等),都需要用JavaScript(JS)语言写成的代码完成。
请注意,本篇只是对小程序开发语言语法的基础讲解。

 

 

上一篇:

下一篇:

相关文档