微信小程序面试必备知识点

"微信小程序面试题" 微信小程序是一个轻量级的应用开发平台，主要由四个核心文件类型组成：WXML（WeiXin Markup Language）、WXSS（WeiXin Style Sheets）、JS（JavaScript）逻辑处理和JSON配置文件。WXML用于定义页面结构，类似于HTML，而WXSS则用于设置组件样式，类似于CSS，但具有微信特定的功能，如rpx单位和@import导入样式。 1. 事件传值在微信小程序中，可以通过在HTML元素上设置data-*属性，然后在对应的事件处理器中通过`e.currentTarget.dataset`来获取这些值。例如，`data-id="123"`可以通过`e.currentTarget.dataset.id`来读取。注意，data-属性名称不允许大写字母且不能存储对象。 2. 微信小程序的wxss与普通CSS的主要差异在于： - rpx单位：微信小程序不支持rem，但引入了rpx，它基于屏幕宽度自适应，1rpx在iPhone6上等于0.5px。 - @import导入：在wxss中，使用`@import`导入外部样式表，路径后跟分号结束。 - 部分CSS选择器支持：wxss支持H5中的id选择器、class选择器等，但可能不支持某些高级CSS特性。 3. 微信小程序与Vue.js的区别主要在于应用场景和框架特性： - 微信小程序专注于移动应用，有微信内置的运行环境，而Vue.js是一个通用的前端框架，可应用于Web、Hybrid App等。 - 小程序的组件化和生命周期管理与Vue相似，但其API和生态系统专为微信环境定制。 4. 提高微信小程序应用速度的方法包括： - 优化图片大小，使用WebP或SVG格式。 - 使用代码分割和按需加载减少初始加载量。 - 合理利用缓存，利用微信小程序的storage API。 - 优化网络请求，合并请求，减少HTTP头信息。 5. 异步请求处理通常通过Promise或async/await来解决，确保异步操作不会阻塞主线程。对于下拉刷新，微信小程序提供了`onPullDownRefresh`生命周期函数来监听并处理下拉刷新事件。 6. `bindtap`和`catchtap`都是事件绑定，前者会冒泡，后者不会。如果在父元素上同时使用，catchtap会阻止bindtap事件的冒泡。 7. wx:if和hidden区别在于，wx:if控制块是否渲染，不占用DOM空间；hidden则将元素设置为隐藏，元素仍然存在于DOM中，占用空间。 8. app.json全局配置包括页面路径、页面标题、 tabBar 配置等。例如，pages字段定义了小程序启动时加载的首屏页面，tabBar配置了底部导航栏样式和页面。 9. 在使用同步API和异步API时，要注意异步API的回调处理，避免阻塞主线程。同步API常用于初始化数据，而异步API用于网络请求等耗时操作。 10. wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()都是页面跳转方法，它们之间的区别在于： - navigateTo：打开新页面，最多可堆叠10层页面，不能返回到tabBar页面。 - redirectTo：关闭当前页面，跳转到目标页面，只能在同级页面间跳转。 - switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 - navigateBack：关闭当前页面，返回上一页面或多级页面，可通过delta参数指定返回层数。 - reLaunch：关闭所有页面，重新打开一个页面。 11. 数据请求的封装通常涉及axios或fetch等库的使用，创建一个统一的请求函数，处理错误、登录状态检查、请求拦截和响应拦截等功能。 12. 小程序的生命周期主要包括onLoad、onShow、onReady、onHide、onUnload等，开发者可以在这些生命周期钩子中处理数据加载、页面显示、用户交互等问题。 这些面试题涵盖了微信小程序开发的基本概念、实践技巧和常见问题，有助于评估应聘者对微信小程序开发的理解和实践经验。