小程序的基本原生js使用,小程序和前端

本文目錄一覽：

• 1、微信小程序如何使用全局js
• 2、微信小程序是用什麼技術實現的？
• 3、WeChat小程序基礎篇-js事件
• 4、小程序js中如何引入組件

微信小程序如何使用全局js

1.要注意的是必須要用module.exports導出要調用屬性或方法；

2.使用的時候用var api = require(‘../../utils/api.js’); 加載代碼，然後使用api.SYNC_TABLE_URL 直接調用

3.調用方法也差不多。

微信小程序是用什麼技術實現的？

一、微信小程序的wxml

具有基本的編程經驗的工程師，只有與wxml接觸後，您才會發現該語言的編程概念類似於html網頁的編程技術。經過一番研究和開發，您會知道微信小程序的要求技術含量不高，只是更換了一些標籤，例如

已替換為等待狀態。即使您不太擅長前端，轉用微信小程序的發展也將是一個很好的方向。

二、微信小程序的wxss

wxss是微信的CSS。微信用自己的開發語言wxss代替了Web編程中使用的css；實際上，主要的實現思想與Web開發技術基本相同，並且它只是對某些標籤的簡單替換，其中大部分是原始的CSS，基本上是正確的。它們都是通過調用同一頁面來實現的，但是可以說，微信小程序比Web開發更簡單，更方便。例如，只要寫入index.wxml和index.wxss，它就位於兩個文件中。這兩個文件同時位於同一目錄中，就像直接在網頁上寫CSS一樣，這既簡單又快速。

三、微信小程序的js

如果要開發微信小程序，您必須精通微信小程序的js。只要您具有html+css+js的良好基礎，就可以全力學習微信小程序js，然後在前端進行開發。上面沒有問題，但是微信js需要努力學習。您可以購買參考書或了解微信小程序的API，它們可以快速幫助您參與開發隊列。

四、微信小程序的json

掌握了以上幾點之後，您需要掌握json。簡而言之，json是微信小程序的主要和次要接口。工程師可以通過json控制上下菜單欄，主要和輔助頁面的顯示順序。但是，使用頻率不高。它僅適用於基本小程序的框架，但這也需要學習，因為除顯示類型外，每個前端操作都需要與後端匹配，因為如果要使其放大，則必須之所以簡化，是因為修改代碼後，在迷你程序中搜索到的版本就是啟動後的版本，即我們提交微信評論後顯示的版本。修改源代碼後，需要將其提交給微信公眾進行審核。平台小程序管理平台，用戶只能在審核通過後才能看到您的修改，因此，為避免這種麻煩，您必須了解後端技術開發並與前端鏈接以與您進行交流。

實際上，小程序類似於H5表面，並提供了視圖層描述語言。您需要掌握WXML和WXSS以及基於JavaScript的邏輯層框架。這裡的wxml等同於html，而wxss等同於CSS。

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

小程序js中如何引入組件

小程序js中引入組件如一下步驟：

1、準備好外部想要引入的外部文件，命名為util.js，並且填充固定的文件內容（一般是固定的庫）。

2、打開util.js，繼續填寫重要內容將要使用的方法用module.exports給暴露出來。

3、將外部js放在指定的文件夾utils里（utils規定存放js庫和數字格式化文件）。

4、在想要用到這個方法的js裡面require這個js，然後調用即可。