xw5 / wx_miniapp_code_snippet

收集平时开发中用到的小程序代码片段

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

wx_miniapp_code_snippet

简介

这是一个收集平时开发常用的小程序代码段仓库,希望能为平时开发提高一点点效率。

  1. navigation-bar 这是一个自定义的 navigator-bar ,可以实现一些物殊需求,如想监听返回动作,标题样式想多样化等...。
  2. hand-guide 这是一个模拟手指点击效果的吸引用户点击的常用代码段。
  3. common-dialog 这是弹窗代码段,可以以common-dialog为基础定制你自己的弹窗。
  4. ring-progress-bar 这是圆形进度条非canvas版代码段,可以用于展示圆形进条或者当计时器用等...,当你使用的场景在小程序原生组件的限制范围内时推荐使用此组件,否则推荐给使用它的canvas版。
  5. ring-progress-bar-canvas 这是ring-progress-bar圆形进度条代码段的canvas版,可以用于展示圆形/表盘进条或者当计时器用等...。
  6. cloud_controller 这是一个无需后端提供接口和管理后台,即可配置页面功能的简化方案,由于代码比较简单,没有提供demo。
  7. submit-formid 这是一个用于formid上报的小程序自定义组件代码段。
  8. common_request 这是小程序接口请求wx.request的Promise包装,由于代码比较简单,没有提供demo。
  9. common_storage 这是小程序本地存储的一些方法封装,同步版和异步的Promise包装版,同时提供用于标示当天的本地存储方法。
  10. create_poster 这是小程序生成分享海报的代码段,支持网络图片和本地小程序图片
  11. create_rewarded_video_ad 这是小程序激励视频接入的代码段,解决首次加载状态失败生close多次调用问题
  12. common_ad 这是小程序banner/card(qq)广告的通用代码段,更方便使用广告组件
  13. appBoxAd 这是qq小程序的盒子广告代码段,更方便在qq小程序接入盒子广告
  14. interstitial_ad 这是小程序的插屏广告代码段,更方便在小程序接入插屏广告
  15. can_use_util 这是小程序的兼容判断常用代码段,支持直接调用canIuse方法和版本判断

持续更新中...

项目目录结构说明

每个代码段基本都是一样目录结构,此处我们以navigation-bar为例,demo下为演示的小程序代码片段(用于学习参考使用),src目录下的为当前代码段的源码,也就是你需要放到你代码中的。

navigation-bar
├─demo
│  ├─catchback
│  ├─hasback
│  ├─index
│  ├─navigatorapp
│  ├─src
│  │  └─navigation-bar
│  └─style
└─src
    └─navigation-bar

About

收集平时开发中用到的小程序代码片段


Languages

Language:JavaScript 100.0%