2022-08-03 分類: 小程序開發(fā)
如何讓成都小程序開發(fā)少走一點彎路?以下有幾種提升代碼質量問題的法寶:
一、 小程序開發(fā)工具介紹
1.小程序開發(fā)工具的下載地址
在正式開發(fā)之前需要安裝微信小程序的開發(fā)工具。
2.小程序開發(fā)工具的界面
下載完成后直接安裝。
與傳統(tǒng)的IDE界面布局風格不同,菜單欄在左側的豎條,分為編輯、調試、和項目。編輯區(qū)可以對當前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作。
工具目前提供了5種文件類型的編輯:wxml、wxss、js、json以及圖片文件,擁有自動保存、自動補齊、實時預覽等功能。
二、 小程序的項目結構介紹
1. 組成小程序項目的元素
再來說一下項目結構,整個項目由以幾部分組成:
app.js 主要是全局公共的js方法聲明及調用所在的文件,是小程序的腳本代碼。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。程序從“骨架”成為“血肉之軀”的正是js的作用。js做一些動態(tài)的東西,比如請求數(shù)據(jù),控制元素上下移動,判斷用戶輸入密碼是否安全等等。
app.json 是是對整個小程序的全局配置。所有的頁面都要在此注冊,不然不允許訪問。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口背景色,配置導航條樣式,配置默認標題。
app.wxss 是小程序全局的css文件,是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。
pages下是對應著所有頁面,每個頁面可以添加以上三種類型的文件。另外還有wxml類型文件。wxml是一種類xml的結構化文本,描述了小程序頁面有哪些元素,比如一個文章需要有標題、作者、時間、正文,但是不關心這些元素怎么排列。
utils 是我們公共的js存放的地方,因為微信小程序要求,每個js文件里的方法不可以直接引用或調用,必須要用 module.exports方法導出,這樣pages 下的.js文件才可以調用到我們在這里寫的js方法。
attachment下存放的是圖片等資源文件(單個不大于1M)。
2. 如何編寫js文件?
那么以上語法規(guī)則最復雜的就是js文件,下面我們重點了解一下js文件。
2.1 app.js文件
app.js是整個小程序的入口文件,也是控制整個小程序生命周期的文件。App.js用App()來實現(xiàn)對整個程序的注冊,同時App()里面還實現(xiàn)了對小程序生命周期的監(jiān)控函數(shù):
當用戶點擊左上角關閉,或者按了設備 Home 鍵離開微信,小程序并沒有直接銷毀,而是進入了后臺;當再次進入微信或再次打開小程序,又會從后臺進入前臺。只有當小程序進入后臺一定時間,或者系統(tǒng)資源占用過高,才會被真正的銷毀。簡單地說,前臺就是你在操作小程序時;后臺就是你離開了小程序,去打開其他手機服務時,這時小程序就隱藏到后臺。
2.2 index.js文件
小程序中每一個頁面可以放在一個文件夾中,這個文件夾中一般包括4個文件:.js, .json, .wxml, .wxss。官方建議這四個文件的名字最好和文件夾的名字一致,這樣便于框架自動查找。
每個頁面都需要注冊,index.js用Page()這個函數(shù)來注冊一個頁面,它接受一個object參數(shù),用這個參數(shù)來指定頁面的初始數(shù)據(jù),生命周期函數(shù),事件處理函數(shù)。
如果您還有想了解的,或者需要成都小程序開發(fā),可以找成都創(chuàng)新互聯(lián)。我們擁有專業(yè)的建設開發(fā)團隊和豐富的成都小程序開發(fā)經驗,我們可以給您提供最盡心的幫助。
網頁名稱:如何讓成都小程序開發(fā)少走彎路?
分享網址:http://m.rwnh.cn/news11/184711.html
網站建設、網絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有小程序開發(fā)等
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容