小程序笔记

小程序示例及源码

1. <text> 注意事项
   a. 开始标签<text>和结束标签</text>中空格和换行都有实际效果，谨慎使用换行和空格

 <text>第一行 
 第二行
   第三行</text>

最终显示

第一行
第二行
  第三行

b. 单行显示，溢出文本省略号...

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

c. 限行显示，溢出文本省略(此处3行)

  display: -webkit-box; 
  word-break: break-all; 
  text-overflow: ellipsis; 
  overflow: hidden; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp:3; 

2. 模板引用本地静态资源
   目前小程序只支持相对路径，在模板中引用本地静态资源时应注意路径是相对引用模板的文件，而不是相对模板文件所在。
   若引用模板的所有文件层级结构一致或资源为网络文件，可将静态资源地址写在模板中。也可将资源地址以参数 data 的形式传递给模板。

3. 引用路径
   以 ./ 或者直接文件夹/名开头的代表相对路径
   如: ./source/icon.png 和 source/icon.png
   以 / 开头的代表绝对路径，相对于主目录
   如: /components/icon.wxml

4. 路由重复跳转

避免用户快速多次点击重复跳转的问题，由用户主动跳转的都使用组件 navigator，官方已经做了重复跳转的处理，非用户主动操作的，如网络访问后自动跳转的情况可以使用 API wx.navigateTo()