# 微信小程序笔记下

微信小程序笔记下

input

color 属性

bindchange

wxs 页面脚本

微信小程序事件 冒泡 ** 和 事件传参 **

服务号、订阅号

sdk

# 微信小程序组件

# 表单组件

# input

输入框。该组件是原生组件，使用时请注意相关限制

可以参考

<!-- 输入框 -->
<view>
  <input type='text' placeholder='text'></input>
  <input type='password' placeholder='password'></input>
  <input type='number' placeholder='number'></input>
  <input type='idcard' placeholder='idcard'></input>
  <input type='digit' placeholder='digit'></input>

  <!-- 单选框 -->
  <radio-group>
     <radio>单选框</radio>
     <radio>单选框</radio>
  </radio-group>

  <!-- 多选框 -->
<checkbox-group>
   <checkbox>多选框</checkbox>
   <checkbox>多选框</checkbox>
   <checkbox>多选框</checkbox>
</checkbox-group>

</view>

# 改变颜色

color 属性

<!-- 单选框 -->
<radio-group>
  <radio color="#f30">单选框</radio>
  <radio>单选框</radio>
</radio-group>

<!-- 多选框 -->
<checkbox-group>
  <checkbox color="#f30">多选框</checkbox>
  <checkbox>多选框</checkbox>
  <checkbox>多选框</checkbox>
</checkbox-group>

• checked：默认选中
• disabled: 禁用

# bindchange

checkbox-group 中选中项发生改变时触发 change 事件，detail =

单选框 和 复选框 都能用！

例如：

<!-- 单选框 -->
<radio-group ="radiobindchangefun" data-index="1">
  <radio color="#f30" value="nan">单选框</radio>
  <radio value="nv">单选框</radio>
</radio-group>

index.js：

radiobindchangefun(e){
  console.log(e.detail.value)
}

# wxs 页面脚本

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML ，可以构建出页面的结构。

WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。

用的相对不多

• WXS 模块
• 变量
• 注释
• 运算符
• 语句
• 数据类型
• 基础类库

<wxs module="foo">
  var sum=function(a,b){ return a+b; } module.exports.sum=sum
</wxs>

<view>{{foo.sum(1,2)}}</view>

# 微信小程序事件冒泡和事件传参

微信小程序事件冒泡和事件传参

参考

# 事件绑定和冒泡

事件绑定的写法同组件的属性，以 key、value 的形式。

• key 以 bind 或 catch 开头，然后跟上事件的类型，如 bindtap 、 catchtouchstart 。自基础库版本 1.5.0 起，在非原生组件中， bind 和 catch 后可以紧跟一个冒号，其含义不变，如 bind:tap 、 catch:touchstart 。
• value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

bind 事件绑定不会阻止冒泡事件向上冒泡， catch 事件绑定可以阻止冒泡事件向上冒泡。

<view class="father" bindtap="ClickFatherEvent">
  <view class="son" catchtap="ClickSonEvent"> </view>
</view>

# 事件传参

自定义属性传参 ( data-index=“1” )

<view class="father" bindtap="ClickFatherEvent" data-index="1">
  <view class="son" catchtap="ClickSonEvent"> </view>
</view>

ClickFatherEvent(event){
    console.log('father')
    console.log(event.currentTarget.dataset.index)
}

# 服务号

服务号：为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似 12315，114，银行，提供绑定信息，服务交互的）；

适用人群：媒体、企业、政府或其他组织。

群发次数：服务号 1 个月（按自然月）内可发送 4 条群发消息。

可以参考

# 订阅号

# 什么是订阅号？

订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事）

适用人群：个人、媒体、企业、政府或其他组织。

群发次数：订阅号（认证用户、非认证用户）1 天内可群发 1 条消息。

温馨提示：

1. 如果想用公众平台简单发发消息，做宣传推广服务，建议可选择订阅号；
2. 如果想用公众平台进行商品销售，建议可选择服务号，后续可认证再申请微信支付商户；

# sdk

软件开发工具包（缩写：SDK、外语全称：**Software Development Kit）** 一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。 [1]

软件开发工具包括广义上指辅助开发某一类软件的相关文档、范例和工具的集合。

软件开发工具包是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等创建应用软件的开发工具的集合，一般而言 SDK 即开发 Windows 平台下的应用程序所使用的 SDK。它可以简单的为某个程序设计语言提供应用程序接口 API 的一些文件，但也可能包括能与某种嵌入式系统通讯的复杂的硬件。一般的工具包括用于调试和其他用途的实用工具。SDK 还经常包括示例代码、支持性的技术注解或者其他的为基本参考资料澄清疑点的支持文档。

为了鼓励开发者使用其系统或者语言，许多 SDK 是免费提供的。软件工程师通常从目标系统开发者那里获得软件开发包，也可以直接从互联网下载，有时也被作为营销手段。例如，营销公司会免费提供构建 SDK 以鼓励人们使用它，从而会吸引更多人由于能免费为其编程而购买其构件。

SDK 可能附带了使其不能在不兼容的许可证下开发软件的许可证。例如产品供应商提供一个专有的 SDK 可能与自由软件开发抵触。GPL 能使 SDK 与专有软件开发近乎不兼容。LGPL 下的 SDK 则没有这个问题。

可参考官方解释

微信 JS-SDK 说明文档