zoukankan      html  css  js  c++  java
  • 使用uniapp框架开发注意要点

    使用uniapp框架开发注意要点

    1.组件内引入图片要使用绝对路径。/static/...
    2.生命周期完整支持 Vue 实例的生命周期,同时还新增 应用生命周期页面生命周期

    2.1应用生命周期(作用在App.vue页面中)

    DKKVB6OAC_6U{%VR)@`TIUS

    2.2页面生命周期(作用在pages目录下的页面中):

    下面几个是常用的页面生命周期

    相当于页面的生命周期用onLoad代替created,onReady代替mounted。

    onLoad(){

        console.log("页面初始化 执行一次 onLoad")

        },

    onReady(){

        console.log("页面加载完毕 执行一次 onReady")

        },

    onShow(){

        console.log("页面进入执行 执行多次 onShow")

        },

    onHide(){

        console.log("页面进入离开 执行多次 onHide")

        },

    onPullDownRefresh(){

        console.log("用户执行了下拉动作")

        },

    onTabItemTap(){

        console.log("用户点击了Tabbar")

        },

    onShareAppMessage(){

        console.log("用户进行了分享")

        return{

                title:"我是这条街最靓仔",

                path:"pages/news/news",

                imageUrl:”https://www.baidu.com/img/bd_logo1.pn

          }

        },


    2.3组件生命周期(作用在components文件夹下的组件页面):可以使用vue的生命周期
    3. @click 和 @tap 只是用一个。
    4.阻止事件冒泡时要在外层加一层标签<view @tap.stop="stop"></view>,直接在需要使用的方法上加.stop无效。
    5.<picker>中最好写一个<view class="style">写样式,而不是在picker上加样式
    6. <scroll-view>中写position: fixed,在ios下会有兼容性问题。
    7.出现遮罩后阻止页面滚动,可以在遮罩的touchmove事件中阻止默认事件。 @touchmove.prevent=""
    8. <swiper>一定要给高度才会生效,一般是动态获取里面的元素或列表高度再赋值给<swiper>。

    9.组件做全局引入时要注意:最近在使用uni-app开发微信小程序,开头偷懒,组件做了全局引入,但是随着组件的增加,微信小程序报main.js超过500KB(实际大小为549KB),后来跟踪发现是因为组件做了全局引入影响,改为按需引入后,main.js缩小至123KB,warning解除。

    未完待续。。。。。

    ps 欢迎大神指正!!!

  • 相关阅读:
    el-form-item内容过多,及弹窗框宽度属性show-overflow-tooltip设置
    iview 的table组件,自带过滤功能
    elementUI 的el-pagination 分页功能
    “==” 和 equals()的区别
    算法
    SpringBoot环境下java实现文件的下载
    配置文件中,字符串占位符替换
    linux系统的一些常用命令
    Maven项目打包成war包并启动war包运行
    java实现文件压缩
  • 原文地址:https://www.cnblogs.com/meijifu/p/13303455.html
Copyright © 2011-2022 走看看