成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

勘探-微信小程序

blastz / 1658人閱讀

摘要：模塊化推薦文件具有多帶帶作用域可以抽離公共代碼或者對(duì)外暴露接口不支持絕對(duì)路徑以及路由在小程序中所有頁面的路由全部由框架進(jìn)行管理。

mini-program

勘探-微信小程序

注冊(cè)小程序賬號(hào)

前往官網(wǎng)注冊(cè)--流程簡(jiǎn)單，不贅述.

在網(wǎng)站的“設(shè)置”-“開發(fā)者設(shè)置”中,得到AppId

下載開發(fā)者工具

mac

window 32

windows 64

通過開發(fā)者工具創(chuàng)建小程序

文件結(jié)構(gòu)

小程序有全局的配置、樣式、邏輯也有每個(gè)頁面自己的配置、樣式、邏輯文件

app.json: 全局配置--(小程序公共設(shè)置)


app.js: 全局配置--(小程序邏輯)


app.wxss: 全局配置--(小程序公共樣式)


pages: 頁面數(shù)組--(小程序可多帶帶有自己的配置、樣式、邏輯文件，還有一個(gè)頁面結(jié)構(gòu)文件)
配置部分注意項(xiàng)~

配置部分相對(duì)簡(jiǎn)單，So 只列出如下注意點(diǎn)，順帶附上個(gè)人配置：

為了方便開發(fā)者減少配置項(xiàng)，我們規(guī)定描述頁面的這四個(gè)文件必須具有相同的路徑與文件名。


每增加一個(gè)頁面，必須在全局app.json文件pages參數(shù)下增加對(duì)應(yīng)路徑配置！


如果有菜單項(xiàng)，強(qiáng)制要求控制在2-5個(gè)！


如果配置菜單必須把小程序初始頁面配成菜單list其中一個(gè)，否則無法顯示菜單??！

邏輯層
函數(shù) 出現(xiàn)位置 可能值 說明
App() app.js 1. 小程序生命周期函數(shù)
2. 自定義函數(shù)
3. 數(shù)據(jù)		 1.其中自定義函數(shù)和數(shù)據(jù)為全局的
2.本文件內(nèi)通過this調(diào)用自定義函數(shù)和數(shù)據(jù)，其他文件需要getApp()或者實(shí)例后調(diào)用
Page() pages下的頁面內(nèi) 1. 初始數(shù)據(jù)
2.頁面生命周期函數(shù)
3.自定義函數(shù)
4.數(shù)據(jù)		 1. Page.prototype.route可以獲取當(dāng)前路由路徑
2.Page.prototype.setData()可更改數(shù)據(jù)，并相應(yīng)到視圖層，
直接修改this.data不會(huì)更新到頁面，且單次設(shè)置數(shù)據(jù)不能超過1024kb。
模塊化 1.module.exports(推薦) 2.exports 1. 文件具有多帶帶作用域
2.可以抽離公共代碼module.exports 或者 exports對(duì)外暴露接口
3.不支持絕對(duì)路徑以及node_modules
路由 在小程序中所有頁面的路由全部由框架進(jìn)行管理。
場(chǎng)景值 自行查看文檔
API 自行查看文檔
有興趣的話可以自行去了解一下 【前臺(tái)、后臺(tái)定義】以及【銷毀小程序的時(shí)機(jī)】

老規(guī)矩，剩下的列出需要注意的點(diǎn)：

App() 必須在 app.js 中注冊(cè)，且不能注冊(cè)多個(gè)。


不要在定義于 App() 內(nèi)的函數(shù)中調(diào)用 getApp() ，使用 this 就可以拿到 app 實(shí)例。


不要在 onLaunch 的時(shí)候調(diào)用 getCurrentPages()，此時(shí) page 還沒有生成。>


通過 getApp() 獲取實(shí)例之后，不要私自調(diào)用生命周期函數(shù)。
WXML
語法 說明 注意 eg
{{}} 1. 用于data對(duì)象下存在的字段 出現(xiàn)的位置
2. 支持簡(jiǎn)單計(jì)算及組合		 1. 關(guān)鍵字(需要在雙引號(hào)之內(nèi))
2. 花括號(hào)和引號(hào)之間如果有空格，將最終被解析成為字符串		 1. ，不加{{}}會(huì)當(dāng)成字符串false而判定為true
2. {{"hello" + name}}
wx:for 循環(huán)數(shù)組 默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為 index，數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為 item
block wx:for 渲染一個(gè)包含多節(jié)點(diǎn)的結(jié)構(gòu)塊。
wx:key 指定列表中項(xiàng)目的唯一的標(biāo)識(shí)符。
wx:if
wx:elif
wx:else
wx:if vs hidden		 1. 條件渲染
2. wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗		 1. True
block wx:if 方便整體控制
template 1. 定義代碼片段
2. name屬性定義模板名字
3. is屬性聲明需要的使用的模板并需要傳入data
4. 模板有自己的作用域，只能使用data傳入數(shù)據(jù)
import和include 1. import引用目前文件定義的模板
2. include可以將目標(biāo)文件除了