小程序中的JS

JavaScript017

小程序中的JS,第1张

1、小程序不是运行在浏览器中,所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程序对象

getCurrentPages方法 用来获取当前页面的调用栈(数组 最后一个就是当前页

wx对象 用来提供核心api的 官方链接: https://developers.weixin.qq.com/miniprogram/dev/api/

3、小程序JS是支持CommonJS规范的

eg:

./utils/foo.js文件

function say(msg){

    console.log("hello"+msg)

}

module.exports = {

    say:say

}

app.js文件

const foo = require("./utils/foo.js")

foo.say("hi")

小程序js中引入组件如一下步骤:

1、准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)。

2、打开util.js,继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里(utils规定存放js库和数字格式化文件)。

4、在想要用到这个方法的js里面require这个js,然后调用即可。

微信小程序用js的数组保存颜色值是

1、首先架构一下网页的样式,既然是举例,那么就简单写入四个span用来做我们的文字存放,和之后的对比。

2、我们首先用最初的css方式来给这些文字添加样式。直接用color这个属性就可以控制文字的颜色。就可以看到生效之后的效果。

3、但是如果有很多不同的,颜色组成还可以这么写嘛,答案肯定是不行的。那么我们就用js来控制首先写一个script标签,里面定义一个数组colors,存放值也就是文字,而下标就可用来表示颜色。

4、然后我们用一个循环来将,下标和分别存放到span标签中去。然后就会将三个不同的span写入页面