微信小程式的目錄結構解剖

2022-07-28 01:39:11 字數 787 閱讀 1896

.js字尾檔案就是我們寫的普通的js檔案

.json字尾檔案就是小程式的配置檔案,比如:windows的樣式,頁面的渲染檔案順序,tabs導航的配置

當然,初始化的例項當中沒有給出tabs配置,其實就跟window的格式一樣

.wxss字尾檔案就是我們寫的css檔案

.wxml字尾檔案就相當於我們的html檔案,裡面的view標籤就看做是div , text標籤就看做是p

所有的頁面都在pages資料夾當中,每個頁面都有乙個單獨的檔案,這個檔案裡就包括了.js .wxss .wxml 或者 .json檔案

utils資料夾中,你可以放一些common函式,常用的變數等,需要的時候通過import來取得

注意事項:

1.整個小程式例項是mvc開發思想跟模式

2.布局用flexbox

(tips): 建議設計稿以iphone6尺寸做為視覺標準稿,因為這樣的話裝置寬度為750px比較容易計算出rpx單位,這樣一來,1px=1rpx;至於在不同的裝置上實際上要換算成多少個rem就交給小程式自己換算了

4.學習一些基本的es6語法(比如:import(引入)  export(輸出)  箭頭函式等等)

總結幾點:需要學習下彈性盒子布局,es6基礎語法,然後根據上訴所說,就可以開始小程式的程式設計之旅啦!

微信小程式之目錄結構

小程式,功能不會太多,頁面不會太多。正常情況下,會包含首頁,分類頁面,個人中心頁面,導航頁面,其他頁面等等。我們首先要把頁面結構布置好,把架子搭建好。剩下的就是配置一些內容,小程式的基本資訊,介面位址等等。看看上面的目錄結構,很清晰。包括common,通用的功能資料夾。包括config配置檔案,一些...

微信小程式目錄結構介紹

1 專案路徑下的檔案 project.config.json 在每個專案的根目錄都會生成乙個 project.config.json,你在工具上做的任何配置都會寫入到這個檔案,當你重新安裝工具或者換電腦工作時,你只要載入同乙個專案的 包,開發者工具就自動會幫你恢復到當時你開發專案時的個性化配置,其中...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...