小程序用js有什麼用（微信小程序中的js）

• 1、WeChat小程序基礎篇-js事件
• 2、微信小程序是用什麼技術實現的？
• 3、重磅：微信小程序發佈WeUI.js 官方視覺組件庫！
• 4、javascript是什麼東西啊，幹什麼用的，上網能用到嗎

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

一、微信小程序的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。

12月16日，微信正式發佈了WeUI.js動態視覺組件庫。WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網頁和微信小程序量身設計，可以讓用戶的使用感知更加統一。WeUI.js動態視覺組件庫包含了button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。

一、weui.js是什麼？

weui.js是WeUI的輕量級JS封裝，不需要依賴其它庫，GZIP後僅有9.0 KB。

二、weui.js包含哪些組件？

actionsheet

alert

confirm

dialog

form

gallery

loading

picker

searchbar

slider

tab

toast

toptips

uploader

三、使用方式：

Github：

詳細文檔：

四、微信團隊為何在此時公布官方視覺組件庫：

1、為了更像微信OS

微信團隊和之前的輕應用平台相比，不是簡單為了給開發者和用戶之間提供一個平台連接、也不是只為了做一個流量入口平台那麼簡單，而是為了打造一個完美的微信OS生態。當年百度、UC等平台推出的輕應用，更多的只是起到了一個平台倒流和連接的作用，並沒有對開發框架和設計規範進行過如此統一的規範和要求。現在看來，最好的生態，當然是類似蘋果安卓OS那樣，所有的應用具備統一的開發框架和接近OS生態的完美體驗。

2、為了極致的用戶體驗

從小程序內測到公測已經過去了三個月，我們有理由相信微信團隊已經接到了不少小程序開發者的審核需求，這其中最讓微信團隊頭疼的應該就是開發設計規範不符合微信團隊的要求，達不到微信團隊想要的那種用戶體驗。微信官方進一步推出Weui就是為了讓所有開發者提交的小程序都能夠接近微信APP的體驗效果，從而給微信用戶帶去最佳的用戶體驗，這也是未來小程序生態能否提高8億用戶使用熱度和頻率的一個重要指標。

3、倒逼第三方服務商轉型

微信團隊在早年推出公眾號的時候曾經推出過「開發者模式」，當時，微信團隊鼓勵第三方公司利用微信公眾號開放的接口進行各種微應用的開發，比如：微網站、微商城，微工具等各種應用。但是，微信團隊早期並沒有對這些接入應用的開發框架和設計規範進行統一的定義和嚴格要求，導致每一個服務接入商基本都是按照自己的開發框架和設計標準進行開發來設計，使得市面上看到的這些應用頁面呈現五花八門，用戶體驗極其糟糕，這也就造成了早期的應用服務被用戶的接受度過低，同時無法給企業帶來實際價值的癥結所在。隨着微信小程序的出現，微信團隊重塑統一的開發框架和設計規範，倒逼這些第三方服務機構重新定義自己的跟隨策略，按照新的開發規範重新提供新的平台服務。或許，現有的微信第三方服務機構格局將被打破，第三方服務機構將面臨新一輪的洗牌。

五、WeUI.js給小程序開發者帶來了哪些好處？

1、使用Weui設計出來的小程序如同用戶使用微信客戶端一樣的視覺效果，可以讓小程序的體驗感更強。

2、使用Weui設計小程序更夠提高開發者的開發效率，降低開發者的開發成本，從而讓開發者更快的開發出符合規範的小程序。

3、使用Weui設計小程序如同您僱傭一支國內頂尖的設計團隊幫您打造一個接近完美的視覺框架。

六、微信小程序給前端設計領域帶來了那些影響和推動：

1、全平台兼容

微信小程序重新定義了APP，使得一款應用能夠在android、iphone以及windows

phone中都能運行，對於前端來說實現了「一次編譯，到處運行」的理念。

2、前端開發思維的改變

設計理念需要從傳統的PC思維需要轉向到以移動為先的思維，這其中主要考慮的差異化在於屏幕尺寸、網絡帶寬、輸入設備等幾個方面的不同。同時很多之前可以用於iOS與Android的控件需要在小程序上重新調整和創新。

3、推動前端技術的發展

