微信小程序> 第一节:什么是小程序,为什么要选择它?

第一节:什么是小程序,为什么要选择它?

浏览量:654 时间: 来源:荣光之寓

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

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

学习目标01、小程序的使用趋势02、什么是MVVM03、小程序的优势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项目的开发需求。

了解更多请关注公众号,谢谢。
小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