project.config.json 專案設定文件,用得最多的就是設定是否開啟https校驗;
App.js 設定一些全域的基礎資料等;
App.json 底部tab, 標題列與路由等設定;
App.wxss 公共樣式,引入iconfont等;
pages 裡麵包含一個個具體的頁面;
index.json (配置目前頁面標題和引入元件等);
index.wxml (頁面結構);
index.wxss (頁面樣式表);
index.js (頁面的邏輯,請求與資料處理等);
都是用來描述頁面的樣子;
WXSS 具有CSS 大部分的特性,也做了一些擴充和修改;
WXSS新增了尺寸單位,WXSS 在底層支援新的尺寸單位rpx;
WXSS 僅支援部分CSS 選擇器;
WXSS 提供全域樣式與局部樣式
在根目錄下建立utils目錄及api.js檔案與apiConfig.js檔案;
在apiConfig.js 封裝基礎的get , post 和put,upload等請求方法,設定請求體,帶上token和異常處理等;
在api中引入apiConfig.js封裝好的請求方法,根據頁面數據請求的urls, 設定對應的方法並匯出;
小程式除了擁有公眾號的低開發成本、獲客成本低以及無需下載等優勢,在服務請求延時與用戶使用體驗是都得到了較大幅度的提升,使得其能夠承載跟隨複雜的服務功能以及使用戶獲得更好的用戶體驗。
微信小程式採用JavaScript、WXML、WXSS三種技術進行開發,從技術講和現有的前端開發差不多,但深入挖掘的話卻又有所不同。
JavaScript:首先JavaScript的程式碼是運行在微信App中的,並不是運行在瀏覽器中,因此一些H5技術的應用,需要微信App提供對應的API支持,而這限制住了H5技術的應用,且其不能稱為嚴格的H5,可以稱其為偽H5,同理,微信提供的獨有的某些API,H5也不支持或支持的不是特別好。
WXML:WXML微信自己是基於XML語法開發的,因此在開發時,只能使用微信提供的現有標籤,HTML的標籤是無法使用的。
WXSS:WXSS具有CSS的大部分特性,但並不是所有的都支持,而且支持哪些,不支持哪些並沒有詳細的文檔。
微信的架構,是資料驅動的架構模式,它的UI和資料是分開的,所有的頁面更新,都需要透過資料的變更來實現。
小程式分為兩個部分webview和appService。其中webview主要用來展現UI,appService有來處理業務邏輯、資料及介面呼叫。它們在兩個進程中運行,透過系統層JSBridge實現通信,實現UI的渲染、事件的處理
小程序直接this.data的屬性是不可以同步到視圖的,必須呼叫:this
.setData({})
推薦教程:《微信小程式》
以上是微信小程式必知必會面試題的詳細內容。更多資訊請關注PHP中文網其他相關文章!