微信小程序面试题

微信小程序

1、简单描述下微信小程序的相关文件类型?

1.wxml模板文件，是框架设计的一套标签语言，结合基础组件、事件系统、可以构建出页面的结构2.wxss样式文件，是一套样式语言，用于描述WXML的组件样式
3.js 脚本逻辑文件，逻辑处理网络请求

4.json配置文件，小程序设置，如页面注册，页面标题及tabBar5. app.json整个小程序的全局配置，包括:

• pages:[所有页面路径]
• 网络设置(网络超时时间)。界面表现(页面注册)
• window:{背景色、导航样式、默认标题}。底部tab等

6.app.js 监听并处理小程序的生命周期函数、声明全局变量

7.app.wxss 全局配置的样式文件

⒉.请谈谈wxml与标准的html的异同?·都是用来描述页面的结构;

• 都由标签、属性等构成;
• 标签名字不一样，且小程序标签更少，单—标签更多;·多了一些wx:if这样的属性以及f这样的表达式
• .WXML仅能在微信小程序开发者工具中预览，而HTML可以在浏览器内预览

3.请谈谈WXSS和CSS的异同?

• 都是用来描述页面的样子;
• WXSS具有CSS大部分的特性，也做了一些扩充和修改;· wXSS新增了尺寸单位，WXSS在底层支持新的尺寸单位rpx;
• WXSS仅支持部分CSS选择器;
• wXSS提供全局样式与局部样式. wXSS不支持window和dom文档流

4、小程序和Vue写法的区别?

①遍历的时候:小程序wx:for = “lists”,而Vue是v-for = “item in lists”

②调用data模型(赋值)的时候:
小程序:

this.data.item //调用

this.setData({item:1})//赋值

vue: this.item l调用
this.item =1l赋值

5、小程序页面间有哪些传递数据的方法?·使用全局变量实现数据传递

• 页面跳转或重定向时，使用url带参数传递数据·使用组件模板template传递参数
• 使用缓存传递参数
• 使用数据库传递数据

6、请谈谈小程序的生命周期函数?

• onLoad()页面加载时触发，只会调用一次，可获取当前页面路径中的参数
• onShow()页面显示/切入前台时触发，一般用来发送数据请求;
  onReady()页面初次渲染完成时触发,只会调用一次，代表页面已可和视图层进行交互
• onHide()页面隐藏/切入后台时触发,如底部 tab切换到其他页面或小程序切入后台等