摘要:模塊化推薦文件具有多帶帶作用域可以抽離公共代碼或者對外暴露接口不支持絕對路徑以及路由在小程序中所有頁面的路由全部由框架進行管理。
mini-program
勘探-微信小程序
注冊小程序賬號前往官網注冊--流程簡單,不贅述.
在網站的“設置”-“開發(fā)者設置”中,得到AppId
下載開發(fā)者工具mac
window 32
windows 64
通過開發(fā)者工具創(chuàng)建小程序 文件結構小程序有全局的配置、樣式、邏輯也有每個頁面自己的配置、樣式、邏輯文件
配置部分注意項~app.json: 全局配置--(小程序公共設置)
app.js: 全局配置--(小程序邏輯)
app.wxss: 全局配置--(小程序公共樣式)
pages: 頁面數(shù)組--(小程序可多帶帶有自己的配置、樣式、邏輯文件,還有一個頁面結構文件)
配置部分相對簡單,So 只列出如下注意點,順帶附上個人配置:
邏輯層為了方便開發(fā)者減少配置項,我們規(guī)定描述頁面的這四個文件必須具有相同的路徑與文件名。
每增加一個頁面,必須在全局app.json文件pages參數(shù)下增加對應路徑配置!
如果有菜單項,強制要求控制在2-5個!
如果配置菜單必須把小程序初始頁面配成菜單list其中一個,否則無法顯示菜單!!
函數(shù) | 出現(xiàn)位置 | 可能值 | 說明 |
---|---|---|---|
App() | app.js | 1. 小程序生命周期函數(shù) 2. 自定義函數(shù) 3. 數(shù)據(jù) |
1.其中自定義函數(shù)和數(shù)據(jù)為全局的 2.本文件內通過this調用自定義函數(shù)和數(shù)據(jù),其他文件需要getApp()或者實例后調用 |
Page() | pages下的頁面內 | 1. 初始數(shù)據(jù) 2.頁面生命周期函數(shù) 3.自定義函數(shù) 4.數(shù)據(jù) |
1. Page.prototype.route可以獲取當前路由路徑 2.Page.prototype.setData()可更改數(shù)據(jù),并相應到視圖層, 直接修改this.data不會更新到頁面,且單次設置數(shù)據(jù)不能超過1024kb。 |
模塊化 | 1.module.exports(推薦) 2.exports | 1. 文件具有多帶帶作用域 2.可以抽離公共代碼module.exports 或者 exports對外暴露接口 3.不支持絕對路徑以及node_modules |
|
路由 | 在小程序中所有頁面的路由全部由框架進行管理。 | ||
場景值 | 自行查看文檔 | ||
API | 自行查看文檔 |
老規(guī)矩,剩下的列出需要注意的點:
WXMLApp() 必須在 app.js 中注冊,且不能注冊多個。
不要在定義于 App() 內的函數(shù)中調用 getApp() ,使用 this 就可以拿到 app 實例。
不要在 onLaunch 的時候調用 getCurrentPages(),此時 page 還沒有生成。>
通過 getApp() 獲取實例之后,不要私自調用生命周期函數(shù)。
語法 | 說明 | 注意 | eg |
---|---|---|---|
{{}} | 1. 用于data對象下存在的字段 出現(xiàn)的位置 2. 支持簡單計算及組合 |
1. 關鍵字(需要在雙引號之內) 2. 花括號和引號之間如果有空格,將最終被解析成為字符串 |
1. 2. |
wx:for | 循環(huán)數(shù)組 | 默認數(shù)組的當前項的下標變量名默認為 index,數(shù)組當前項的變量名默認為 item | |
block wx:for | 渲染一個包含多節(jié)點的結構塊。 | ||
wx:key | 指定列表中項目的唯一的標識符。 | ||
wx:if wx:elif wx:else wx:if vs hidden |
1. 條件渲染 2. wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗 |
1. |
|
block wx:if | 方便整體控制 | ||
template | 1. 定義代碼片段 2. name屬性定義模板名字 3. is屬性聲明需要的使用的模板并需要傳入data 4. 模板有自己的作用域,只能使用data傳入數(shù)據(jù) |
||
import和include | 1. import引用目前文件定義的模板 2. include可以將目標文件除了的整個代碼引入,相當于是拷貝到include位置 |
1. import 有作用域的概念,即只會 import 目標文件中定義的 template,而不會 import 目標文件 import 的 template。 | |
事件 | 1. touchstart、touchmove、touchcancel、touchend、、taplongtap 2. 如無特殊說明,當組件觸發(fā)事件時,邏輯層綁定該事件的處理函數(shù)會收到一個事件對象。(說白了,就是綁定事件js位置會帶一個對象,其中包括很多屬性) |
bind事件綁定不會阻止冒泡事件向上冒泡,catch事件綁定可以阻止冒泡事件向上冒泡。 |
bindtap catchtouchstart |
覺得還不錯就點個贊吧~
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/87264.html
摘要:微信小程序應用號開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發(fā)文檔小程序設計指南工具小程序開發(fā)者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發(fā)框架轉在線工具小程序云端增強社區(qū)微信小程序 微信(小程序or應用號)開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個微信小程序開始 小程序開發(fā)文檔 小程序設計指南 工具 小程序開發(fā)者...
摘要:微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源,方便查閱和學習,歡迎大家提交新的資源,完善和補充。 wechat-weapp-resource 微信應用號(小程序)資源匯總。 每天不定期整理和收集微信小程序相關資源,方便查閱和學習,歡迎大家提交新的資源,完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...
閱讀 3916·2021-11-16 11:44
閱讀 3116·2021-11-12 10:36
閱讀 3373·2021-10-08 10:04
閱讀 1257·2021-09-03 10:29
閱讀 391·2019-08-30 13:50
閱讀 2605·2019-08-29 17:14
閱讀 1735·2019-08-29 15:32
閱讀 1081·2019-08-29 11:27