小程序筆記

小程序示例及源碼

  1. <text> 注意事項(xiàng)
    a. 開(kāi)始標(biāo)簽<text>和結(jié)束標(biāo)簽</text>中空格和換行都有實(shí)際效果,謹(jǐn)慎使用換行和空格
 <text>第一行 
 第二行
   第三行</text>

最終顯示

第一行
第二行
  第三行

b. 單行顯示,溢出文本省略號(hào)...

  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. 模板引用本地靜態(tài)資源
    目前小程序只支持相對(duì)路徑,在模板中引用本地靜態(tài)資源時(shí)應(yīng)注意路徑是相對(duì)引用模板的文件,而不是相對(duì)模板文件所在。
    若引用模板的所有文件層級(jí)結(jié)構(gòu)一致或資源為網(wǎng)絡(luò)文件,可將靜態(tài)資源地址寫(xiě)在模板中。也可將資源地址以參數(shù) data 的形式傳遞給模板。

  2. 引用路徑
    ./ 或者直接文件夾/名開(kāi)頭的代表相對(duì)路徑
    如: ./source/icon.pngsource/icon.png
    / 開(kāi)頭的代表絕對(duì)路徑,相對(duì)于主目錄
    如: /components/icon.wxml

4. 路由重復(fù)跳轉(zhuǎn)

避免用戶快速多次點(diǎn)擊重復(fù)跳轉(zhuǎn)的問(wèn)題,由用戶主動(dòng)跳轉(zhuǎn)的都使用組件 navigator,官方已經(jīng)做了重復(fù)跳轉(zhuǎn)的處理,非用戶主動(dòng)操作的,如網(wǎng)絡(luò)訪問(wèn)后自動(dòng)跳轉(zhuǎn)的情況可以使用 API wx.navigateTo()

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 目錄結(jié)構(gòu):包含一個(gè)app和多個(gè)page。一個(gè)框架程序主體包含三個(gè)文件,必須放在項(xiàng)目根目錄:app.js(邏輯), ...
    tysunme閱讀 424評(píng)論 0 1
  • 微信小程序筆記四:翻譯小輪子weapp-i18n 正是由于微信小程序已支持個(gè)人公眾號(hào),又喚起我對(duì)小程序的一些“熱情...
    brandonxiang閱讀 4,431評(píng)論 0 2
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,094評(píng)論 25 709
  • 今天是剽悍江湖100天的第一天,我想為這100天舉行一個(gè)儀式,跟過(guò)去告別,打造全新的自己,我知道路途艱辛,這一...
    星星170222閱讀 269評(píng)論 0 2
  • 第一次畫(huà),不是很好 紙,筆,顏料都是最便宜的 想著買下瞎折騰 沒(méi)想到還不錯(cuò) 嗯,繼續(xù)努力好了(°u°)? 」
    Mr_Air閱讀 315評(píng)論 0 0

友情鏈接更多精彩內(nèi)容