前言：小程序已于11月初开放了小程序组件功能，但事件方面还不是很完善，有的组件暂时可能还是要用其他方式来实现，这里简单记录下开发小程序自定义组件的要点。

在小程序官方开发组件开发功能之前，自定义组件的数据和方法必须挂在页面上，于是要点就在于将组件的私有数据和方法挂到页面上，同时避免不同组件间，同一组件不同实例间，组件与页面间的命名矛盾；其二，在组件内修改其数据，在页面上调用组件内的方法，写法上需稍留意。

实现方案：

  • wepy: 小程序组件化开发框架

    • 支持自定义组件开发，其他特性可通读一遍其文档
    • 自定义组件的支持较完整
    • 属于框架，开发上提供了多种便利，可使用sass/less，可引入npm包，可自定义组件等，但运行小程序所需文件由框架生成，开发调试上就多了一层，可见文档[目录结构说明]和[重要提醒]
    • 使用此框架开发的人看起来也蛮多的，常用的UI/功能类组件有相应的实现，有投入使用的项目，wepy在更新中，有微信交流群
    • 框架设计初衷是一份代码可同时运行于小程序和web端，目前生成小程序版本是完善的，web版本目前可生成预览版，看起来暂时还不能投入使用
    • 综上，新开小程序项目考虑选用
    • 2017-12-01更新：wepy项目地址已迁移到 https://tencent.github.io/wepy/ （原来是：https://wepyjs.github.io/wepy/） ， 看到地址里的 tencent，以后做小程序果断选用wepy框架

  • wux: 微信小程序自定义组件

    • 在微信小程序官方开发方式基础上
    • 关键文件component.js，给组件私有数据和方法加前缀$wux.[componnetname].[实例名]，可查看具体例子的AppData面板
    • 可只将需要的组件加入到自己项目中使用，也可基于此方法开发自己需要的组件
    • 基于此方式开发滚动评论组件的例子

  • wx-component

    • 在微信小程序官方开发方式基础上
    • 看其使用说明感觉实现方式是不错的，不过我没有测试或实际应用过
  • 微信小程序官方自定义组件

微信小程序自定义组件方案相关推荐

  1. 微信小程序自定义组件，提示组件

    微信小程序自定义组件,这里列举了一个常用的提示自定义组件,调用自定义组件中的方法和字段.仅供参考和学习. 编写组件: 在根目录下添加"components"目录,然后像添加Page ...

  2. 微信小程序自定义组件(二)

    微信小程序自定义组件 ps 由于作业部落貌似出了点问题,耽误了点时间,找了一个stackedit.io准备写.无奈,这是要自己建编辑器的节奏啊.没有一个能靠的注 为何存在组件 组件间的关系 使用rel ...

  3. 微信小程序--自定义组件（超详细 从新建到使用）

    微信小程序–自定义组件 微信小程序官网介绍! 本文提供给急需使用自定义组件人群,以下是博主个人理解和案例!可以辅助官网来看 介绍: 从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程.所 ...

  4. 微信小程序自定义组件子传父详解（多图）

    微信小程序自定义组件子传父详解 前言: 刚开始为了测试父传子,所以把页面的数组放在了父组件中 1. 然而子组件中绑定的自定义点击事件依然放在子组件的js文件中 2. 所以就会出现我们点击页面的文字能改 ...

  5. 微信小程序自定义组件的基本使用

    微信小程序自定义组件的基本使用 组件与模块类似,实现了功能的复用,提高开发速率,减少代码量 在开发过程中 , 总会遇到一些功能板块是相同或很类似的 .如两个不同页面都有搜索框 , 或者 导航栏等 . ...

  6. 基于canvas 2D实现微信小程序自定义组件-环形进度条

    基于canvas 2D实现微信小程序自定义组件-环形进度条 最近开发一个小程序项目博闻金榜答题小程序,需要使用到一个可以显示答题倒计时的组件,基于进度条实现,下面就主要介绍基于canvas2D实现一个 ...

  7. 微信小程序自定义组件-树形数据表格（进阶版）

    前言 一.下载引用 二.使用treegrid组件 三.使用文档 属性 事件 四.组件源码 利用递归思想编写的表格行--treegrid-treeline 树形表格--treegrid-treegrid ...

  8. 小程序组件onload_微信小程序自定义组件(一)

    好吧,突然发现学不完了,一下子,那就分开吧,由于时间太久,直接重新大致复习了一下 微信小程序自定义组件 微信小程序支持自定义组件 下方的目录 其中,components为组件目录,nodemodule ...

  9. 一步步教你实现微信小程序自定义组件

    一步步教你实现微信小程序自定义组件 更新时间:2022年03月21日 11:12:34   作者:naluduo233 之前做小程序开发的时候,对于开发来说比较头疼的莫过于自定义组件了,下面这篇文章主 ...

最新文章

  1. mysql添加用户查重的方法_mysql 开发技巧之JOIN 更新和数据查重/去重
  2. 北斗三号系统第九、十颗组网卫星三大看点
  3. 多天线技术是LTE的重要演进方向已成为产业共识
  4. CentOS 7 VNC 配置
  5. 公众号推荐：Python入门、统计学、推荐系统、机器学习、深度学习、数据分析...
  6. html-css练习题 (注册表单)
  7. 设计模式系列--Observer
  8. iOS开发--xcode快捷键
  9. python arp_在python上发出ARP请求
  10. Ubuntu 如何进入系统文件/etc/profile修改内容
  11. Symbol类型详解
  12. ROS学习之路的整理
  13. createinstance.java,Activator.CreateInstance：类的动态实例化
  14. word/ppt中如何插入11以上带圆圈的数字序号
  15. 刘海洋《LaTex入门》学习笔记4
  16. 腾讯研发“未成年防沉迷”系统，手游的社会责任之路已开启
  17. iOS开发系列--打造自己的“美图秀秀”
  18. （Win10）基于Anaconda的 Tensorflow 1.15.0 安装教程
  19. 使用Microsoft-Authenticator做系统登录的二次验证
  20. lambda List去重

热门文章

  1. mysql获取后一天_MySQL根据某一Date值获取相关时间（前一天，后一天等）
  2. c语言编写动画屏保源码,发个C代码(简单动画演示)
  3. webp转换gif_右键转换文件格式
  4. input date保存值_涛哥文集（36）：R keras保存和还原模型
  5. 如何获得CSDN访问量和积分
  6. 干货|如何在无回显时渗透
  7. 干货|代码安全审计权威指南（附下载地址）
  8. 如何使用Dirsearch探测Web目录
  9. 错误记录集锦（遇到则记下）
  10. numpy的基本使用3