小程序学习---初识小程序

小程序已经公测一年多了，最近闲来无事，开始着手学习一下小程序，来博客做一下记录吧。。。

一、张小龙对小程序的定义：

       1、不需要下载安装即可应用（tips：安装包小于2M）。

       2、应用无处不在，当你想使用的时候，打开微信搜索一下就ok了

       3、小程序是一种人与服务的连接平台

当你的手机存储空间不够的时候，你是否在犹豫删除某个app呢；当你想用某个功能的时候，是否为了没有app而烦恼呢。面对手里的16g板砖手机，我是被这两个问题困扰了很久的。。。小程序的推出，无疑会解决我的一部分难题，诸如12306、墨迹天气之类的应用已经从我的手机消失，甚至酷狗也被我卸载。当我想起某个功能的时候，首先会去小程序搜索一下。qq、陌陌将人与人连接起来，淘宝、京东将人与物连接起来，而小程序将会把人与服务连接起来，当你想使用某种服务的时候，小程序将是你最好的选择

 

二、哪些应用适合

       1、简单的，用完即走

       2、低频的

       3、性能要求不高的

       如今在我的手机上海保留着淘宝、京东等软件，有一些是经常会用的，有一些是复杂的应用。由于小程序的代码不能超过2M，这就注定它不能完成复杂的功能。一些频繁使用的app也不推荐你使用小程序，很多时候打开小程序必须重新加载，另外一些小程序很肯能会占据你过多的内存，这是由于小程序本身的特性决定的。

 

三、需要的技能

       1、JavaScript

       2、css

       3、html

小程序的视图层目前使用 WebView 作为渲染载体，而逻辑层是由独立的 JavascriptCore 作为运行环境。页面使用的是微信提供的类似html的语言，后台使用的当然是js了，当然它保持了传统的css+div模式。如果你具备了上面提到的3中技能，那学习起来是非常容易的。其实只有JavaScript比较难一些啦，另外小程序不支持JavaScript类库

四、开发工具

       1、申请账号：

       2、IDE：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018119

       3、开发者文档：https://mp.weixin.qq.com/debug/wxadoc/dev/

      

五、创建一个小程序demo

       1、打开微信开发者工具，选择小程序开发（另外一个功能是公众号开发），这个工具需要用微信登陆的，会有一个二维码需要你扫描登陆。在你申请小程序账号的时候需要关联微信，使用这个关联的微信就可以登陆小程序开发工具；在真机测试的时候，也需要该微信来扫一扫。

        2、IDE可以显示出已经创建的工程，当然也可以新增加一个工程。那么就点击“+”来创建一个工程吧

       3、在创建工程的时候，APPID是一个特殊的东西。如果没有id，那么你就不能真机运行，网络、扫一扫等功能都不能使用。当然在学习阶段，其实id没有那么重要，所以我们暂时几不要id了。为了体验一下小程序，我们勾选“快速启动模板”按钮，系统会提供一个demo

        4、小插曲：如何找到你的appid呢，登陆小程序官网，在“设置”一栏的“开发者设置”中可以看到你的id

        5、体验一下吧，这个demo可以立马编译运行