qq_48043256的博客

微信小程序开发5——页面样式文件一、关于WXSS​ WXSS是基于CSS扩展的页面样式语言，用于描述WXML的组件样式，具有CSS的大部分特性，对CSS部分兼容如选择器，扩展了尺寸单位等。尺寸单位意义rpxWXSS规定屏幕宽度为750rpxremWXSS规定屏幕宽度20rempx由不同手机型号决定，渲染时换算二、盒子模型​ 盒子模型是布局的基础，CSS假定每一个元素都会生成一个或多个矩形框，每个元素框中心都有一个内容区content，内容区到边框距离pad

微信小程序开发4——页面结构文件的事件监测​ 事件是视图层到逻辑层的通信方式，可以将用户的点击、滑动页面等行为反馈到逻辑层进行数据处理。一、事件分类：冒泡：下文通过代码理解冒泡概念冒泡事件事件触发后向父节点传递，对于冒泡事件每个组件都是默认支持的touchstart手指触摸动作开始touchmove手指触摸后移动touchcancel手指触摸动作被打断，如来电提醒、弹窗touchend手指触摸动作结束tap手指触摸后马上离开，即点击long

微信小程序开发3——页面结构文件​ 微信小程序的页面结构通过WXML语言编写，WXML是一门用于框架设计的标记语言，用于渲染界面。WXML中的标签都是微信小程序定义的标签，不可以自定义标签，虽然微信小程序依然能解析一些HTML的标签，但并不是完全支持。​ WXML具有以下功能：数据绑定，列表渲染，条件渲染，模板，事件等能力。一、数据绑定：​ WXML文件可以同对应的JavaScript文件中的Page方法的参数data中的数据绑定，在页面中可以直接使用data的属性，绑定方法包括：（1）简单绑定

微信小程序开发2——页面逻辑文件一、注册页面在小程序整体的json文件中需要用到页面“pages”，如下文中的"mypages/index/index"是一个后缀为js的使用JavaScript编写的文件，这个文件中需要注册页面。"pages":[ "页面路径/文件名1"，//如"mypages/index/index",无需后缀，自动保存 "页面路径/文件名2"]注册页面需要用到Page()函数，用于指定页面的初始数据、生命周期函数、事件处理函数等，参数为一个object对象，其属性如下：

微信小程序开发1——框架主体文件一、 框架​ 微信小程序框架将整个系统划分为视图层和逻辑层。​ 视图层由框架设计标签语言WXML和用于描述WXML组件样式的WXSS组成，类似于HTML和CSS的关系；逻辑层框架由JavaScript编写。接近HTML+CSS+JavaScript的前端开发模式。​ 一个页面由app.wxml、app.wxss、app.js、和app.json的文件组成，分别控制页面的结构、样式、逻辑和配置。其中app.wxml和app.js文件是必须的。二、 框架主体文件1.配