張小龍在朋友圈里這樣解釋道：小程序是一種不需要下載安裝即可使用的應用，它實現(xiàn)了應用「觸手可及」的夢想，用戶掃一掃或搜一下即可打開應用。也體現(xiàn)了「用完即走」的理念，用戶不用關心是否安裝太多應用的問題。應用將無處不在，隨時可用，但又無需安裝卸載。

小程序開發(fā)資料：

• 小程序文檔地址

html

• 使圖片長邊顯示:<image src="" mode="aspectFit"></image>
• 綁定事件:<view bindtap="fna">點擊</view>
• 添加鏈接：<navigator url="/page/a/a?b=1" hover-class="none">跳轉(zhuǎn)到新頁面，傳值，點擊時背景透明度不改變</navigator>
• 微信綠色color:#1aad16;

布局css

• 單行文字超出部分顯示省略號:

<view class="text-ellipsis">當對象內(nèi)文本溢出時顯示省略標記（...）。當對象內(nèi)文本溢出時顯示省略標記（...）。當對象內(nèi)文本溢出時顯示省略標記（...）。當對象內(nèi)文本溢出時顯示省略標記（...）。</view> .text-ellipsis{width: 700rpx;margin: 0 auto;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;border: 1px solid #aaa; }

js

• js跳轉(zhuǎn)至導航頁:wx.switchTab({url: '../index/index'})
• js跳轉(zhuǎn)至普通頁面:wx.navigateTo({url: '../list/list'})
• js阻止冒泡事件向上冒泡:

<view bindtap="outside_fn"><view catchtap="inside_fn"></view> </view>

• js取得序號:
  <view data-index="{{2}}" bindtap="fna">傳遞序號</view>

fna: function (e) {var index = e.currentTarget.dataset.index;console.log(index); }

轉(zhuǎn)載于:https://www.cnblogs.com/hurenweb/p/9871977.html

總結(jié)

以上是生活随笔為你收集整理的小程序项目实践总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。