• 带坑使用微信小程序框架WePY组件化开发项目,附带第三方插件使用坑


     纯粹用来记录wepy及相关联内容,以防再犯~

    1. 接手的wepy项目版本是 1.7.2 ,so我没有初始化的过程....

    2. 安装wepy命令工具,npm install wepy-cli -g , 在VScode终端安装后可能需要重启编辑器才能生效,通过wepy -v命令判断是否成功;

    3. 结合MinUI框架使用时,安装组件假死一动不动,需要node版本切换为8.x版本(原本10.x);

    4. 小程序元素上加了伪代码(::after)后会影响事件向上冒泡(我无知),catch失效;

      解决办法:多嵌套一层标签,提高显示层级

      理由:元素上加了伪代码后多了遮罩层

    5. wepy实时编译,wepy build --watch, 如果实时编译不好使,请手动编译一次,相信我一定要去手动编译;

      比如我只改变了template的元素内容,wepy就不会自动编译了,因为它监听不到改变地方!

      style部分也有这种情况~

      不知道wepy-cli抽什么风~

      不好使可用重启编译命令:wepy build --no-cache

    6. wepy 在异步函数中更新数据的时候,必须手动调用$apply方法,才会触发脏数据检查流程的运行

      this.$apply()

      小声哔哔:$apply在wepy build的时候自动填入到setData,so不要太频繁,性能不好!

    7. wepy 中使用ES6 async/await 语法时, 需要npm安装'wepy-async-function', npm install wepy-async-function --save

      在app.wpy文件里引入 import 'wepy-async-function'

    8. 组件通信:

      this.$broadcast('xxx')   //通知子组件执行xxx方法,所有子组件都会收到

      this.$emit()    //事件发起组件的所有父组件都会收到$emit

      this.$invoke() 是一个页面或组件对另一个组件中的方法的直接调用(注意要先引入使用组件,不要看官方写“传入组件路径”,实际上会报错哦 b( ̄▽ ̄)d )

      父子组件动态传值时,data变量height不需要加{{}}且需要snyc修饰符

       <navBar text="我的关注" :height.sync="height"></navBar   

    9.  wepy.component组件实例中,onShow()生命周期不存在

    10. 普通自定义方法在methods对象外声明,与methods平级,methods属性只能声明标签的bind/catch事件

      ~~~~~~~~~~~~~~ 2019-12-03更新 ~~~~~~~~~~~~~~ 

    11.插件使用????

      

       使用:

        在app.wpy文件中声明插件名称,用 requirePlugin() 方式在页面引用即可~

       还是去从官方文档了解吧~

      这个问题,怎么解决????

      

      这个坑还填不了???

       

      ~~~~~~~~~~~~~~ 2019/12/05 update 填坑方案 ~~~~~~~~~~~~~~

      1.使用第三方插件报‘Promise’错

      项目配置的wepy-async-function是^1.4.5

      升级wepy-async-function到最新版本即可解决,目前的最新版本为1.4.7。

      安装指定版本: npm i wepy-async-function@1.4.6 --save 

      或者最近版本: npm install wepy-async-function --save 

      然后重启编译:  wepy build --no-cache 

      2.如果是报‘App、Page’等错误

      升级wepy-cli版本至最近版本

      3.相关issue

        https://github.com/Tencent/wepy/issues

    ~~~~~~~~~~~~~~ 2020/04/24 逼逼叨来了 ~~~~~~~~~~~~~~

      1. extends wepy.page 实例中的数据渲染对象data,会在页面中留存(就是说离开当前页后渲染数据能继续使用),因为data没有使用return返回!

      2.另外我重复记录一次,微信小程序当前页onHide后,需要手动清除定时器,否则一直存在!

    ~~~~~~~~~~~~~~ 2020/08/28 来抢资源了 ~~~~~~~~~~~~~~

      233333.老大觉得wepy不维护就不好使了,而且对我们项目也不友好,然后我们就转移到Taro阵地了,奥利给...

  • 相关阅读:
    647. 回文子串
    109. 有序链表转换二叉搜索树
    第1篇 第1章 走进推荐系统
    推荐系统为什么要分测试集与训练集
    面向对象案例 烤地瓜 搬家具python实现
    python面向对象方法
    python实现学生信息系统
    随机数据的生成
    Python中numpy的应用
    pandas 的index用途
  • 原文地址:https://www.cnblogs.com/anniey/p/11732796.html
Copyright © 2020-2023  润新知