前言:微信小程序还未出生,就已经很火了,感觉要改变整个世界,如今,已经有一段时间了。那么要不要学,该不该学,是时候选择了。以此前发的《仿芒果TV》为样本说明。看完本文后,你的心中应该就有答案了。本文将从小程序的结构,及具体开发来阐述。
小程序主要模块构成
小程序自身分为两个主要部分独立运行:view 模块和 service 模块。在开发者工具中,它们独立运行于不同的 webivew tag 中。
-
view 模块负责 UI 显示,它由开发者编写的 wxml 和 wxss 转换后代码以及微信提供相关辅助模块组成。 一个 view 模块对应一个 webview 组件(也就是我们常规理解的一个页面), 小程序支持同时多个 view 存在。view 模块通过 WeixinJSBridge 对象来跟后台通信。
-
service 模块负责应用的后台逻辑,它由小程序的 js 代码以及微信提供的相关辅助模块组成。 一个应用只有一个 service 进程,它同样也是一个页面(至少在开发者工具内如此,上线后可能运行于 WeixinJSCore 之内),与 view 模块不同的是,它在程序生命周期内后台运行,service 模块通过与 view 模块实现不同但接口格式一样的 WeixinJSBridge 对象跟后台通信。
小程序总体组成

入口层
三个文件必须在项目目录:
-
app.js (必须) 处理全局逻辑
-
app.json (必选) 公共配置
-
app.wxss (可选) 公共样式表

Page页
4个文件必须同名
-
xxx.js (必选) 页面逻辑
-
xxx.wxml(必选) 页面视图
-
xxx.wxss (可选) 页面样式表
-
xxx.json (必选) 公共配置

Page 3个文件之间交互

名词解释
-
xxxx.wxml WXML(WeiXin Markup Language) =~ HTML
-
xxxx.wxss WXSS(WeiXin Style Sheet) =~ CSS
-
微信页面WXML+WXSS =~ HTML/CSS
APP、H5、小程序的优劣比较
这里根据几个维度,再次尽量客观的比较一下APP、H5、小程序三种产品形态的优劣。

目前状况:
-
技术角度:门槛低,简单易用上手,还缺乏各种各样的"轮子",各种技术框架,各种独立组件。
-
导流:微信平台的巨无霸地位,给初创公司倒流量。但是不适合成熟的产品,成熟的产品本身已有江湖地位,如爱奇艺,已是微信,QQ后的第三位日活量最高的产品。
-
目前很多组件不能自定义化。是极大的限制,都用的是微信给开发者提供的组件。
-
即时编译,改一行代码,自动编译。很爽
最后福利:
最近菜鸟窝也上线了微信小程序课程。我这边给大家谋取了一波福利,有100套小程序基础课程的免费名额,这套小程序基础课程在官网售价可是168元一套

现在福利来了,如果要免费获取这套小程序的话,可以在下方留言,取前100,点赞数满5个就行),就可以免费获得此次小程序基础课程的资格,时间截至到1月17日晚上8点。下面看下这套小程序基础课程的大纲:

这套课程是BAT大牛录制,想必不会太差,对微信小程序做了详细分析与讲解,从0基础到入门所需要的相关技能,主要课程模块包括微信小程序开发背景介绍与基础知识、开发进阶、UI设计、API的使用与详解、认证注册小程序等。如果对小程序感兴趣的,不妨行动起来,赶紧下方留言吧,轻松获取此次资格。点击【阅读原文】,可查看此套课程的官方链接。下方是菜鸟窝官网公众号,不定期也会有活动,有兴趣的,可以关注下。

第一时间获得博客更新提醒,以及更多android、小程序干货,源码分析,最新开源项目推荐 ,欢迎关注我的微信公众号,扫一扫下方二维码或者长按识别二维码,即可关注。
