今天看了幾個小時的微信小程序說說心得體會
小程序是個前端框架
根據微信相關提供了很多接口
1 先說說各種后綴的文件
.json 后綴的 JSON 配置文件
.wxml 后綴的 WXML 模板文件
.wxss 后綴的 WXSS 樣式文件
.js 后綴的 JS 腳本邏輯文件
2 JSON 配置
app.json 和 project.config.json，此外在 pages/logs 目錄下還有一個 logs.json
項目比較重要的JSON文件
app.json 是當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等.
page.json 其實用來表示 pages/logs 目錄下的 logs.json 這類和小程序頁面相關的配置。
project.config.json通常大家在使用一個工具的時候，都會針對各自喜好做一些個性化配置，例如界面顏色、編譯配置等等，當你換了另外一台電腦重新安裝工具的時候，你還要重新配置
3 數據綁定
WXML 是這么寫 :
<text>{{msg}}</text> JS 只需要管理狀態即可:
this.setData({msg: 'Hello World'}) 通過 {{ }} 的語法把一個變量綁定到界面上，我們稱為數據綁定
4 模板
WXML 模板
從事過網頁編程的人知道，網頁編程采用的是 HTML + CSS + JS 這樣的組合，其中 HTML 是用來描述當前這個頁面的結構，CSS 用來描述頁面的樣子，JS 通常是用來處理這個頁面和用戶的交互。
同樣道理，在小程序中也有同樣的角色，其中 WXML 充當的就是類似 HTML 的角色。打開 pages/index/index.wxml，你會看到以下的內容:
<view class="container"> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}">獲取頭像昵稱</button> <block wx:else> <image src="{{userInfo.avatarUrl}}" background-size="cover"></image> <text class="userinfo-nickname">{{userInfo.nickName}}</text> </block> </view> <view class="usermotto"> <text class="user-motto">{{motto}}</text> </view> </view>
模板中有專門的模板使用語法