本質(zhì)上來說驹暑,我們更希望在智能手機(jī)里用戶可以更快捷的獲取服務(wù),但是他的體驗(yàn)又比網(wǎng)站要好很多很多,同時(shí)他的麻煩程度又比他去下載一個(gè)APP要好很多很多,它不像下載一個(gè)APP那么麻煩坎匿,這個(gè)就是小程序的定位。
<strong>小程序的本質(zhì)就是讓用戶更便捷的使用雷激,達(dá)到即搜即用的目的替蔬,同時(shí)又比傳統(tǒng)網(wǎng)站有更好的體驗(yàn)。本系列博客主要不是來介紹小程序的市場價(jià)值屎暇,僅僅在代碼層面去講解小程序承桥。</strong>
Let's Go
-
第一步獲取<strong> AppID </strong>。當(dāng)然根悼,假如你不去獲取凶异,也可以繼續(xù)接下來要做的事情。但是番挺,當(dāng)涉及到<strong> openid </strong>等需要獲取用戶權(quán)限的操作時(shí),你的開發(fā)是不能繼續(xù)的屯掖。
- 快速生成項(xiàng)目之后玄柏,我們看一下目錄結(jié)構(gòu)。
基本的文件結(jié)構(gòu)是由.js
,.json
,.wxss
,.wxml
組成贴铜。.js
文件是核心腳本文件粪摘,.json
是配置文件瀑晒,可配置例如應(yīng)用頂部文字以及背景顏色等等內(nèi)容,.wxss
是樣式文件徘意,這個(gè)文件可以完全類比于.css
苔悦,而.wxml
則可以完全類比于.html
,只是在小程序開發(fā)層面不存在例如<head></head>
<body></body>
等標(biāo)簽椎咧,其實(shí)小程序還是基于<strong> webview </strong>的玖详,所以這些HTML
必要元素其實(shí)還是存在的,只是小程序是按頁面加載渲染的勤讽,所以它會(huì)直接將每個(gè)頁面直接嵌入HTML
文檔中蟋座。
文件目錄中比較特殊的是最外層的app.js
,app.json
,app.wxss
,其實(shí)這個(gè)可以看做小程序全局變量和全局配置。app.js
中與其他頁面中.js
文件的區(qū)別主要在于可以定義全局變量脚牍,在其他頁面的腳本文件中可以通過let app = getApp()
這個(gè)方法去獲得這個(gè)實(shí)例向臀。app.json
這個(gè)文件與其他頁面的配置文件的具體區(qū)別主要在兩點(diǎn),一是所有在小程序中出現(xiàn)的頁面必須通過app.json
去注冊诸狭,對應(yīng)的注冊屬性為pages
,是一個(gè)數(shù)組券膀;二是小程序底部的<strong> tabBar </strong>也是通過該文件去配置,<strong> tabBar </strong>的位置可以在小程序頂部或者是底部驯遇,區(qū)別在于在頂部時(shí)無法使用icon
芹彬。app.wxss
這個(gè)文件與其他不同的是,它是用來設(shè)置全局樣式的妹懒,當(dāng)其他頁面使用相同選擇器并重寫樣式時(shí)雀监,那些樣式會(huì)覆蓋app.wxss
中的全局樣式。
關(guān)于小程序具體的開發(fā)以及<strong> API </strong>的使用會(huì)在后續(xù)著重介紹眨唬。