要說現(xiàn)在哪門技術(shù)比較火熱,肯定有不少人能想到微信小程序,確實微信用戶的體量太大了,所以想要的衍生產(chǎn)品小程序日活也是非常高的,很多公司都會開發(fā)屬于自己的微信小程序,對于這方面的人才需要量可不小,不過微信小程序開發(fā)并不難學(xué),今天就為你介紹微信小程序開發(fā)要學(xué)什么(學(xué)微信小程序開發(fā)難嗎)
1.微信小程序?qū)W習(xí)內(nèi)容
從事過網(wǎng)頁編程的人知道,網(wǎng)頁編程采用的是 HTML + CSS + JS 這樣的組合,其中 HTML 是用來描述當(dāng)前這個頁面的結(jié)構(gòu),CSS 用來描述頁面的樣子,JS 通常是用來處理這個頁面和用戶的交互。
WXML語言
標(biāo)簽名字有點不一樣,往往寫 HTML 的時候,經(jīng)常會用到的標(biāo)簽是 div, p, span,開發(fā)者在寫一個頁面的時候可以根據(jù)這些基礎(chǔ)的標(biāo)簽組合出不一樣的組件,例如日歷、彈窗等等。上面說了,類似于 Html語言,WXML(WeiXin Markup Language)是框架設(shè)計的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)同樣道理,在小程序中也有同樣的角色,其中 WXML 充當(dāng)?shù)木褪穷愃?HTML 的角色。打開 pages/index/index.wxml,你會看到以下的內(nèi)容:多了一些 wx:if 這樣的屬性以及 {{ }} 這樣的表達式
WXSS 樣式
WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴充和修改。新增了尺寸單位。在寫 CSS 樣式時,開發(fā)者需要考慮到手機設(shè)備的屏幕會有不同的寬度和設(shè)備像素比,采用一些技巧來換算一些像素單位。提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同,你可以寫一個 app.wxss 作為全局樣式,會作用于當(dāng)前小程序的所有頁面,局部頁面樣式 page.wxss 僅對當(dāng)前頁面生效。此外 WXSS 僅支持部分 CSS 選擇器
JS 邏輯交互
一個服務(wù)僅僅只有界面展示是不夠的,還需要和用戶做交互:響應(yīng)用戶的點擊、獲取用戶的位置等等。在小程序里邊,我們就通過編寫 JS 腳本文件來處理用戶的操作。
微信小程序組件的使用
框架為開發(fā)者提供了一系列基礎(chǔ)組件,開發(fā)者可以通過組合這些基礎(chǔ)組件進行快速開發(fā)
2.微信小程序不難學(xué)
微信框架提供豐富的微信原生API,可以方便的調(diào)起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等,wx.on 開頭的 API 是監(jiān)聽某個事件發(fā)生的API接口,接受一個 CALLBACK 函數(shù)作為參數(shù)。當(dāng)該事件觸發(fā)時,會調(diào)用 CALLBACK 函數(shù)。要掌握好小程序開發(fā)技術(shù),必須學(xué)習(xí)這幾個知識模塊,這幾個知識模塊是我們認(rèn)真梳理出來的,新手可以按照以下知識模塊有條理的學(xué),相信會很快學(xué)好!
以上就是對于微信小程序的介紹,如果你能夠選擇系統(tǒng)的學(xué)習(xí),其效率會得到更大的提升,對于有一定基礎(chǔ)的人來說能夠在較短的時間掌握,就算沒有基礎(chǔ)也能經(jīng)過一定時間的學(xué)習(xí)掌握。