https://github.com/jasscia/newBadminton

微信小程序 wepy 羽毛球活动组织工具
https://github.com/jasscia/newBadminton

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jasscia/newBadminton
• Owner: jasscia
• Created: 2018-03-19T17:56:09.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-01T18:22:40.000Z (almost 2 years ago)
• Last Synced: 2024-08-03T21:02:53.793Z (5 months ago)
• Language: CSS
• Homepage:
• Size: 1.18 MB
• Stars: 47
• Watchers: 2
• Forks: 15
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-wepy - newBadminton羽球自由赛: 基于wepy开发的羽毛球活动组织工具小程序

README

        
# 羽球自由赛

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


## 二维码

![二维码](./src/image/scancode.jpg)

## 关键技术问题

* 父子组件通信

* 页面间通信

* 翻牌动画

* 圆形进度条实现

## 遇到的一些坑

* 使用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