jasscia / newBadminton

微信小程序 wepy 羽毛球活动组织工具

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

羽球自由赛

采用微信小程序 wepy框架编写 实现了�业余羽毛球爱好者 组织团体赛的一系列功能 包括创建、报名、邀请好友、生成对阵方案、计分、统计排名等功能

二维码

二维码

关键技术问题

  • 父子组件通信
  • 页面间通信
  • �翻牌动画
  • 圆形进度条�实现

遇到的一些坑

  • 使用wepy框架 务必将开发者工具中 �关闭关闭ES6转ES5 关闭上传代码时样式自动补全 关闭代码压缩上传
  • 标签闭合不正确 经常会导致 找不到页面 File not found: ./../../components/matchActive.wxss一般问题出在他本身或者他所引用的组件的标签没有闭合 导致 解析文件css 或者 js出错
  • 父子组件动态传参 传参方和受参方 设置一定�要注意,type写错 可能会收不到参数 而报错 如 Right-hand side of 'instanceof' is not an object
  • 同一个组件 被多次引用 组件中的Data是共用的,一个引用的地方改变了他 会影响到其他组件,所以要想私有化 可以通过props 或者 引用的时候起个别名 实现
  • 组件引用错误 或者引用没有被定义的组件 可能会报错 如下 unexpected attribute name, near .sync
  • 尽量少用watch 比较容易出现没有按照预期更改的现象 尤其是当出现循环引用 的时候,另外 watch中改变组件Data后 要用this.$apply()使其生效
  • 异步函数中 改变Data this.$apply()使其生效
  • 路由栈 只是针对单个的tabBar的 �拿不到其他tab的栈信息
  • 生命周期是个需要慢慢琢磨的东西

运行程序

克隆到本地 然后进入本地�文件

  • npm install wepy-cli -g(如果之前安装过 请忽略)
  • npm install
  • wepy build -w
  • 将生成的dist 文件添加到微信开发者工具的项目中
  • do what you want you to

About

微信小程序 wepy 羽毛球活动组织工具


Languages

Language:CSS 62.0%Language:JavaScript 37.3%Language:HTML 0.7%