今天，成都創(chuàng)新互聯(lián)來給大家介紹提升代碼質(zhì)量問題的法寶，讓大家可以少走一點(diǎn)彎路：

一、 小程序開發(fā)工具介紹

1.小程序開發(fā)工具的下載地址

在正式開發(fā)之前需要安裝微信小程序的開發(fā)工具。

2.小程序開發(fā)工具的界面

下載完成后直接安裝。

與傳統(tǒng)的IDE界面布局風(fēng)格不同，菜單欄在左側(cè)的豎條，分為編輯、調(diào)試、和項(xiàng)目。編輯區(qū)可以對當(dāng)前項(xiàng)目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。

工具目前提供了5種文件類型的編輯：wxml、wxss、js、json以及圖片文件，擁有自動保存、自動補(bǔ)齊、實(shí)時預(yù)覽等功能。

二、 小程序的項(xiàng)目結(jié)構(gòu)介紹

1. 組成小程序項(xiàng)目的元素

再來說一下項(xiàng)目結(jié)構(gòu)，整個項(xiàng)目由以幾部分組成：

app.js 主要是全局公共的js方法聲明及調(diào)用所在的文件，是小程序的腳本代碼。我們可以在這個文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。程序從“骨架”成為“血肉之軀”的正是js的作用。js做一些動態(tài)的東西，比如請求數(shù)據(jù)，控制元素上下移動，判斷用戶輸入密碼是否安全等等。

app.json 是是對整個小程序的全局配置。所有的頁面都要在此注冊，不然不允許訪問。我們可以在這個文件中配置小程序是由哪些頁面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。

app.wxss 是小程序全局的css文件，是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。

pages下是對應(yīng)著所有頁面，每個頁面可以添加以上三種類型的文件。另外還有wxml類型文件。wxml是一種類xml的結(jié)構(gòu)化文本，描述了小程序頁面有哪些元素，比如一個文章需要有標(biāo)題、作者、時間、正文，但是不關(guān)心這些元素怎么排列。

utils 是我們公共的js存放的地方，因?yàn)槲⑿判〕绦蛞?，每個js文件里的方法不可以直接引用或調(diào)用，必須要用 module.exports方法導(dǎo)出，這樣pages 下的.js文件才可以調(diào)用到我們在這里寫的js方法。

attachment下存放的是圖片等資源文件（單個不大于1M）。

2. 如何編寫js文件？

那么以上語法規(guī)則最復(fù)雜的就是js文件，下面我們重點(diǎn)了解一下js文件。

2.1 app.js文件

app.js是整個小程序的入口文件，也是控制整個小程序生命周期的文件。App.js用App()來實(shí)現(xiàn)對整個程序的注冊，同時App()里面還實(shí)現(xiàn)了對小程序生命周期的監(jiān)控函數(shù)：

當(dāng)用戶點(diǎn)擊左上角關(guān)閉，或者按了設(shè)備 Home 鍵離開微信，小程序并沒有直接銷毀，而是進(jìn)入了后臺;當(dāng)再次進(jìn)入微信或再次打開小程序，又會從后臺進(jìn)入前臺。只有當(dāng)小程序進(jìn)入后臺一定時間，或者系統(tǒng)資源占用過高，才會被真正的銷毀。簡單地說，前臺就是你在操作小程序時;后臺就是你離開了小程序，去打開其他手機(jī)服務(wù)時，這時小程序就隱藏到后臺。

2.2 index.js文件

小程序中每一個頁面可以放在一個文件夾中，這個文件夾中一般包括4個文件：.js, .json, .wxml, .wxss。官方建議這四個文件的名字最好和文件夾的名字一致，這樣便于框架自動查找。

每個頁面都需要注冊，index.js用Page()這個函數(shù)來注冊一個頁面，它接受一個object參數(shù)，用這個參數(shù)來指定頁面的初始數(shù)據(jù)，生命周期函數(shù)，事件處理函數(shù)。

希望能夠?qū)δ阌幸恍椭丁?/p>

網(wǎng)頁名稱：微信小程序開發(fā)時，如何做可以少走彎路
文章源于：http://aaarwkj.com/news/174118.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有小程序開發(fā)、微信小程序等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)