.json 是配置文件。就好比是你的简历，上面写了名字、毕业时间等，而小程序的 json会记录一些信息：导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、下拉背景字体、loading 图的样式、是否开启下拉刷新、页面整体能不能上下滚动。

　　.wxml 是页面的基本骨架。就像骨架规定了人的大概模样一般，wxml 是一种类 xml 的结构化文本，描述了小程序页面有哪些元素。比如一个文章需要有标题、作者、时间、正文，但是不关心这些元素怎么排列。

　　.js 也就是 java 这种前端脚本语言的文件。要人的四肢东西来，怎么动，就需要大脑和肌肉控制，小程序从“骨架”成为“血肉之躯”的正是 js 的作用。js 做一些动态的东西，比如请求数据，控制元素上下移动，判断用户输入密码是否安全等等。

　　.wxss 就是决定整个页面元素的颜色等表现形式。好比同一个人可以穿不同的衣服，化不同的妆，看上去也就不一样了。在 wxml 文件中同样写了一个按钮，但可以给他配置不同的背景颜色：

　　三、小程序的入口

　　线下实体（商铺、停车场、政府服务窗口等）

　　比如这个微信公开课给出的场景例子，我来 YY一下。

　　在停车场的入口，有一个摄像头对着你的车牌号码，当你扫码打开小程序时，点击开始停车，如果有空余车位，系统会自动打开闸门并记录开始停车的时间。这时候小程序会展示室内地图，引导你先左转再右转到达目标车位，停好车走人。等你来取车的时候，开车到闸门口，再次扫描二维码或直接从历史记录打开小程序，选择结束停车，调起微信支付，停车场摄像头识别车牌号码，打开闸门放行。

　　整个过程无需取停车卡和专职工作人员服务，环保也节省人力成本。

　　线上PC导航站：

　　移动导航站：

　　微信群分享：

　　性冷淡风格（从程序介绍页分享出来）：

　　欲罢不能的风格（从程序内页分享出来）：

　　关键词精准搜索：

　　发现入口：

　　聊天列表顶部：

　　四、小程序应用场景

　　应用场景主要分为微信群协作和实体服务。

　　微信群协作

　　微信群协作主要是一些企业内部服务的或者工作上的沟通。

　　问卷投票：公司要开展年会了，做那个活动好呢？通过小程序发布的投票并且分享到群里，可以实时看到前三名。

　　会议助手：临时召开紧急会议，需要相关人尽快确定参会情况，往群里抛一个开会通知小程序，特定的人才能打开了解会议内容并确认，谁参加谁请假，参与人数多少一目了然。活动时间点到了，还可通过小程序的消息服务能力给参会人发送参会提醒；到了参会现场打开小程序就能签到，真正意义上的需要用时就用，用完就走。

　　虽然很多办公场景用企微的微信企业号组件也可以做到，但是并不是每个企业都有一个企业号，对于普通小公司小团队来说，这些能力还是做到小程序上快捷方便。

　　实体服务

　　睡觉前，扫描一下床头的二维码贴，打开“Jinkey 外卖”，下单叫了一个早餐外卖，然后扫描一下“JJ 智能家居”小程序二维码，检测到现在是晚上，自动关灯。跟 siri （iOS 智能语音助手）说一句，“晚安，明天7点叫我起床哦”，然后美美地睡上一觉。