H5和小程序区别(小程序与h5的具体区别)

在引入之前，大多数微信系统都使用H5页面。然而，与标准的H5页面相比，小程序提供了更多的功能。
不同运行环境下的网页开发的渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应。但是，在小程序中，它们是分开的，运行在不同的线程中。网页开发者可以使用各种浏览器公开的DOM API来选择和操作DOM。如前所述，小程序的逻辑层和渲染层是分离的，逻辑层运行在JSCore中，没有完整的浏览器对象，所以缺乏相关的DOM API和BOM API。这种差异导致了一些前端开发熟悉的库，如jQuery、Zepto等。不能在小程序中运行。同时，JSCore的环境和NodeJS不同，所以有些NPM包无法在小程序中运行。
Web开发者需要面对各种浏览器，比如PC上的IE、Chrome、QQ浏览器，移动上的iOS、Android上的Safari、Chrome以及各种WebView。在小程序开发过程中，我们只需要面对iOS和Android两个操作系统的微信客户端，以及用来辅助开发的小程序开发者工具。小程序的三个运行环境也不一样。
运行环境逻辑层渲染层IOs javascriptcorewkwebview Android X5 jscorex 5浏览器小程序开发工具NWJSChrome WebView
网页开发人员在开发网页时，只需要将浏览器与一些辅助工具或编辑器配合使用即可。他们上线时不需要审核，没有大小、规范操作、转发给好友等营销功能的限制。小程序的开发就不一样了。需要申请小程序账号，安装小程序开发者工具，配置项目，提交审核。严格审核后才能上线。上线后的操作中，如果违规，甚至可能被封杀。
不同的开发成本在开发一个H5微网站时，除了域名服务器备案和服务器开发语言，还需要考虑开发工具环境、前端框架、模块管理工具、任务管理工具、团队协作代码提交工具、组件UI库、接口调用工具、各种平台和品牌的浏览器兼容性等即使用jquery插件编写，也要在开发过程中寻找合适的jquery插件来匹配项目。虽然这些工具具有很强的可定制性，提高了开发者的开发效率，但是我相信项目开发的配置工作已经消耗了大量的精力。虽然大部分开发者都有自己的配置模板，但是项目长期使用的各种外部库的迭代和升级成本应该不低。
而当我们面对一个微信小程序的开发需求时，我们需要考虑什么？微信团队已经提供了开发者工具，并规范了开发标准。前端常见的HTML和CSS变成了微信定制的WXML和WXSS。虽然WXML都是自定义标签，但是官方文档有明确的用法介绍，所以非常容易上手。开发者甚至可以使用云端开发微信小程序，弱化后端和运维的概念。从此他们可以不用架设服务器，直接使用平台提供的API进行核心业务开发，快速上线迭代。同时，这种能力与开发者已经使用的云服务是兼容的，但并不相互排斥。统一了这些标准之后，作为开发者，你会发现你只需要专注于编写程序逻辑就可以了！
至于调用自己服务器、云开发接口、微信app中的任何原生能力，都有封装好的API可以调用。UI方面，框架自然自带weui库。而且在使用这些API的时候，你不用担心浏览器的兼容性和生产环境中意想不到的奇妙bug。可见，微信小程序的开发成本确实比之前的web开发要低很多。
不同的用户体验H5最大的诟病在于页面切换时的白屏卡顿现象，多个页面之间频繁来回切换时等待时间长，以及网络环境的影响，导致加载图片、音频、视频时加载时间较多。
虽然小程序本质上是一个网页，但由于微信小程序的独立运行环境，虽然也是用html css js开发，但用微信的解析器最终渲染出原生组件的调用效果，自然体验会更进一步。没有白屏卡顿，浏览速度很快，带来流畅的极致体验效果。
定位不同。从营销传播的角度，H5可以转发到朋友圈这个巨大的流量入口，形成网络规模效应。其次，H5网站的内容可以百度搜索，H5的图文内容也可以复制粘贴。但是小程序不符合定位，上面说的功能都做不到。更多的是用服务或者设备把人连接起来，用了之后再去。不需要关注公众号，全程没有营销。