微信小程式入門

此處省略安裝過程（網上很多 可直接），直接寫筆記了

開發小程式可以將iphone6作為視覺稿的標準。

wxs是指令碼語言，結合wxml構建頁面的結構，同時它並不依賴基礎庫版本，可以在所有版本的小程式上執行，它與js不同，並且執行環境與js是隔離的，wxs不能呼叫js中的函式或方法，也不能呼叫小程式提供的api。並且不能作為元件的事件**。

由於執行環境的差異，在ios裝置上，小程式內的wxs會比js**快2-20倍，android上沒有差異。

}

var msg = "hello world";
module.exports.message =msg;

wxs模組，每個模組都有自己獨立的作用域，乙個模組要想對外暴露其內部的私有變數與函式只能通過module.exports實現。每個wxs模組均有乙個內建的module物件。

// /pages/tools.wxs

var foo = "'hello world' from tools.wxs";
var bar = function (d) 
module.exports = ;
module.exports.msg = "some msg";

} }

頁面輸出：

some msg

'hello world' from tools.wxs

在.wxs模組中、wxml檔案中引入模組：引用其他wxs檔案模組，可以使用require函式。

// /pages/logic.wxs

var tools = require("./tools.wxs");

module屬性是標籤的模組名，module名不要重複（重複會被覆蓋），不同的wxs檔案的module名字無影響

module 屬性值的命名規則：

src屬性用於引用時候使用。

模組只能在定義模組的 wxml 檔案中被訪問到。使用或時，模組不會被引入到對應的 wxml 檔案中。

標籤中，只能使用定義該的 wxml 檔案中定義的模組。

開發過程中遇到乙個小問題：

不能使用本地的，只能用網路或者base64格式，base64往往會出現一大串，放在wxss中特別不好看，於是可以新建乙個js檔案，專門用來存放這些base64格式的，新增好備註，不要弄亂：

const iconpath = 
module.exports = iconpath;

然後index.js引入這個js檔案,onload方法中將iconpath載入到data中：

// pages/.../index.js

const iconlist = require('../utils/iconpath.js');
page(,
/*** 生命週期函式--監聽頁面載入
*/onload: function (options) );
},... 
})

this.data.iconpath就是有值的了；頁面直接取值：

...

先寫這麼多吧 後續再加~

微信小程式入門

標籤 view text 語法 條件渲染 view view else view 列表渲染 for wx key view for wx for item myitem wx for index myindex text 模板template 定義 template name temp view t...

微信小程式入門

pages 存放頁面的目錄 utils 存放自定義util工具的目錄 project.config.json 專案配置檔案 sitemap.json關於本檔案的更多資訊，請參考文件 專案中檔案，保留project.config.json 和 sitemap.json即可，其他的都可以刪除然後自行建立...

微信小程式實戰入門

一 簡介 參考 二 工程 參考 quickstart basic file.html 工具設計介面可調整機型 顯示百分比 資料連線方式。三 發布 個人上線了乙個木材材積計算器 兩天做的，有web前後端經驗很容易入手，有增加 共計 記錄功能 審核很快，一天審核結束 後來發現已經之前有公司做了，尷尬，而...