美文网首页前端知识点
微信小程序面试题

微信小程序面试题

作者: 小曼很nice | 来源:发表于2019-08-09 08:20 被阅读77次

    1.组件生命周期

    2.behavior

    3.全局生命周期

    4.slot

    5.组件通信

    6.scroll-view

    7.文件类型

    8.路由传参

    9.template

    10.事件

    11.onBreachBottom

    12.授权流程

    13.小程序之间如何跳转

    1.组件生命周期

    created 组件实例化,但节点树还未导入,因此这时不能用setData

    attached 节点树完成,可以用setData渲染节点,但无法操作节点

    ready(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点

    moved 组件实例被移动到树的另一个位置

    detached 组件实例从节点树中移除

    2.behavior

    小四整理了:

    look   here:https://www.jianshu.com/p/284e76593127

    3.全局生命周期

    app.js:生命周期

    App({/**

      * 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

      */onLaunch:function(){      },/**

      * 当小程序启动,或从后台进入前台显示,会触发 onShow

      */onShow:function(options){      },/**

      * 当小程序从前台进入后台,会触发 onHide

      */onHide:function(){      },/**

      * 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

      */onError:function(msg){      }

    })

    页面Page生命周期

    Page({/**

      * 页面的初始数据

      */data: {      },/**

      * 生命周期函数--监听页面加载

      */onLoad:function(options){      },/**

      * 生命周期函数--监听页面初次渲染完成

      */onReady:function(){      },/**

      * 生命周期函数--监听页面显示

      */onShow:function(){      },/**

      * 生命周期函数--监听页面隐藏

      */onHide:function(){      },/**

      * 生命周期函数--监听页面卸载

      */onUnload:function(){      },/**

      * 页面相关事件处理函数--监听用户下拉动作

      */onPullDownRefresh:function(){      },/**

      * 页面上拉触底事件的处理函数

      */onReachBottom:function(){      },/**

      * 用户点击右上角分享

      */onShareAppMessage:function(){      }

    })

    4.slot

    在组件的wxml中可以包含 slot 节点,用于承载组件使用者提供的wxml结构。

    默认情况下,一个组件的wxml中只能有一个slot。需要使用多slot时,可以在组件js中声明启用。

    Component({options:{multipleSlots:true// 在组件定义时的选项中启用多slot支持},properties:{/* ... */},methods:{/* ... */}})

    此时,可以在这个组件的wxml中使用多个slot,以不同的 name 来区分。

    <!-- 组件模板 --><viewclass="wrapper"><slotname="before"></slot><view>这里是组件的内部细节</view><slotname="after"></slot></view>

    使用时,用 slot 属性来将节点插入到不同的slot上。

    <!-- 引用组件的页面模板 -->

    <view>

    <component-tag-name>

    <!-- 这部分内容将被放置在组件 <slot name="before"> 的位置上 --><viewslot="before">这里是插入到组件slot name="before"中的内容</view><!-- 这部分内容将被放置在组件 <slot name="after"> 的位置上 --><viewslot="after">这里是插入到组件slot name="after"中的内容</view></component-tag-name>

    </view>

    5.组件通信

    look  here  :

    https://blog.csdn.net/susuzhe123/article/details/80287540

    6.scroll-view

    小程序官方文档:

    https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

    7.文件类型

    1.   .json后缀的 JSON配置文件

    2. .wxml后缀的 WXML模板文件

    3. .wxss后缀的 WXSS样式文件

    4.   .js后缀的 JS脚本逻辑文件

    详解:https://blog.csdn.net/cpongo3/article/details/89157306

    8.路由传参

    look   here:

    https://blog.csdn.net/weixin_37861326/article/details/80640884

    9.template

    https://www.jianshu.com/p/cfca91e9a78b

    10.事件

    官方文档

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

    11.onBreachBottom

    look   here

    https://jingyan.baidu.com/article/bea41d43360d62f4c51be6ce.html

    12.授权流程

    look   here

    https://blog.csdn.net/qq_35394820/article/details/80469029

    13.小程序之间如何跳转

    https://www.jianshu.com/p/4969e57a3ab3

    https://www.jianshu.com/p/3a3e192cfb85

    相关文章

      网友评论

        本文标题:微信小程序面试题

        本文链接:https://www.haomeiwen.com/subject/cvtbdctx.html