我勒个去，你们看到有一个 YYWKWebview 的东西了吗？WKWebview是原生的一个浏览器控件，相当于只是用小程序打开了一个下载好的本地网页。而且用了类似 weex/vue 那样子的技术，所以页面切换非常流程。（可以自行百度一下 阿里weex）。

　　上面看到每个页面都是一个文件夹，那么里面的四个文件都是干什么的呢？

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

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

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

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

　　三、小程序的入口

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

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

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

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

　　线上PC导航站

　　移动导航站

　　微信群分享

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

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

　　关键词精准搜索

　　发现入口

　　聊天列表顶部

边聊天边听歌？边聊天边看文章？边撩妹边 lu ？

　　四、小程序的应用场景

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

　　微信群协作

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