小程序面试题 | 11.精选小程序面试题

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

请描述小程序的组件和自定义组件，并分别举例说明。

小程序的组件是小程序开发中用于构建页面的基本单位。它们是小程序框架提供的一些预定义的 UI 元素，例如

• 文本
• 图片
• 按钮
• 表单

小程序组件具有特定的功能和样式，可以通过属性和事件进行配置和交互。

例如

• text组件用于显示文本内容
• image组件用于显示图片
• button组件用于创建按钮

这些组件可以通过小程序的官方文档进行查阅和使用。

自定义组件是开发者根据自己的需求创建的可重用的组件。

自定义组件可以包含自己的逻辑、样式和行为，并可以在其他页面中重复使用。

例如，假设你需要在多个页面中显示一个带有头像和姓名的用户信息块，你可以创建一个自定义组件来实现这个功能。在这个自定义组件中，你可以定义头像和姓名的样式，以及点击事件的处理逻辑。

通过创建自定义组件，你可以将复杂的页面逻辑和样式封装到一个独立的组件中，提高代码的可维护性和重用性。

在小程序中，如何配置和使用自定义组件？

在小程序中，配置和使用自定义组件的步骤如下：

1. 创建自定义组件：在miniprogram下的目录下创建一个components文件夹，与pages目录同级。然后在components文件夹下新增一个组件，右键单击components文件夹，点击新建components，填入名称即可创建完成。一个自定义组件由json、wxml、wxss、js四个文件组成。
2. 声明组件：在需要使用自定义组件的页面的json文件中声明。使用组件usingComponents，并在其中加入属性名，即为标签属性名，里面是相对路径。
3. 编辑组件：打开需要使用自定义组件的页面的wxml文件，删除原先的内容，加入自定义组件的标签。

以上是小程序中配置和使用自定义组件的一般步骤。

小程序中的缓存系统是什么？可以使用哪些 API？

小程序中的缓存系统是指在本地存储数据的系统，常用于存储多页面用到的数据，例如用户头像信息等。以下是小程序中可以使用的缓存系统相关的API：

• wx.setStorage(Object object)与wx.setStorageSync(string key, any data)：用于存储数据。日常开发里为了数据的正确执行获取，一般使用wx.setStorageSync，即wx.setStorage的同步版本，进行数据存储。
• wx.getStorage(Object object)与wx.getStorageSync(string key)：用于获取指定key的内容。
• wx.getStorageInfo(Object object)与Object wx.getStorageInfoSync()：用于获取当前storage的相关信息。
• wx.removeStorage(Object object)与wx.removeStorageSync(string key)：用于在本地缓存中移除指定key。
• wx.clearStorage(Object object)与wx.clearStorageSync()：用于清理本地数据缓存。

在使用这些缓存系统相关的API时，需要注意正确设置和获取相应的键和值，以确保数据的准确性和一致性。如果你需要进一步了解这些缓存系统相关的API，可以参考微信小程序的官方文档进行学习。

如何设置和获取缓存系统的键和值？

设置缓存系统的键和值可以使用以下方法：

• 异步存储语法：wx.setStorage(key, value)；
• 同步存储语法：wx.setStorageSync(key, value)。

参数key是设置缓存的键值，也是以后获取缓存的标识符，设置同样的key值的缓存，会替换原有key值的存储内容；参数value是想要存储的值，可以是原生类型、Date 或者能够通过JSON.stringify序列化的对象。

获取缓存的键和值可以使用以下方法：

• 异步存储语法：wx.getStorage(key)；
• 同步存储语法：wx.getStorageSync(key)。

参数key是需要获取的缓存的键值。

你可以根据业务需求设置和获取相应的键和值，以实现数据的缓存和读取。

如何利用缓存系统提高小程序的性能？

利用缓存系统可以提高小程序的性能，以下是一些常见的方法：

• 数据缓存：将一些常用的数据，如用户信息、商品信息等存储在缓存中，以便快速获取，避免频繁请求服务器。
• 图片缓存：对于一些常用的图片，可以将其缓存到本地，以便下次使用时直接从本地获取，避免每次都从服务器下载。
• 接口缓存：对于一些请求频率较高的接口，可以将其结果缓存到本地，以便下次请求时直接使用缓存结果，避免每次都请求服务器。
• 状态缓存：对于一些需要保存状态的页面，可以将其状态缓存到本地，以便下次进入该页面时快速恢复状态，避免重新加载数据。

需要注意的是，在使用缓存系统时，需要合理控制缓存的大小和时间，避免缓存过多或过长时间，导致内存占用过高或数据失效。同时，还需要注意缓存的一致性和更新策略，确保缓存的数据与服务器保持一致，并及时更新缓存。