1、首先架构一下网页的样式，既然是举例，那么就简单写入四个span用来做我们的文字存放，和之后的对比。
2、我们首先用最初的css方式来给这些文字添加样式。直接用color这个属性就可以控制文字的颜色。就可以看到生效之后的效果。
3、但是如果有很多不同的，颜色组成还可以这么写嘛，答案肯定是不行的。那么我们就用js来控制首先写一个script标签，里面定义一个数组colors，存放值也就是文字，而下标就可用来表示颜色。
4、然后我们用一个循环来将，下标和分别存放到span标签中去。然后就会将三个不同的span写入页面
微信小程序用以下语言开发：
一、HTML语言
html是超文本标识语言的缩写，html它是网页开发的前端之一，主要负责网页的框架，就像动物的框架一样，html语言也是支持网页布局的框架。
二、CSS
css，前三剑客之二是分层风格表。主冶网页风格、网页如何遍布、版块背景、色彩等外观问题都会出现CSS控制。
三、JavaScript
简称js，前三剑客，是一种动态脚本语言。js只是一种Web随着脚本语言的交互，Googlev8模块，angular，react等待前端框架越来越分离前端和后端，以及node.js等技术的发展，js也开始在服务端焕发出惊人的活力，成为目前非常活跃的语言之一。
四、服务器语言
如果没有专业的后端开发人员，后端可能很难学习曲线。但建议开发人员学习后端语言，至少要了解后端框架的基本原理和代码逻辑，这样不仅可以完成前端和后端的合作，还可以发生在小程序中bug时扯皮用。
服务端语言有很多常用的技术，比如PHP，ava，Python，ASP，建议开发人员根据公司内部使用的技术选择学习。
五、数据库语言
如果公司信息量小，结构不复杂，数据库语言相对简单，一般可以通过学习一些常用的指令和常见的问题来处理。经常使用的数据库是免费的MySQL，msSQL，MongoDB，Oracle等等。
