首页 App 小程序 网站建设 案例中心 关于我们 联系我们
手机联系
微信联系

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

发布时间:2018-11-22
浏览次数:507

小程序和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的方法返回给视图线程。

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