第一节：什么是小程序，为什么要选择它？

这是小程序基础系列的第一节内容，我们要的就是基础，简单就入门了小程序，让前端小白都能知道小程序到底是怎么运作的。

如果你是前端小白或有基础想学小程序，请过来看看。如果你已经掌握了小程序基础知识，那么这个系列可能不适合你。

学习目标

01、小程序的使用趋势

02、什么是MVVM

03、小程序的优势

04、小程序的应用场景

01、小程序的使用趋势

现在的手机功能越来越强大，随着就是手机应用的市场越来越大，APP市场饱和的状态下，移动端web应用的需求急剧上升，就是webapp，一个移动端的网页应用。

我先给大家看看下面两张图

（以上两张图是webapp应用的效果图，其UI设计和功能可以比肩原生App）

这种webapp好是好，有酷炫的效果，但是也有复杂的交互，各种点击和a标签跳转，视图跳转切换等。

如果在pc端，视图切换用a标签或者window.location.href跳转还是常规操作，如果是在移动端，这就尴尬了，一直在loading…

如果移动端频繁的这样a标签跳转，用户体验将会是有多差，不知道你愿不愿意这样等待，反正我是不愿意等，其次，当用户输入内容的时候，ajax请求后需要刷新数据，此时的做法只能是刷新页面才能达到刷新数据的效果，并不能做到只更新数据而不刷新视图。

这些交互和体验上的不足，难道就没有方法可以解决了吗? 现在方法来了，使用小程序开发就可以解决这些问题。

02、什么是MVVM

MVVM就是：View—ViewModel—Model三部分组成

左侧的View就是页面DOM视图，右侧的Model就相当于数据对象

数据对象信息例如：

中间的ViewModel监控着就监控着数据的变化，如果你在Model层把name值改为Mr.Chen，那么相对应的View层的Mr.Zhang也随即变成了“Mr.Chen”，这个过程就由ViewModel来完成，整个过程不需要你刷新视图，只需要改变数据就可以了。

(是不是感觉很方便呢？再也不用操作dom了。)

为什么在这里说到MVVM呢？因为小程序的本质也是MVVM框架。

(拓展一下：属于MVVM框架的还有Vue.js，React.js，Angular.js)

**

03、小程序的优势

**

对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，对于用户来说，能够节约使用时间成本和手机内存空间；你想想，下载一款app需要流量和内存，如果不是非必须的应用，我是宁愿搜索一款小程序来的方便，最起码不用占用我手机内存。对于开发者来说也能节约开发和推广成本

04、小程序的应用场景

如果你长期使用jquery频繁操作DOM来更新页面，那么你可以用小程序来解放你的DOM操作了。（不操作DOM,只操作数据）

如果你的项目中有多个部分都是相同的，可以用js进行封装成一个组件，那么你可以用小程序组件化和模块化来试试了。（组件化和模块化）

05、本节小结

网页开发者在开发网页的时候，只需要使用到浏览器，并且搭配上一些辅助工具或者编辑器即可。

小程序的开发则有所不同，需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

小程序是一种不需要下载安装即可使用的应用，能更好的满足当前移动端webapp项目的开发需求。

了解更多请关注公众号，谢谢。