纯粹用来记录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()

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@ --save

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

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

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

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

  3.相关issue

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

带坑使用微信小程序框架WePY组件化开发项目,附带第三方插件使用坑的更多相关文章

  1. 微信小程序框架与组件

    版权声明:未经博主允许不得转载 前言: 学习微信小程序应该不怎么难吧~下面我来记录一下学习笔记,在学微信小程序的时候,如果你有html+css+javascript的基础,那么你就很快地上手掌握的.下 ...

  2. 微信小程序框架——wepy使后感

    更新:2018年1月10日15:32:22 在ios8及部分机型下会有样式混乱的问题,经查找,原因是缺少浏览器前缀,需要加prefix. 解决方案见链接:wepy-less-autoprefix 另外 ...

  3. 小程序框架WePY 从入门到放弃踩坑合集

    小程序框架WePY 从入门到放弃踩坑合集 一点点介绍WePY 因为小程序的语法设计略迷, 所以x1 模块化起来并不方便, 所以x2 各厂就出了不少的框架用以方便小程序的开发, 腾讯看到别人家都出了框架 ...

  4. 微信小程序框架探究和解析

    何为框架 你对微信小程序的技术框架了解多少? 对wepy 框架进行一系列的深入了解 微信小程序框架解析和探究 小程序组件化框架WePY 在性能调优上做出的探究 开发者培训班上海专场PPT分享:小程序框 ...

  5. [转] 扩展微信小程序框架功能

    通过第三方 JavaScript 库,扩展微信小程序框架功能. 扩展微信小程序框架功能(1)——Promise ES6 对 Promise 有了原生的支持,但微信开发者工具更新版本(0.11.1122 ...

  6. 微信小程序框架集合

    UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wema ...

  7. 不需内测账号,带你体验微信小程序完整开发过程

    不需内测账号,带你体验微信小程序完整开发过程 2016年09月24日 - 作者: SwiftCafe 微信小程序还没正式发布就已经迅速成为大家讨论的焦点,那么大家可能觉得只有收到内测邀请才能体验小程序 ...

  8. 坑:微信小程序wx.request和wx.uploadFile中传参数的区别

    微信小程序中通过组件<form>提交表单的时候,在js中通过e.detail.value得到所提交表单的json格式数据.一般提交表单我们都是通过wx.request请求,提交表单数据,通 ...

  9. 微信小程序内置组件web-view的缓存问题探讨

    前言:博客或者论坛上面,还有自习亲身经历,发现微信小程序的webview组件的页面缓存问题相当严重,对开发H5的小童鞋来说应该困扰了不少.很多小童鞋硬是抓破脑袋也没有办法解决这个问题,那我们今天就来探 ...

随机推荐

  1. mysql表的模糊查询

    查询库下所有的表名 SELECT table_name FROM information_schema.tables WHERE table_schema='库名' 模糊表名查询 SELECT tab ...

  2. dev exception 2018

    java.lang.IllegalArgumentException: Circular placeholder reference 'trace.enable' in property defini ...

  3. 使用 docker 快速安装 oracle 11g

    前言 我们在手动安装oracle数据库时,安装步骤纷繁复杂,耗时较长 在此介绍如何使用docker快速安装oracle 11g 一.docker 及其安装环境 操作系统: [root@centos7 ...

  4. Oracle常用CURD

    -------------------------------------------------------------------------------------通用函数和条件判断函数 使用N ...

  5. Web前端性能优化-重绘与回流

    1.什么是重绘与回流 Render tree 的重新构建就叫回流.当布局和几何属性改变时就需要回流,鼠标移动到图片 图片变大 也会触发回流.回流 能避免就避免 Render tree 改变外观.风格 ...

  6. 数据分析 - matpltlib 模块

    matplotlib 模块 引入模块 import matplotlib.pyplot as plt 设置图片大小 - figure 展示图片 - show 画图 - 实例化后指定类型画图 plot  ...

  7. 007-Linux 查看端口

    1.使用ss 查看 ss 一般用于转储套接字统计信息.它还可以显示所有类型的套接字统计信息,包括 PACKET.TCP.UDP.DCCP.RAW.Unix 域等. ss -lntpd | grep : ...

  8. 微信小程序tabBar的一个小坑

    开始接触微信小程序的项目开发时,自己想添加底部导航,按照文档的方法在app.json添加tabBar,结果编译不出,工具台也没错误提示. 尝试在网上搜一下,看到有碰到类似情况的,解决方法是:app.j ...

  9. Vue 使用eventBus 实现兄弟组件间的通信

    实现方式:  主要是在相互通信的兄弟组件之中,都引入一个新的vue实例,然后通过分别调用这个实例的事件触发事件广播 和监听来实现通信和参数传递. 需求: a页面tree的增删改后,数据还是之前的老数据 ...

  10. 《精通并发与Netty》学习笔记(04 - Google Protobuf介绍)

    一 .Google Protobuf 介绍 protobuf是google团队开发的用于高效存储和读取结构化数据的工具,是Google的编解码技术,在业界十分流行,通过代码生成工具可以生成不同语言版本 ...