本文由广研微信小程序的开发团队所做,作者为UI开发工程师王婷婷。本文从UI开发的角度,结合OM小程序的案例,剖析小程序的组件用法与传统HTML5标签的区别。 小程序与传统HTML5的区别小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和html5有着紧密关联,甚至小程序就是基于Html5开发。 经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于: 1、开发工具不同; 区别于H5的开发工具+浏览器Device Mode预览的模式,小程序的开发基于自己的开发者工具,可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程。 2、开发语言不同; 小程序自己开发了一套WXML标签语言和WXSS样式语言,并非直接使用标准的HTML5+CSS3。 3、组件封装不同; 小程序独立出来了很多原生APP的组件,在HTML5需要模拟才能实现的功能,小程序里可以直接调用组件。 小程序开发者工具 微信小程序的开发工具,基于MINA框架(现已取消该名称),现在官方公布的工具名为 微信web开发者工具 。小程序开发工具是一种基于Native System系统层的框架,由于并非运行在浏览器中,所以JavaScript在web中的一些诸如Document、Window等方法无法使用。 |