微信小程序越来越火爆,那么小程序开发有哪些框架?微信小程序的框架能做什么有什么区别?一些朋友好奇的问过这些问题,下面小编就来说说这方面的事情。

微信开发者工具生成的骨架屏动画 微信开发框架有哪些_微信开发者工具生成的骨架屏动画

一、微信小程序框架有哪些?

微信小程序框架一般都是指前端框架,而不是类似于传统PC端的那些YII2,Tp5.0,CI等框架,这些原PC端的框架才是真正的包含了前后端,才算一个完全完整的框架,这是从PC端开发角度来理解的。而现在因为移动互联网的兴起,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换等复杂的交互。在这样的业务需求下,我们还是沿用PC端的开发方案,难免会不太合适。比如:视图切换。

      在PC端,视图切换我们会用标签进行页面的跳转,但如果在移动端,那就歇菜了,会有可能进行了长时间无效等待,最后的结果仍然无法达成。此外,接收用户输入的同时,很可能要及时更新视图,比如用户输入不同的内容,页面就会相对应进行更新,点击不同的选项,就会显示不同的状态等等交互效果。一旦这种交互多了,你要手动地进行操作,代码就容易变得复杂和难以维护。我们知道PC端的架构模式是MVC,那么到了移动互联网后,这个模式显示不能再满足需求了,此时就出现了移动互联网的MVVM模式了。什么叫MVVM模式呢?简单的说就是这样子的:

微信开发者工具生成的骨架屏动画 微信开发框架有哪些_数据_02

从上图中我们发现,和PC端相比,c控制器模式不再叫c了,但是仍然起到控制器的作用,它叫viewMOdel,其它仍然没有改变,但是运行的方式却改变了。原来PC端中从M层获取数据时,都是先定义一个变量名,然后变量名=变量值,这个变量值大部分常用一定代码从model层中获取到的数据。现分仍然是这么获取的,但是其赋值时就变了----使用{变量名:变量值}这种方式来赋值了。而且之前PC端这种赋值是在控制器C端中进行的,然后再把它渲染到view视图端中,才能在视图中显示出来。现在移动MVVM模式中只需直接在viewModel这个实际的控制器中直接使用数据model赋给某个变量名就会直接显示在view视图中了,也就是说省略了再进行视图渲染这一步骤了。

       这种一旦在控制器ViewModel中赋值赋给数据后立刻显示在视图中的方式就能快速的响应手机显示了,这达到了原生app那样差不多的效果了,用户体验也会很好,不会再像原来WAB手机网站那种还有加载进度那种等待的无奈了。那么移动互联网的框架模式就出现了三种较常用的---AngularJs、VueJs、ReactJs框架了,你也可以理解为三种移动端前端框架,因为这三种框架都是对前端进行了深度的优化后所得到的,这么理解没有什么问题,它并不是只是用来写传统的PC前端的内容的,这点要注意别被前端框架的字面所误导了。

通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
因为vuejs是国人所写的,我们专门说这种框架的特点,它的特点如下:

1、Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。

2、视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。
如图:

微信开发者工具生成的骨架屏动画 微信开发框架有哪些_微信开发者工具生成的骨架屏动画_03

那么具体到微信小程序的时候,官方的框架为MINA框架,用以上面的框架也可以写出,但是明显又和微信自己的特点有点不相同,于是又出现了基于上面三种框架的基础上出现了另几种小程序前端框架--
1.mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。
2.WePY 是腾迅一款让小程序支持组件化开发的框架。
3.Taro是京东出品,使用 React 语法规范来开发小程序的框架。
        看到上面这些繁多的框架,估计有点眼花缭乱的感觉,要特么学那么多框架吗?答案是否定的,假如只是用来作微信小程序开发的话,根本就不需要学什么前端框架,只需要对着微信小程序开发文档来学习即可了,微信小程序本身就是一个官方的框架了,只需要使用原生来编写就行了。而所谓的上面三种小程序框架,它除了WEPY之外,都是其它公司的框架产品,它们在微信小程序出来后,自己制作了小程序规范和开发框架,并不是微信小程序,而是叫美团小程序,京东小程序,但和微信小程序并不完全相同,虽然使用了很多相同的方式,但是只是产品相似而已。

      总之,这些小程序的目的都是应用在移支互联网上的可以取代原生APP那种快速友好的体验的一个手机网页应用
二、微信前端框架好学吗?
可以这么说,微信小程序前端框架Wepy学习并不难,是比较好学的。它和微信小程序官方的框架大部分相同兼容,但是根据小编的经验来说,只需要学习微信小程序开发文档就行了,也就是官方的框架就好了,不需要浪费时间去学习另外一种套在微信小程序外面的另一种框架。当然微信小程序官方框架在一些难度应用时比较麻烦点,且是只能应用于微信上,并不能多端使用。而其它框架则可以多端使用,并友好的支持些插件nmp。
如果单纯开发微信小程序的话,小编建议就使用原生开发就好,不要使用什么框架,不要被各种噱头迷惑了,使用了非官方的框架除了能多端使用外并非什么可炫耀的高大上的东西。
       南宁微信小程序开发,微信开发,南宁高端网站建设是华兰网络www.bjsangmao.com专注的主营业务,如果有需要的朋友请来电咨询和比价,我们价格公道透明,服务到位贴心,是南宁市最早进入微信开发的服务商之一,拥有较丰富的经验,值得你信赖。