wxml、wxss、js的相互调用
老铁们,今天开始我会和大家一起学习微信小程序,在这个全民创业的热潮,愿我们跟上时代,改变世界。
微信2017年发布小程序,现在逐渐走向成熟,下面让我们直接上开撸。
1:获取微信小程序的AppID
登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。
2:开发工具
网上都有------详细讲解
3:正文
当我们打开第一个小程序时,我们肯定会操刀而上,想快速了解小程序性能,会修改几处代码,看看哪里出现变化,不要急,我们先了解小程序之间的相互调用。
wxml:相当于一个画版;wxss:修饰显示版上各个形状的大小,颜色等等
js:功能实现,
我们把显示的模块在wxml编写,模块的大小颜色在wxss里编写,js是功能实现,点击按钮出发的方案,跳转页面等等
我们删除原来的代码编译,如下图:
下面我们来简单的做一个调用,我们要在模拟器上显示简单的一行字‘helloWorld”。
在view的模版上我们添加了一行字,编译之后显示了出来,下面我们通过wxss来修饰这些字,让字体变绿色。
首先我们定义一个类 class = 'color',来修饰这个text。
下面我们进入wxss来定义这个类,在这个类里定义颜色。
编译之后,开始调用,顺序为wxml-->view-->class='color'-->wxss-->.color-->color属性-->wxml-->text变颜色。(便于理解,实际解释不是这样,感兴趣者百度研究)
接下来我们通过js让HelloWorld动态显示,
定义好change的显示内容,在编译,结果不变,后期我们把change设置成一个变量,这样想显示什么就显示什么了。
本文到这里就结束了,文章主要讲解了微信小程序相互之间的调用,懂得基本原理,我们看起源码来会相对方便,知道怎么个调用,希望这个文字可以帮助刚接触小程序的小白,本文纯属个人理解,有错误和正常,欢迎指正。多看多练多理解,共勉!