随笔分类 - 微信小程序
摘要：类似以下： pages 用于存储小程序页面文件 utils 用于存储一些工具类文件
阅读全文
摘要：一个小程序页面由四种文件组成： 1）json 页面配置文件 2）js 页面逻辑文件（必需） 3）wxml 页面结构文件（必需） 4）wxss 页面样式文件 这四个文件的加载顺序： 第一步： 加载页面json文件配置小程序。 第二步： 装载WXML结构和WXSS样式。 第三步：装载js文件。 注意：
阅读全文
摘要：自定义组件类似页面，也是由 json wxml wxss js 4个文件组成。 1. json文件内声明组件： 2. js文件内注册组件： 组件的js文件用于注册组件、属性定义、内部数据及自定义方法等。 3. wxml文件内编写组件结构 wxml写法与页面写法类似。 4. wxss文件内加入组件样式
阅读全文
摘要：1. 可以在APP.JSON内引用自定义组件，此时该组件为所有页面共享。 2. 可以在页面的JSON文件内引用自定义组件，此时为该页面独享。 引入代码如下： 在页面的wxml内调用该组件：
阅读全文
摘要：理解小程序自定义组件的执行流程，有助于后期开发，本人通过以下简易代码分析自定义组件的流程，结果如下： 第一步：创建组件： 第二步：属性默认值设置： 如果组件被调用时设置了组件属性，则初始化该属性的默认值。没有调用的属性不执行。 比如自定义组件user含有二个属性，分别是： memberName、me
阅读全文
摘要：picker从底部弹起选择器组件 组件细节： 1) 该组件有五种类型，分别是普通选择器、多列选择器、时间选择器、日期选择器、省市区选择器。 2) 组件内必需包裹内容，不然无法弹出选项 3) 五类选择器默认返回值不同（值也可以通过JS脚本进行更改）： 普通选择器：[Number] 当前选项的序号值，第
阅读全文
摘要：label标签组件 用来改进表单组件的可用性，使用for属性找到对应的id，或者将控件放在该标签下，当点击时，就会触发对应的控件。目前可以绑定的控件有：<button/>, <checkbox/>, <radio/>, <switch/>。 原型： 属性for绑定控件的 id
阅读全文
摘要：input输入框组件 原型： 属性： 输入框输入键盘类型 text 文本输入键盘 number 数字输入键盘 idcard 身份证输入键盘 digit 带小数点的数字键盘 设置键盘右下角按钮的文字，仅在type='text'时生效 send 右下角按钮为“发送” search 右下角按钮为“搜索”
阅读全文
摘要：form表单组件 1）将form组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。 2）当点击 <form/> 表单中 formType 为 submit 的 <button/> 组件时，会将表单组件中的
阅读全文
摘要：原型： 属性： 微信开放能力（各参数值说明见后表） button-hover类 样式：{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;} open-type 有效值： 未完，待续...
阅读全文
摘要：radio-group组件是包裹radio组件的容器 原型： 属性： radio单选项组件 原型： 属性： 名称 是否必需 类型 默认值 说明 value 是 [String] 选中值 disabled 否 [Boolean] false 是否禁用 checked 否 [Boolean] false
阅读全文
摘要：checkbox-group组件包裹checkbox组件的容器 原型： 属性： checkbox复选组件 原型： 属性：
阅读全文
摘要：progress 进度条组件 原型： 属性： 进度值更新时，动画如何播放 backwards: 动画从0开始播放； forwards：动画从上次结束点接着播；
阅读全文
摘要：【rich-text】 富文本组件可以显示HTML代码样式。 1）支持事件：tap、touchstart、touchmove、touchcancel、touchend和longtap 2）信任的HTML节点及属性 如果使用了不受信任的HTML节点，该节点及其所有子节点将会被移除。 原型： 属性nod
阅读全文
摘要：text文本组件：在小程序里除了文本节点以外的其他节点都无法长按选中。 原型： 属性： 文本中空格处理方式 默认值为false表示文本中不显示连续空格，比如<view> abc </view>会忽略左右空白 ensp 中文字符空格一半大小 emsp 中文字符空格大小 nbsp 根据字体设置的空格大小
阅读全文
摘要：小程序默认了几种类型图标，其组件原型如下： <icon>组件属性说明：
阅读全文
摘要：cover-view、cover-image 这两类覆盖组件用于显示在一些特殊组件上方（map、video、canvas、camera、live-player、live-pusher）。 这类组件一般被放置在要覆盖组件内，比如： cover-view组件 该组件内可以嵌套cover-view、cov
阅读全文
摘要：Global对象的方法调用时，无需使用 Global.parseInt(...)，而是直接使用 parseInt(...) 方法： 解析一个字符串，并返回一个整数。 string 必需。要被解析的字符串。 radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。即十进制解析，还是十六
阅读全文
摘要：属性： 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 参数：year/month/day 必须
阅读全文
