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

  • 0
  • 0
  • 约1.7万字
  • 约 27页
  • 2026-01-13 发布于北京
  • 举报

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

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档