马鞍山网站、微信小程序建设

首页 >> 新闻中心 >>马鞍山微信小程序·百度小程序定制开发 >> 小程序与HTML 5在开发上的区别与联系
详细内容

小程序与HTML 5在开发上的区别与联系

小程序和HTML 5有着紧密的关系,如两者遵循相同的语法规范、拥有相似的组件、都支持响应式布局,甚至小程序的框架与AngularJS、Vue.js拥有相似的功能(数据绑定、事件绑定、条件渲染、列表渲染、组件化、模块化)。不过两者还是有明显区别的。


1.开发语言不同


下图展示了HTML 5在开发语言和功能上的差异。




小程序的WXML标签语言和WXSS样式语言并非标准的HTML5和CSS 3。


2.组件封装不同


小程序独立出来很多原生App的组件。在HTML5需要模拟才能实现的功能,在小程序里可以直接调用组件,如预览图片、录音等功能。


3.执行效率不同


HTML 5和小程序的加载流程如下图所示。




HTML 5在加载时受限于网络环境,需要顺序加载HTML、CSS、JS,然后返回数据,最后渲染页面,并显示在浏览器中。用户经常需要等待很长时间,体验会受影响。


相比之下,小程序的两个线程——AppservAppservice Thread和View Thread会同时进行、并行加载,甚至Appservice Thread会更早执行。当视图线程加载完通知Appservice时,Appservice会把准备好的数据用setData的方法返回给视图线程。


小程序的这种优化策略可以减少用户的等待时间,加快小程序的响应速度。


seo seo