是时候选择了,小程序到底要不要学?

阅读 931
收藏 28
2017-01-16
原文链接:mp.weixin.qq.com

前言:微信小程序还未出生,就已经很火了,感觉要改变整个世界,如今,已经有一段时间了。那么要不要学,该不该学,是时候选择了。以此前发的《仿芒果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、小程序干货,源码分析,最新开源项目推荐 ,欢迎关注我的微信公众号,扫一扫下方二维码或者长按识别二维码,即可关注。


评论