专业h5小程序和普通平台h5 (h5与小程序哪个好)

微信小程序的问世是无疑是给无甚活力的微信注入了一股流水,使得原本饱和冗余的架构体系变得清瘦有力了,那么小程序是什么呢?其实小程序就是微信推出的一种新的公众号的形态,它不需要*载下**安装即可在微信中使用的应用,并且小程序、订阅号、服务号、企业号是并行的体系。

h5与小程序的比较,h5与小程序哪个好

今天我就来简单和大家分享一些微信小程序(以下简称‘CX’)的知识架构

首先我们来聊一聊离CX最近的前端。

h5与小程序的比较,h5与小程序哪个好

什么是前端呢?它通常是指网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。我们不难看出,CX的技术特点就是“功能、风格模块化,每个风格封装在组件离就不会出现遗漏的问题”,那么CX也算是前端的一种新的体现之一吧。

那么CX又和H5是什么关系呢,它们到底是不是一样的?

我们先来看一看CX的开发框架MINA。

h5与小程序的比较,h5与小程序哪个好

MINA的核心就是一个响应的数据绑定系统。它的系统主要由两个部分组成:逻辑层(App Service)和视图层(View) 。MINA的目的就是让视图与数据同步简单化,也就是说当用户在视图上做出改动的时候,那么其逻辑数据也就会相应的快速改变。

h5与小程序的比较,h5与小程序哪个好

那么也就是说CX用的就是H5的套路,但是又与H5的遵守规则不尽相同,也就相当于大家都是web前端的孩子,血脉上有关联,但是细分开来又不一样。

有哪些不一样呢?

  1. 组件

    前面也提到过MINA是有着自己的逻辑层和视图层的,那么这也就使得CX有着自己的“封闭”体系,因此在写CX的时候无论你用的什么代码,多要在其前面加上CX的标准。

  2. 无标准JS接口

    CX里有支持微信的接口,但是没有任何标准JS接口

  3. 不能操作 document 或者 DOM

    虽然是在浏览器里面运行,但是不能操作浏览器本身,不能操作原生文件本身,只能用Virtual DOM 去改变页面。

  4. 有些组件有奇怪的默认高宽(scroller,image):

    通常在 Web 浏览器里面,主键是按图片内容的高度,基本上所有组件默认高宽都是0,小程序的image是按照background-image来实现的,所以所有图像会得到一个初始宽高320 240,而且无法通过auto重置,只可以通过具体的值来重写。

  5. Require:

    因为小程序自成一个体系,JS 的包、CSS 框架都不能用,全部都要重新开始。

那CX又与APP的区别在哪儿?

CX与APP的差别还是很大的,因为它俩本来就是差不多站在一个对立面上,所以当你怎样思考运营CX的时候,不要用app的运营模式来思考,我们应该往以下这三个方面去着想:

h5与小程序的比较,h5与小程序哪个好

1)轻量:

CX的的本意就是让用户能便捷、迅速、简单地获取服务,而不要去拿着CX来对微信权威做出挑战,做好当下就行。

2)引流:

要相信虽然现在的微信稍显颓势了,但是它还是很重要的流量池,那么CX也可以在微信中获取用户流量,所以我们可以从这方面去考虑。

3)裙带关系:

如果你已经有了微信公众号,那么在微信生态内考虑和小程序相互依托,互为补充是个不错的想法。

总之,若想做好CX,那你就得在前端知识上有个大概的了解,当然若你只是运营CX的话,有钱就行。

本文首发新媒源官网:www.xmymedia.com

转载请注明出处!