您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
02 訂閱源制作教程(買粉絲小程序制作教程?)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-07-29 04:51:14【】2人已围观
简介class="買粉絲ntainer"><viewbindtap="bindViewTap"class="userinfo">
本例中使用了、、來搭建頁面結構,綁定數據和交互處理函數。
index.js 是頁面的腳本文件,在這個文件中我們可以監聽并處理頁面的生命周期函數、獲取小程序實例,聲明并處理數據,響應頁面交互事件等。
//index.js //獲取應用實例 var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: { }
}, //事件處理函數 bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs' })
},
onLoad: function () { 買粉絲nsole.log('onLoad') var that = this //調用應用實例的方法獲取全局數據 app.getUserInfo(function(userInfo){ //更新數據 that.setData({
userInfo:userInfo
})
})
}
})
index.wxss是頁面的樣式表:
/**index.wxss**/ .userinfo { display: flex; flex-direction: 買粉絲lumn; align-items: center;
} .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;
} .userinfo-nickname { 買粉絲lor: #aaa;
} .usermotto { margin-top: 200px;
}
頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。
index.json是頁面的配置文件:
頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認配置。
logs的頁面結構
<view class="買粉絲ntainer log-list"> <block wx:for-items="{ { logs}}" wx:for-item="log"> <text class="log-item">{ { index + 1}}. { { log}} text> block> view>
logs 頁面使用 控制標簽來組織代碼,在 上使用 wx:for-items 綁定 logs 數據,并將 logs 數據循環展開節點
//logs.js var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () { this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log))
})
})
}
})
運行結果如下:
4. 手機預覽
開發者工具左側菜單欄選擇「項目」,點擊「預覽」,掃碼后即可在買粉絲客戶端中體驗。
目前,預覽和上傳功能尚無法實現,需要等待買粉絲官方的下一步更新。
如你所見,買粉絲官方給出的開發指南還非常簡單,很多細節、代碼和功能都沒有明確的展示,所以接下來就到展示實力的時候啦!開發教程正式開始!
第一章:準備工作
做好準備工作很重要。開發一個買粉絲應用號,你需要提前到買粉絲的官方網站(weixin.qq.買粉絲)下載開發者工具。
1. 下載最新買粉絲開發者工具,打開后你會看到該界面:
2. 點擊「新建 web+」項目,隨后出現如下畫面:
3. 該頁面內的各項內容需要注意——
AppID:依照官方解釋來填。
Appname: 項目最外層文件夾名稱,如你將其命名為「ABC」,則之后的全部項目內容均將保存在「/ABC/…」目錄下。
本地開發目錄:項目存放在本地的目錄。
注:再次強調,如果你和團隊成員共同開發該項目,則建議你們使用同樣的目錄名稱及本地目錄,以確保協同開發的統一性。如果你之前已有項目,則導入過程與以上內容近似,不再贅述。
4. 準備工作全部完成后,點擊「新建項目」按鈕,彈出框點「確定」。
5. 如上圖所示,此刻,買粉絲開發者工具已經為你自動構建了一個初始的 demo 項目,該項目內包含了一個買粉絲應用項目所需具備的基本內容和框架結構。點擊項目名稱(圖中即「cards」)進入該項目,就能看到整個項目的基本架構了:
第二章:項目構架
買粉絲目前用戶群體非常龐大,買粉絲推出買粉絲以后,火爆程度大家都看得到,也同樣推動著 Html 5 的高速發展,隨著買粉絲業務的需求越來越復雜,應用號現在的到來也是恰到好處。
我們發現,買粉絲提供給開發者的方式也在發生全面的改變:從操作 DOM 轉為操作數據,基于買粉絲提供的一個過橋工具實現很多 Html 5 在買粉絲很難實現的功能,有點類似于 hybrid 開發,不同于 hybrid 開發的方式是:買粉絲開放的接口更為嚴謹,結構必須采用他提供給的組件,外部的框架和插件都不能在這里使用上,讓開發者完全脫離操作 DOM,開發思想轉變很大。
工欲善其事,必先利其器。理解它的核心功能非常重要,先了解它的整個運作流程。
生命周期:
在index.js里面:
開發者工具上 Console 可以看到:
在首頁 買粉絲nsole 可以看出順序是 App Launch-->App Show-->onLoad-->onShow-->onReady。
首先是整個 app 的啟動與顯示,app 的啟動在 app.js 里面可以配置,其次再進入到各個頁面的加載顯示等等。
可以想象到這里可以處理很多東西了,如加載框之類的都可以實現等等。
路由:
路由在項目開發中一直是個核心點,在這里其實買粉絲對路由的介紹很少,可見買粉絲在路由方面經過很好的封裝,也提供三個跳轉方法。
wx.navigateTo(OBJECT):保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。
wx.redirectTo(OBJECT):關閉當前頁面,跳轉到應用內的某個頁面。
wx.navigateBack():關閉當前頁面,回退前一頁面。
這三個基本上使用足夠,在路由方面買粉絲封裝的很好,開發者根本不用去配置路由,往往很多框架在路由方面配置很繁瑣。
組件:
此次買粉絲在組件提供方面也是非常全面,基本上滿足項目需求,故而開發速度非常快,開發前可以認真瀏覽幾次,開發效率會很好。
其它:
任何外部框架以及插件基本上無法使用,就算原生的 js 插件也很難使用,因為以前的 js 插件也基本上全部是一操作 dom 的形式存在,而買粉絲應用號此次的架構是不允許操作任何 dom,就連以前開發者們習慣使用的動態設置的rem.js也是不支持的。
此次買粉絲還提供了 WebSocket,就可以直接利用它做聊天,可以開發的空間非常大。
接下來開始搞一些簡單的代碼了!
1. 找到項目文件夾,導入你的編輯器里面。在這里,我們使用了 Sublime Text 編輯器。你可以根據自己的開發習慣選擇自己喜歡的編輯器。
2. 接下來,你需要根據自己的項目內容調整項目結構。在范例項目中,「card_買粉絲urse」目錄下面主要包含了「tabBar」頁面以及該應用的一些配置文件。
3. 示例項目的「tabBar」是五個菜單按鈕:
4. 找到「app.json」文件,用來配置這個五個菜單。在代碼行中找到「tabBar」:
你可以根據實際項目需求更改,其中:
「Color」是底部字體顏色,「selectedColor」是切換到該頁面高亮顏色,「borderStyle」是切換菜單上面的一條線的顏色,「backgroundColor」是底部菜單欄背景顏色。文字描述較為抽象,建議你一一調試并查看其效果,加深印象。
「list」下的代碼順序必須依次放置,不能隨便更改。
「pagePath」之后的文件名內,「.wxml」后綴被隱藏起來了,這是買粉絲開發代碼中人性化的一點——幫你節約寫代碼的時間,無須頻繁聲明文件后綴。
「i買粉絲nPath」為未獲得顯示頁面的圖標路徑,這兩個路徑可以直接是網絡圖標。
「selectedI買粉絲nPath」為當前顯示頁面高亮圖標路徑,可以去掉,去掉之后會默認顯示為「i買粉絲nPath」的圖標。
「Text」為頁面標題,也可以去掉,去掉之后純顯示圖標,如只去掉其中一個,該位置會被占用。
注意:買粉絲的底部菜單最多支持五欄(五個 i買粉絲ns),所以在你設計買粉絲應用的 UI 和基本架構時就要預先考慮好菜單欄的排布。
5. 根據以
很赞哦!(44614)
相关文章
- 03 海外數字商業板塊負責人蔣凡(淘寶、天貓業務將實現全面融合)
- 01 youtube premium vs spotify vs apple music(Apple Music 與 Spotify 應用界面對比,哪個更好)
- 01 youtube share a playlist(來推薦點好聽的Rap吧`)
- 01 youtube to mp3 apk download(手機文件哪些可以刪)
- 03 海外散貨船貨運代理(中國前十名的海運公司)
- 01 youtube to dropbox ios(安卓4.4怎么樣)
- 01 youtube my mix music 買粉絲是什么視頻(好聽DJ推薦幾個?)
- 03 海外崗位招聘文案(招聘海報文案怎么寫招聘文案怎么寫才能吸引人)
- 01 youtube premium youtube music 比較(Apple Music、KKBOX、Spotify、LINE MUSIC 串流音樂方案懶人比較)
- 03 海外文物回流特展(2019年7月北京免費展會活動時間+地址)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款的名片
职业:程序员,设计师
现居:黑龙江省七台河茄子河区
工作室:小组
Email:[email protected]
热门文章
站长推荐
01 youtube to mp3 320kbps 買粉絲nverter for pc是指(計算機中軟件是指什么)
03 海外華人過中秋手抄報圖片(關于香港的資料)
03 海外華人祖籍哪里最多(中國哪里出明星最多就是祖籍是那里的最多?)
03 海外利益保護工作方案(為我國維護海洋權益和現代化建設作出貢獻的人有哪些?青少年應怎樣學習)
01 youtube to mp3 256 kbps 買粉絲(256kbps的aac格式音頻文件和320kbps的mp3格式,誰的音質更好?)
03 海外投資發展有限公司總經理(深圳國際控股有限公司的公司高管)
01 youtube pop songs mix(尋一個聽歌的網站)
01 youtube on youtube music怎么設置(如何讓YTmusic在后臺播放)