![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WX
qq_30970807
这个作者很懒,什么都没留下…
展开
-
简易教程
一、 创建小程序实例最关键的是app.js、app.json、app.wxss这三个文件,其中.js的是脚本文件,.wxss的是样式表文件,.json的是配置文件。微信小程序会读取这些文件,并生成小程序实例。下面我们简单了解一下这三个文件的功能app.js是小程序的脚本代码,我们可以在这个文件中监听并处理小程序的生命周期函数,声明全局变量,调用框架丰富的API,如本例的同步储存及同步读转载 2016-11-06 22:29:37 · 251 阅读 · 0 评论 -
WX配置
一、配置我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时等、设置多tab等{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "Demo" }, "tabBar"转载 2016-11-10 21:18:33 · 1363 阅读 · 0 评论 -
WX-逻辑层
小程序开发框架的逻辑层是由JavaScript编写. 逻辑层将数据进行处理后发送给视图层,同时接收视图层的事件反馈.并在JS基础上增加了一些方法: (1)增加App和Page方法,进行程序和页面注册 (2)增加getApp和getCurrentPages方法,分别用来获取App实例和当前页面栈. (3)提供丰富API,如微信用户数据等. (4)每个页面有独立作用域,并提供模块化能力 (5转载 2016-12-22 22:07:18 · 1086 阅读 · 0 评论 -
WX-视图容器
一.view 属性:hover: boolean类型,默认值为false,是否启用点击态.hover-class: String, 指定按下去的样式类hover-start-time: Number,默认值400,按住多久出现点击态hover-stay-time: Number,默认值400,手指松开后点击态保留时间.二.scroll-view 可滚动视图区域三.swiper 滑块视转载 2016-12-25 19:35:17 · 428 阅读 · 0 评论 -
WX-组件-基础内容
一.icon 图标属性typesizecolor二.text 文本,支持转义字符.text组件内只支持text嵌套.除了文本节点以外的其他节点都无法长按选中.<text>{{text}}</text>var initData = "this is first line\nthis is second line"三.progress 进度条属性 - percent: float转载 2016-12-25 19:50:00 · 510 阅读 · 0 评论 -
WX-视图层
框架的视图层由WXML与WXSS编写,由组件进行展示. 将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层.WXML用来描述页面结构,WXSS用于描述页面样式.组件是视图的基本组成单元.一.数据绑定1.简单绑定 数据绑定使用Mustache语法(双大括号)将变量包起来,可作用于:(1)内容view>{{message}}view>Page({data: {转载 2016-12-28 16:50:48 · 487 阅读 · 0 评论