小程序笔记

小程序示例及源码

  1. 注意事项
    a. 开始标签和结束标签中空格和换行都有实际效果,谨慎使用换行和空格
 第一行 
 第二行
   第三行

最终显示

第一行
第二行
  第三行

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

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

4. 路由重复跳转

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

你可能感兴趣的:(小程序笔记)