微信小程序面试题

---

---

前言

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、简单描述微信小程序相关文件类型

1. wxml模板文件，是框架设计的一套标签语言，结合基础组件，事件系统，可用构建出页面的结构
2. wxss：样式文件，是一套样式语言，用于wxml的组件样式
3. js脚本逻辑文件，逻辑处理请求
4. json配置文件，小程序设置，如页面注册，页面标题及tabBar
5. app.json整个小程序的全局配置包括：
   • pages：【所有页面】
   • 网络设置（网络超时时间）
   • 界面表现（页面注册）
   • window（背景色，道行样式，默认标题）
   • 底部tab等

5.app.js 监听并处理小程序的生命周期函数，声明全局变量
7.appwxss全局配置的样式文件

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、谈谈wxml与标准html的异同

• 都是用来描述页面得结构
• 都有标签，属性，等构成
• 标签名字不一样，且小程序标签更少，单一标签更多
• 多了一些wx：if这样的属性以及{ {}}的表达式
• wxml仅能在微信小程序开发者工具中预览，而html可以在浏览器内浏览

三、谈谈wxss和css的异同

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

四.小程序和vue写法的区别？

1. 遍历时：小程序wx:for = " postList" vue是v-for = “ item in Postlist”
2. 调用data模型时：

• 小程序 ：this.data.item// 调用
• this.setData(item:1)//赋值
• vue中 this.item // 调用
• this.item = 1// 赋值

五.小程序页面有哪些传递数的方法

• 使用全局变量实现数据传递
• 页面跳转或重定向时，使用url带参数传递数据
• 使用数组模板 template传递参数
• 使用缓存传递参数
• 使用数据库传递数据

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

1. onload（） 页面加载时触发，只会调用一次，可获取当前页面路径中的参数
2. onShow() 页面显示/切入前台时触发，一般用来发送数据请求
3. onReady() 页面初次渲染完成时触发，只会调用一次，代表页面已经可以和视图层进行交互
4. onHide() 页面隐藏/ 切入后台时触发，如底部tab切换到其他页面或者小程序
5. onUnload() 页面卸载时触发，如：redirectTo 或者 navigateBack到其他页面时

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。