js編輯小程序（小程序編輯器）

本文目錄一覽：

• 1、怎樣用js開發微信小程序
• 2、如何開發小程序？
• 3、運用JS 寫一個小程序
• 4、如何製作微信小程序 怎樣製作微信小程序
• 5、WeChat小程序基礎篇-js事件

怎樣用js開發微信小程序

微信小程序之js

如果你想開發一款微信小程序學會微信小程序的js是必須要精通的，只要你html+css+js的基礎打的好在來全力的學習微信小程序js，之後在前端開發上就沒有什麼問題了，但是微信js是需要花精力去學習的，可以買一本參考書或者了解下微信小程序的api都是可以快速的幫助你介入開發的隊列。

如何開發小程序？

微信版本升級後，打開微信，點擊底部的「發現」這個菜單項，就會發現升級後的「發現」菜單里，增加了「小程序」這樣一個功能。

2.點擊打開小程序後，可以看到有附近的小程序和我的小程序，附近的小程序是所在定位周邊的小程序。

下面的小程序列表可以看到的是我們之前打開過的一些小程序，如果有自己覺得很好用的小程序就可以點擊左上角，添加到我的小程序裡面。

3.微信小程序還有具有搜索功能，打開搜索頁面可以輸入想要找的小程序。

運用JS 寫一個小程序

/**

*    var price;   //商品單價

*    var num;     //商品數量

*    var receive; //收款金額

*/

function cashier(price, num, receive){

    var sum;     //商品總額

    var out;     //應找金額

    if((price*num)500){

        sum=price*num*0.8

    }

    if(receivesum){

        out=”金額不足”;

    }else{

        out=receive-sum;

    }

    return “商品總額：”+sum+” 收款金額：”+receive+” 應找金額：”+out;

}

如何製作微信小程序 怎樣製作微信小程序

1、微信小程序的製作有自己開發和使用網站一鍵生成兩種方式，自己開發難度較大，需要一定的編程基礎。

2、申請註冊微信小程序賬號後記住appid，了解app.js、app.json、app.wxss等文件功能，編輯好小程序後提交審核。

3、一鍵生成小程序比較簡單，進入網站後，選擇想要的模板，進行相應修改即可。

WeChat小程序基礎篇-js事件

js負責頁面與用戶的交互，動態修改頁面的內容。使用js腳本來處理用戶的操作。

操作解釋: 點擊button按鈕(點我),修改界面的msg顯示為”BeiJing佩奇”

綁定事件: bindtap定義了”點擊事件”

j s 函數: Page({定義函數對應bindtap})

例如開頭示例一樣，組件綁定事件，js編寫事件函數。

這裡大概介紹下log列印的內容

☞ 小生不才，附上 博客地址 ☜

事件分為冒泡事件和非冒泡事件

1.冒泡事件:當一個組件被觸發後，該事件以此向父節點傳遞。

2.非冒泡事件:當一個組件觸發後，該事件不會向父節點傳遞。

解釋：當點擊子節點時，會依次觸發”bind事件2，bind事件1″

解釋：當點擊子節點時，只觸發”bind事件2″，而沒有觸發”bind事件1″

自基礎班1.5.0起，觸摸類事件支持捕獲階段。捕獲階段位於冒泡階段之前。事件到達節點的順序與冒泡相反。捕獲事件採用的關鍵字為capture-bind、capture-catch，當然catch還是中斷，取消冒泡階段。

1. 示例1，執行順序為hand2,hand4,hand3,hand1

2. 示例2，加入capture-catch捕獲事件，只執行hand2