郴州小程序开发：究竟什么是小程序

     微信小程序似乎一夜间就火起来啦，可究竟微信小程序是什么，跟我们平时手机上用的app有什么不同呢？今天我们就来聊聊究竟什么是微信小程序。

　　小程序写的时候用的是 javascript 这种网页开发语言，首次运行会把这个“网页”缓存到本地，所以不是不用下载，而是下载的包比较小而已。然后通过 Android 或 iOS 各自的 JSBridge 方法转换成对应的 Java 或 Objective-C 方法运行。

　　比如我在小程序写了一个方法：

　　程序就会识别出wx.showToast及其参数(文字、图标、持续事件)，然后执行本地的一个方法：

　　弹出一个原声的 Toast 组件，上说只是为了方便说明，实际运行环境会复杂的多。

　　上图左边是大家在微信公开课 Pro 会场上看到的企微云平台的快销上报小程序，看上去真的很像一个独立 App，虽然我看不到他的源代码，但是我试着还原其中一个页面来举例子。

　　一个页面都是一个独立的文件夹(微信开发者工具会自动为你创建)，每新增一个页面需要在 app.json 文件的 pages 列表新增一项。

　　一般来说，src 目录建议用来放置固定的一些企业介绍视频或者宣传图片等等(整体的包大小不能超过1M)。

　　如果你不放在这个目录，也可以放在你自己的服务器，远程访问。比如一些经常变化的活动宣传 banner。

　　app.json 是可以配置整个程序的底部导航 tab、导航栏的背景颜色(貌似不能弄成图片，如果希望做成京东 app 超级品牌日那种全屏氛围渲染，建议banner 图片上半部分使用渐变色过渡到你配置的状态栏背景颜色)、导航栏标题、导航栏颜色、是否支持下拉刷新等。

　　app.js 是全局的一些方法，比如获取用户信息，全局数据的配置地方。

　　js 会部分转成原生的 java 和 oc 代码执行，那么页面呢?用的是操作系统原生的组件吗?带着这个疑问用 UI 测试工具打开了微信：　　

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

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

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

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

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

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

通俗来说就是微信小程序具有APP的功能，又比app更节省手机资源。扫码即用，用完即走，十分的便捷，这个对于使用率低的APP是致命打击。未来小程序会一统移动端的APP也未可知呀。