zlcjc

微信小程序笔记下

微信小程序笔记下

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>

mark

改变颜色

color属性

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

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

mark

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

bindchange

checkbox-group中选中项发生改变时触发 change 事件,detail = {value:[选中的checkbox的value的数组]}

单选框复选框 都能用!

例如:

 <!-- 单选框 -->
  <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)
  }

mark

wxs页面脚本

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

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

用的相对不多

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

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

mark

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

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

参考

事件绑定和冒泡

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

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

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

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

mark

事件传参

自定义属性传参 ( 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)
}

mark

服务号

服务号:为企业和组织提供更强大的业务服务与用户管理能力,主要偏向服务类交互(功能类似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说明文档

精彩评论:
上一页 下一页