美文网首页
wxml、wxss、js的相互调用

wxml、wxss、js的相互调用

作者: 来互相伤害啊啊 | 来源:发表于2018-01-03 21:28 被阅读0次

      老铁们,今天开始我会和大家一起学习微信小程序,在这个全民创业的热潮,愿我们跟上时代,改变世界。

    微信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设置成一个变量,这样想显示什么就显示什么了。

      本文到这里就结束了,文章主要讲解了微信小程序相互之间的调用,懂得基本原理,我们看起源码来会相对方便,知道怎么个调用,希望这个文字可以帮助刚接触小程序的小白,本文纯属个人理解,有错误和正常,欢迎指正。多看多练多理解,共勉!

    相关文章

      网友评论

          本文标题:wxml、wxss、js的相互调用

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