|
本文由广研微信小程序的开发团队所做，作者为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等方法无法使用。
|
