微信小程序開發(fā)者賬號(微信小程序開發(fā)者賬號可以轉(zhuǎn)給他人嗎)
今天給各位分享微信小程序開發(fā)者賬號的知識,其中也會對微信小程序開發(fā)者賬號可以轉(zhuǎn)給他人嗎進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!
微信小程序為什么要添加開發(fā)者賬號呢
開發(fā)者賬號主要是用來給開發(fā)者開發(fā)和測試的。你要上架一個小程序,必然需要源碼,源碼肯定是需要開發(fā)的,如果你是網(wǎng)上找的代碼,那你自己也需要將代碼提交給小程序官方,由他們審核通過才行,所以這種情況直接將開發(fā)者填成你就行了
微信小程序開發(fā)者ID生產(chǎn)才能使用嘛
不是。
不僅是生產(chǎn),開發(fā)者賬號是,開發(fā)者開發(fā)過程中用于真機調(diào)試,證書簽名,把應(yīng)用上傳到微信小程序上使用的賬號,目前,微信小程序開發(fā)者帳號可分為三種類型:個人、公司、企業(yè),且三者的費用以及權(quán)限等不盡相同,微信開發(fā)者賬號主要用途是可以開發(fā)應(yīng)用,普通賬號只能獲取應(yīng)用。
微信小程序(上)
注冊開發(fā)者賬號:
安裝小程序開發(fā)工具:
創(chuàng)建項目
pages目錄:用于存放所有的頁面。
utils目錄:用于存放工具類文件。
app.js:是入口文件,程序在運行時,首先要執(zhí)行該文件。
app.json:是全局配置文件,用于配置小程序的信息(它里面配置的是全局信息)。
app.wxss:是全局樣式文件。全局樣式文件里面定義的選擇器,在所有的頁面中生效。
project.config.json:是項目配置文件。
sitemap.json:是SEO配置文件,方便用戶搜索到該小程序。
(1)pages配置項
pages里面注冊的是視圖。用于指定小程序由哪些頁面組成,每一項都對應(yīng)一個頁面的路徑(含文件名)信息
(2)window配置項
window 是全局窗口配置。
backgroundTextStyle 設(shè)置文本樣式(下拉loading的樣式),僅支持 dark / light。
navigationBarBackgroundColor 設(shè)置導(dǎo)航欄背景。
navigationBarTitleText 設(shè)置導(dǎo)航欄文本。
navigationBarTextStyle 設(shè)置導(dǎo)航欄標(biāo)題顏色,僅支持 black / white。
(3)style
style 設(shè)置樣式級別,默認(rèn)是v2。
(4)sitemapLocation
sitemapLocation 指明sitemap.json 的位置;默認(rèn)為 'sitemap.json' 即在 app.json 同級目錄下名字的 sitemap.json 文件。
每一個頁面由四個文件組成:xxx.wxml文件、xxx.wxss文件、 xxx.js文件和xxx.json文件。
(1)xxx.wxml文件
xxx.wxml文件,就相當(dāng)于一個html文件。在wxml文件中,不能寫傳統(tǒng)的html標(biāo)簽,只能寫微信提供的組件。
① view組件
相當(dāng)于div標(biāo)簽。
② text組件
相當(dāng)于span標(biāo)簽。
③ swiper
swiper是滑塊視圖容器,它里面只能放swiper-item組件。
swiper組件的常用屬性:
circular是銜接滑動
autoplay是自動切換
interval是自動切換時間間隔
indicator-dots是否顯示面板指示點
indicator-color指示點顏色
indicator-active-color當(dāng)前選中的指示點顏色
④ image
image是圖片組件,最好全部采用網(wǎng)絡(luò)圖片,因為小程序的總體積不允許超過2MB。
(2)xxx.wxss文件
xxx.wxss文件,就相當(dāng)于一個css文件。在wxss文件中,最好不要寫標(biāo)簽選擇器和id選擇器,統(tǒng)一寫類選擇器。
為了讓小程序里面的內(nèi)容在各種設(shè)備上能夠自適應(yīng)顯示,微信推出了響應(yīng)式單位:rpx。在iphone6中,2rpx=1px。
(3)xxx.js文件
xxx.js文件,是交互文件(核心文件)。
Page()函數(shù),返回頁面對象,該函數(shù)需要傳一個配置參數(shù),這個配置參數(shù)是一個對象。在這個配置對象中,定義當(dāng)前頁面的所有內(nèi)容。
① data
定義頁面的數(shù)據(jù)。
② 自定義函數(shù)
開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到Object 參數(shù)中,在頁面的函數(shù)中用this可以訪問。
(4)xxx.json文件
xxx.json文件,是頁面的配置文件(它里面配置的是當(dāng)前頁面信息)。
WXML 中的動態(tài)數(shù)據(jù)均來自對應(yīng) Page 的 data。
(1)獲取data中數(shù)據(jù)
通過插值表達式{{}},可以顯示js里面定義的data里面的數(shù)據(jù)。
(2)組件屬性(需要在雙引號之內(nèi))
(3)運算
可以在{{}} 內(nèi)進行簡單的運算。
① 三元運算
② 邏輯判斷
bindtap是觸屏事件,其實就是相當(dāng)于網(wǎng)頁中的點擊事件。
小程序中bindtap綁定方法時不能傳參數(shù)。所以組件通過data-xxx傳遞數(shù)據(jù)。
注意: 自定義屬性的命名用駝峰或者大寫命名,小程序內(nèi)部會自動轉(zhuǎn)成小寫。
8、setData()方法
setData()方法,更新頁面中數(shù)據(jù)。頁面數(shù)據(jù)更新后,調(diào)用setData()方法重新渲染到頁面。
wx:for指令用于循環(huán)數(shù)組數(shù)據(jù),生成組件。
循環(huán)出來的每一項通過item返回,每一項對應(yīng)的索引,通過index返回。
wx:key="",設(shè)置每一項唯一的標(biāo)識。循環(huán)列表時,添加wx:key的好處是,將來列表發(fā)生變化時重新渲染列表的損耗為更低。
條件渲染可以使用wx:if或hidden。
一般來說,wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。因此,如果需要頻繁切換的情景下,用 hidden 更好,如果在運行時條件不大可能改變則 wx:if 較好。
wx:if用于條件渲染:條件為真生成里面的內(nèi)容,條件為假不會生成里面的內(nèi)容。(每次重新生成內(nèi)容)
也可以用wx:elif 和 wx:else 來添加一個 else 塊。
hidden用于條件渲染:條件為真隱藏里面的內(nèi)容,條件為假顯示里面的內(nèi)容。(每次切換樣式)
在app.json文件中添加tabBar節(jié)點。tabBar是小程序客戶端底部或頂部tab欄的實現(xiàn)。
color:tab上的文字默認(rèn)顏色,僅支持十六進制顏色。
selectedColor:tab上的文字選中時的顏色,僅支持十六進制顏色。
backgroundColor:tab的背景色,僅支持十六進制顏色。
borderStyle:tabbar上邊框的顏色, 僅支持 black / white。
position:tabBar的位置,默認(rèn)值是: bottom,僅支持 bottom / top。當(dāng) position 為 top 時,不顯示 icon。
custom:自定義tabBar。
(2)list
list:tab的列表。
list 接受一個數(shù)組,只能配置最少 2 個、最多 5 個 tab。
pagePath:頁面路徑,必須在pages 中先定義。
text:tab 上按鈕文字。
iconPath:圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網(wǎng)絡(luò)圖片。selectedIconPath:選中時的圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網(wǎng)絡(luò)圖片。
(1)跳轉(zhuǎn)普通頁面
方法① navigator組件
方法② navigateTo()方法
navigateTo()方法,用于跳轉(zhuǎn)普通頁面。
(2)跳轉(zhuǎn)tabBar頁面
方法① navigator組件
如果要使用navigator組件跳轉(zhuǎn)tabBar頁面,需要設(shè)置open-type="switchTab"。
方法② switchTab()方法
switchTab()方法,用于跳轉(zhuǎn)tabBar頁面。
title:提示的標(biāo)題
content:提示的內(nèi)容
success:接口調(diào)用成功的回調(diào)函數(shù)。回調(diào)函數(shù)中的confirm屬性返回true,表示點擊的是確定按鈕,否則是取消按鈕。
title:提示的內(nèi)容
icon:圖標(biāo)
duration:消息提示框的顯示時間
mask:是否顯示透明蒙層,防止觸摸穿透
模塊化語法有兩種:① commonjs規(guī)范,② es6規(guī)范。
nodejs環(huán)境采用的就是commonjs規(guī)范。采用exports 或 module.exports 導(dǎo)出成員,采用require() 導(dǎo)入成員。
微信小程序支持commonjs規(guī)范,同時還支持官方的ES6規(guī)范。ES6規(guī)范采用export 導(dǎo)出成員,采用import 導(dǎo)入成員。
將封裝的方法放到util目錄下的js文件中??梢孕陆╦s文件,也可以寫在直接util.js文件中。
(1)確認(rèn)框方法
定義確認(rèn)框方法,并導(dǎo)出
(2)消息框方法
定義消息框方法,并導(dǎo)出
(3)獲取事件參數(shù)的方法
import是ES6的導(dǎo)入語句。
wx對象是微信小程序的全局對象,在任何地方都可以使用。
(1) 注冊語句
(2) 在app.js入口文件中導(dǎo)入
注意: 注冊給wx對象的方法,需要在app.js文件中導(dǎo)入,才可使用。
(3) 調(diào)用方法
wx.方法名(參數(shù))
微信小程序開發(fā)者賬號的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關(guān)于微信小程序開發(fā)者賬號可以轉(zhuǎn)給他人嗎、微信小程序開發(fā)者賬號的信息別忘了在本站進行查找喔。