您现在的位置是:Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款 >
02 訂閱號登錄方法模擬登錄界面不顯示(怎樣在電腦上申請買粉絲號)
Instagram刷粉絲, Ins買粉絲自助下單平台, Ins買贊網站可微信支付寶付款2024-06-25 08:37:02【】2人已围观
简介x.getUserInfo({success:function(res){that.globalData.userInfo=res.userInfo;typeofcb=="function
app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口背景色,配置導航條樣式,配置默認標題。注意該文件不可添加任何注釋。 font size="3" face="微軟雅黑" style=""/**app.json*/ { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" } }/font 復制代碼
app.wxss 是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。 font size="3" face="微軟雅黑" style=""/**app.wxss**/ .買粉絲ntainer { height: 100%; display: flex; flex-direction: 買粉絲lumn; align-items: center; justify-買粉絲ntent: space-between; padding: 200rpx 0; box-sizing: border-box; }/font 復制代碼
創建頁面 在這個教程里,我們有兩個頁面,index 頁面和 logs 頁面,即歡迎頁和小程序啟動日志的展示頁,他們都在 pages 目錄下。買粉絲小程序中的每一個頁面的【路徑 + 頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。 每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件,.json 后綴的文件是配置文件,.wxss 后綴的是樣式表文件,.wxml 后綴的文件是頁面結構文件。 index.wxml 是頁面的結構文件: font size="3" face="微軟雅黑" style=""!--index.wxml-- view class="買粉絲ntainer" viewbindtap="bindViewTap" class="userinfo" image class="userinfo-avatar" src="{ { userInfo.avatarUrl}}" background-size="買粉絲ver"/image text class="userinfo-nickname"{ { userInfo.nickName}}/text /view view class="usermotto" text class="user-motto"{ { motto}}/text /view /view/font 復制代碼
本例中使用了 、、 來搭建頁面結構,綁定數據和交互處理函數。 index.js 是頁面的腳本文件,在這個文件中我們可以監聽并處理頁面的生命周期函數、獲取小程序實例,聲明并處理數據,響應頁面交互事件等。 font size="3" face="微軟雅黑" style=""//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 }) }) } })/font 復制代碼
index.wxss 是頁面的樣式表: font size="3" face="微軟雅黑" style=""/**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; }/font 復制代碼
頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。 index.json 是頁面的配置文件: 頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認配置。
logs 的頁面結構 font size="3" face="微軟雅黑" style=""!--logs.wxml-- view class="買粉絲ntainer log-list" block wx:for-items="{ { logs}}" wx:for-item="log" text class="log-item"{ { index + 1}}. { { log}}/text /block /view/font 復制代碼
logs 頁面使用控制標簽來組織代碼,在上使用 wx:for-items 綁定 logs 數據,并將 logs 數據循環展開節點 font size="3" face="微軟雅黑" style=""//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)) }) }) } })/font 復制代碼
運行結果如下: ignore_js_op
手機預覽
開發者工具左側菜單欄選擇「項目」,點擊「預覽」,掃碼后即可在買粉絲客戶端中體驗。 目前,預覽和上傳功能尚無法實現,需要等待買粉絲官方的下一步更新。 如你所見,買粉絲官方給出的開發指南還非常簡單,很多細節、代碼和功能都沒有明確的展示,所以接下來就到博卡君展示實力的時候啦!開發教程正式開始!
第一章:準備工作 做好準備工作很重要。開發一個買粉絲應用號,你需要提前到買粉絲的官方網站(weixin.qq.買粉絲)下載開發者工具。
下載最新買粉絲開發者工具,打開后你會看到該界面:
點擊「新建 web+」項目,隨后出現如下畫面:
該頁面內的各項內容需要注意—— AppID:依照官方解釋來填。 Appname: 項目最外層文件夾名稱,如你將其命名為「ABC」,則之后的全部項目內容均將保存在「/ABC/…」目錄下。 本地開發目錄:項目存放在本地的目錄。
準備工作全部完成后,點擊「新建項目」按鈕,彈出框點「確定」。
如上圖所示,此刻,買粉絲開發者工具已經為你自動構建了一個初始的 demo 項目,該項目內包含了一個買粉絲應用項目所需具備的基本內容和框架結構。點擊項目名稱(圖中即「cards」)進入該項目,就能看到整個項目的基本架構了:
第二章:項目構架 買粉絲目前用戶群體非常龐大,買粉絲推出買粉絲以后,火爆程度大家都看得到,也同樣推動著 h5 的高速發展,隨著買粉絲業務的需求越來越復雜,應用號現在的到來也是恰到好處。我們團隊具體看了一兩次文檔后發現,它提供給開發者的方式也在發生全面的改變,從操作 DOM 轉為操作數據,基于買粉絲提供的一個過橋工具實現很多 h5 在買粉絲很難實現的功能,有點類似于 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):關閉當前頁面,跳轉到應用內的
很赞哦!(81214)
相关文章
- 01 youtube官網網頁版打開速度變慢怎么理解(響應式網站有什么優缺點?)
- youtube music for macbooks(Ipad typec和MacBooks air一樣嗎)
- 01 youtube官網網頁版打開沒變怎么計算(我想買個諾基亞手機)
- 01 youtube官網網頁版打開沒聲音怎么設置方法(tubemate下載沒有聲音)
- 01 youtube官網網頁版打開白屏未在播放關閉(為什么我打開YouTube就會出現錯誤?)
- youtube music downloader for windows 10(為什么我用Youtube Downloader HD 最新版的軟件 去下載Youtube 上的視頻 我把地址復制上去后)
- 01 youtube官網網頁版打開網頁很慢是不(為什么手機軟件會閃退?如何解決?)
- youtube music free country playlist 2020(如何讓YTmusic在后臺播放)
- 01 youtube官網網頁版打開網頁很慢怎么辦(you tu be的官網是多少?)
- 01 youtube官網網頁版打開網頁源代碼怎么用(如何自學人工智能)
热门文章
站长推荐
youtube music downloader free mp4播放器哪個軟件好(為什么我用Youtube Downloader HD 最新版的軟件 去下載Youtube 上的視頻 我把地址復制上去后)
youtube music downloader free mp3 windows10下載iso(為什么我用Youtube Downloader HD 最新版的軟件 去下載Youtube 上的視頻 我把地址復制上去后)
01 youtube官網網頁版打開網頁怎么關閉廣告插件(油管網頁版和app的區別)
youtube music download windows applied(youtube music下載的文件在哪里)
01 youtube官網網頁版打開速度和什么硬件比軟件(想買一臺迷你主機,哪一款款性價比高?)
01 youtube官網網頁版打開沒變怎么算(給新手的ADOBE軟件不完全科普指南!)
youtube music for windows 10 app(iOS的內置應用)
01 youtube官網網頁版打開速度變慢時間維(明星玩的像電腦樣直板的那是什么(就觸屏的,像電腦,但卻是像一塊板,平 平的) 可以用來做什么???)