2019-03-15

申請小程序賬號

小程序注冊分個人和企業(yè),區(qū)別是:個人的賬號發(fā)布上線受限,比如有直播,支付等功能的不支持上線。所以開發(fā)前,應(yīng)該先調(diào)查清楚自己所開發(fā)的小程序需要什么資質(zhì)和證書。

下載微信開發(fā)者工具

快捷鍵

快速打開文件:ctrl+p;
最近打開過的文件:ctrl+e;

登錄小程序賬號后臺獲取appid

小程序基本結(jié)構(gòu)

image.png

良好的結(jié)構(gòu)(組件式編程)

image.png

組件

組件不能直接在頁面中使用,需要在頁面的json文件中引用,引用代碼如下

"usingComponents":{
    "v-like":"/components/like/index",
    "v-movie":"/components/classic/movie/index"
  }

組件名字可以自定義,與組件的文件名不關(guān)聯(lián),團(tuán)隊最好有自己的命名規(guī)則,路徑一般取相對路徑

設(shè)置全局樣式

在app.wxss中可設(shè)置全局樣式,小程序在頁面中最外層自動添加了<page></page>標(biāo)簽,所以我們只要將樣式寫在page中,即可實現(xiàn)全局設(shè)置,不是所有的樣式都可以被組件繼承的,小程序規(guī)定,只有font,color可以被組件繼承,但page頁面幾乎可以繼承所有樣式

page{
  font-size:"32rpx";
  color:"#fff";
}

點擊事件

綁定點擊事件,有兩種選擇bind:tap,或者catch:tap,兩者之間的區(qū)別
區(qū)別:bind事件綁定不會阻止冒泡事件向上冒泡,catch事件綁定可以阻止冒泡事件向上冒泡

組件的封裝性,開放性以及組件的粒度

封裝在內(nèi)部,開放出來的,粒度指組件功能的大小
組件除了實現(xiàn)可復(fù)用之外,還可以實現(xiàn)代碼的分離,將復(fù)雜的頁面拆分成多個低耦合的模塊,有助于代碼的維護(hù)

接口請求

小程序只可以跟指定的域名進(jìn)行網(wǎng)絡(luò)通訊,所以需要在小程序后臺-設(shè)置-開發(fā)設(shè)置,服務(wù)器設(shè)置中進(jìn)行配置,域名只支持https和wss,域名必須經(jīng)過icp備案

關(guān)于封裝請求

1.在js6中,所有的js文件都是一個模塊。這個模塊中的任何一個變量對于其他文件都是不可見的,除非手動輸出這個變量,使用export{ fun1,fun2 }這個關(guān)鍵字來實現(xiàn),這樣在其他模塊這個變量就可以被導(dǎo)入使用,使用import { } from ' '來實現(xiàn)模塊的導(dǎo)入

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

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

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