小程序核心文件与及WXML特性概述.pdfVIP

1请谈谈小程序主要目录和文件的作用？

•project.config.json项目配置文件，用得最多的就是配置是否开启

https校验；

•App.js设置一些全局的基础数据等；

•App.json底部tab,标题栏和路由等设置；

•App.wxss公共样式，引入iconfont等；

•pages里面包含一个个具体的页面；

•index.json(配置当前页面标题和引入组件等)；

•index.wxml(页面结构)；

•index.wxss(页面样式表)；

•index.js(页面的逻辑，请求和数据处理等)；

•1.1简单描述下小程序的相关文件类型？

▪WXML（MarkupLanguage）是框架设计的一套语

言，结合基础组件、系统，可以构建出页面的结构。主要是

自己定义的一套组件。

▪WXSS(StyleSheets)是一套样式语言，用于描述WXML

的组件样式，

▪js逻辑处理，网络请求

▪json小程序设置，如页面，页面标题及tabBar。

app.json必须要有这个文件，如果没有这个文件，项目无法运行，

因为框架把这个作为配置文件，整个小程序的全局配置。包

括页面，网络设置，以及小程序的window背景色，配置导航条

样式，配置默认标题。

app.js必须要有这个文件，没有也是会报错！但是这个文件创建一下

就行什么都不需要写以后我们可以在这个文件中并处理小程序的

生命周期函数、全局变量。

app.wxss

2请谈谈wxml与的html的异同？

•都是用来描述页面的结构；

•都由、属性等构成；

•名字不一样，且小程序更少，单一；

•多了一些wx:if这样的属性以及{{}}这样的表达式

•WXML仅能在小程序开发者工具中预览，而HTML可以在浏览

器内预览

•组件封装不同，WXML对组件进行了重新封装，

•小程序运行在JSCore内，没有DOM树和window对象，小程序中

无法使用window对象和document对象。

3请谈谈WXSS和CSS的异同？

•都是用来描述页面的样子；

•WXSS具有CSS大部分的特性，也做了一些扩充和修改；

•WXSS新增了尺寸单位，WXSS在底层支持新的尺寸单位rpx；

•WXSS仅支持部分CSS选择器；

•WXSS全局样式与局部样式

4你是怎么封装小程序的数据请求的？

•在根目录下创建utils目录及api.js文件和apiConfig.js文件；

•在apiConfig.js封装基础的get,post和put，upload等请求方

法，设置请求体，带上token和异常处理等；

•在api中引入apiConfig.js封装好的请求方法，根据页面数据请求的

urls,设置对应的方法并导出；

•在具体的页面中导入；

5小程序页面间有哪些传递数据的方法？

•使用全局变量实现数据传递在app.js文件中定义全局变

量globalData，将需要的信息存放在里面

//app.js

App({

//全局变量

globalDa