小程序基础面试题

小灰灰 2022-04-02 16:18 126阅读 0赞

> **小编推荐：**[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。

*  **app.json 还可以设置哪些功能？**  
    debug、functionalPages、subpackpages、workers、requirebackgroundmodes、plugins、preloadRule、resizable、navigatetominiprogramappidlist
 *  **window设置旋转属性方法**  
    pageorientation： auto、portrait
 *  **小程序监听界面显示、隐藏、后台、前台方法**  
    ① 根据声明周期函数 ② 还可以根据系统提供API监听方法，如：wx.appOnShow()
 *  **获取场景值的方法**  
    let options = wx.getLanchOptionsSync()
 *  **onPageScroll方法的使用注意什么**  
    由于此方法调用频繁，不需要时，可以去掉，不要保留空方法，并且使用onPageScroll时，尽量避免使用setData()，尽量减少setData()的使用频次。
 *  **视图渲染结束回调**  
    使用setData(data, callback)，在callback回调方法中添加后续操作代码
 *  **对模块化的理解**  
    将公共的代码抽离出一个单独的js文件，作为一个模块。模块只有通过module.exports或exports才能对外暴露接口。举例：

function sayHello(){
    console.log('hello!')
    }
    function sayGoodbye(){
    console.log('goodbye!')
    }
    module.exports.sayHello = sayHello;
    exports.sayGoodbye = sayGoodbye;
    // 或者
    // module.exports = {
    // sayHello: sayHello,
    // sayGoodbye: sayGoodbye
    // }

*  **同步API和异步API使用时注意事项**  
    像wx.setStorageSync这种以Sync结尾的API为同步API，使用时使用try-catch来查看异常，如果判定API为异步，可以在其回调方法success、fail、complete中进行下一步操作。
 *  **对wx:if 和 hidden使用的理解**  
    wx:if 有更高的切换消耗。  
    hidden 有更高的初始渲染消耗。  
    因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。
 *  **简单介绍下三种事件对象的属性列表**  
    `基础事件（BaseEvent）`  
    type: 事件类型  
    timeStamp：事件生成时的时间戳  
    target：触发事件的组件的属性值集合  
    currentTarget：当前组件的一些属性集合  
    `自定义事件（CustomEvent）`  
    detail  
    `触摸事件（TouchEvent）`  
    touches  
    changedTouches
 *  **组件间的共享特性怎么处理**  
    组件间代码的共享行为适用behaviors构造器定义。

//定义：
    module.exports = Behavior({
    ……
    }）
    //使用：
    const myBehavior = require('my-behavior')
    Component({
      behaviors: [myBehavior],
      ……
    }）

*  **自定义组件有哪些优点？**  
    ① 开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；  
    ② 也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。
 *  **监听组件引入和移除方法？**

Component({
      lifetimes: {
        attached() {
          // 在组件实例进入页面节点树时执行
        },
        detached() {
          // 在组件实例被从页面节点树移除时执行
        },
      },
      // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
      attached() {
        // 在组件实例进入页面节点树时执行
      },
      detached() {
        // 在组件实例被从页面节点树移除时执行
      },
      // ...
    })

持续更新完善中，有问题请大家评论区留言……

作者：恩来客  
链接：https://www.jianshu.com/p/f3b76d079176

### 关于Fundebug ###

[Fundebug][]专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了9亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

[![2018121912254161][]][2018121912254161]

[Fundebug]: https://www.fundebug.com/
[2018121912254161]: /images/20220402/750b6ed2127140f292d44b0dc89cb589.png