微信小程序以其簡單的開發環境，使以Javascript和HTML5為主的前端技術成為真正的主流，越來越多的人開始接觸前端開發，為前端技術的發展貢獻力量。

4、前端投入成本的增加

原本一家傳統企業的前端開發人員需要覆蓋PC端、移動端、APP應用等各種平台，微信小程序的出現會導致未來的前端開發人員還需要涉及小程序的前端開發設計，這在一定程度增加了前端開發人員學習和工作成本，同時也會給企業帶來更多的人才投入成本。

5、前端人才的競爭更加明顯

微信小程序的誕生會吸引一大批後台開發、APP開發的程序猿們加入前端開發大軍，進一步衝擊現有的前端開發人員的的知識結構，加劇前端開發崗位的競爭格局，迫使一些低端且知識結構不全面的前端開發人員面臨被淘汰或者失業的風險。

6、全棧工程師會越來越吃香

隨着微信小程序的出現，既懂後台，又懂前端的人才會越來越受到企業的重視和擁抱，特別對於創業團隊和互聯網企業來說，一個擁有全局思維、熟悉各種技術的人才非常重要。身為技術人員，我們需要不斷擁抱變化，不斷get新技能，努力成為一個全棧工程師。

微信正式發佈WeUI.js動態視覺組件庫，這意味着，大家可以在小程序裏面，直接使用在官方設計文檔附錄中的視覺組件（而不需要額外引入其他庫）。微信團隊真的是用心在打造小程序生態，筆者也是真的在用心給大家帶來更多乾貨，這也是筆者第一時間給大家帶來的解讀。碼字不易，如果本文對你和你身邊的朋友有所啟發，感謝轉發，你的支持是我們碼字員最大的動力。

JavaScript語言的前身叫作Livescript。自從Sun公司推出著名的Java語言之後，Netscape公司引進了Sun公司有關Java的程序概念，將自己原有的Livescript 重新進行設計，並改名為JavaScript。

JavaScript是一種基於對象和事件驅動並具有安全性能的腳本語言，有了JavaScript，可使網頁變得生動。使用它的目的是與HTML超文本標識語言、Java 腳本語言一起實現在一個網頁中鏈接多個對象，與網絡客戶交互作用，從而可以開發客戶端的應用程序。它是通過嵌入或調入在標準的HTML語言中實現的。

JavaScript具有很多優點：

1.簡單性 JavaScript是一種腳本編寫語言，它採用小程序段的方式實現編程，像其它腳本語言一樣，JavaScript同樣已是一種解釋性語言，它提供了一個簡易的開發過程。它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運行過程中被逐行地解釋。它與HTML標識結合在一起，從而方便用戶的使用操作。

2.動態性 JavaScript是動態的，它可以直接對用戶或客戶輸入做出響應，無須經過Web服務程序。它對用戶的反映響應，是採用以事件驅動的方式進行的。所謂事件驅動，就是指在主頁中執行了某種操作所產生的動作，就稱為「事件」。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發生後，可能會引起相應的事件響應。

3.跨平台性 JavaScript是依賴於瀏覽器本身，與操作環境無關，只要能運行瀏覽器的計算機，並支持JavaScript的瀏覽器就可以正確執行。

4.節省CGI的交互時間 隨着WWW的迅速發展有許WWW服務器提供的服務要與瀏覽者進行交流，確瀏覽的身份、需服務的內等等，這項工作通常由CGI/PERL編寫相應的接口程序與用戶進行交互來完成。很顯然，通過網絡與用戶的交互過程一方面增大了網絡的通信量，另一方面影響了服務器的服務性能。服務器為一個用戶運行一個CGI時，需要一個進程為它服務，它要佔用服務器的資源(如CPU服務、內存耗費等)，如果用戶填表出現錯誤，交互服務佔用的時間就會相應增加。被訪問的熱點主機與用戶交互越多，服務器的性能影響就越大。

JavaScript是一種基於客戶端瀏覽器的語言，用戶在瀏覽中填表、驗證的交互過程只是通過瀏覽器對調入HTML文檔中的JavaScript源代碼進行解釋執行來完成的，即使是必須調用CGI的部分，瀏覽器只將用戶輸入驗證後的信息提交給遠程的服務器，大大減少了服務器的開銷。

參考資料：