小程序开发框架组成

小程序开发框架组成

WXML(WeiXin Markup language)

框架设计的一套标签语言，结合组件、WXS的事件系统，可以构建出页面的结构

语法 <开始标签>...

语言特性 |
---|---
数据绑定 |
列表渲染 |
条件渲染 |
模版引用 |

==数据绑定==

    Hello World!



Page({
    data: {
        colorValue: 'red';
    }
})

==选择器==

class .intro 选择所拥有class="intro"的组件

#id #firstname 选择拥有id="firstname"的组件

element view 选择view组件

element, elemwnt view, checkbox 选择所有文档的view的组件和所拥有的checkbox组件

::after view::after 选择view组件后边插入的内容

::before view::before 选择view组件前边插入的内容

==优先级==

!import ∞

/** index.wxss **/
.title {
    color: red !import;
}

style 1000

#element 100

.element 10

element 1

WXS 小程序自己的一套脚本语言

模块

   module.exports = {
       message: 'Hello, World'
       }
 
 
  {{m1.message}} 

变量

注释

// 单行注释
/* 多行注释
var v = 1;
*/

运算符

基本运算符 一元运算符 位运算符 比较运算符 等值运算符 赋值运算符 二元逻辑运算符

语句

与Java Script基本一致，除了不支持try catch类型

数据类型

number string boolean object array function date regexp

基础类库

Number Date Global console Math JSON

Java Script

Java Script 是一种轻量的、解释型的、面向对象的头等函数语言，是一种动态的基于原型和多范式的脚本语言，支持面向对象、命令式和函数式的编程风格。《Java Script 高级程序设计》 《Java Script权威指南》推荐阅读。

小程序中的Java Script: ECMAScript 小程序框架 小程序API

浏览器中的Java Script: ECMAScript DOM(对象模型) BOM(文档对象模型)

Nodejs中的Java Script: ECMAScript Native(原生模块) NPM(包管理系统)

ECMAScript 脚本程序设计语言