A. 微信小程序wxs的使用(當頁面數據渲染前添加js操作)
小程序的wxs功能可以讓wsmxl可以調用和編寫js,基本上wxs和JS無關系,只是語法形式很相似。
如下寫了兩個關於時間的函數,並將它們導出,
<wxs mole="m1">
var getMax = function(flightDate) {
var now = getDate().getDate();
var flDate = getDate(flightDate).getDate();
if( now < flDate ){
return '+1';
}else{
return '';
}
}
var formartTime = function(flightDate,format){
if(flightDate){
var realDate = getDate(flightDate);
function timeFormat(num) {
return num < 10 ? '0' + num : num;
}
var date = {
"Y": timeFormat(realDate.getFullYear()),
"M": timeFormat(realDate.getMonth() + 1),
"d": timeFormat(realDate.getDate()),
"h": timeFormat(realDate.getHours()),
"m": timeFormat(realDate.getMinutes()),
"s": timeFormat(realDate.getSeconds()),
"q": Math.floor((realDate.getMonth() + 3) / 3),
"S": realDate.getMilliseconds(),
};
if (!format) {
format = "yyyy-MM-dd hh:mm:ss";
}
if( format == 'hh:mm' ){
return date.h+':'+date.m;
}else{
return date.h+':'+date.m;
}
}else{
return false;
}
}
mole.exports.getMax = getMax;
mole.exports.formartTime = formartTime;
</wxs>
可在頁面添加如下使用:
m1.formartTime(); m1.getMax();
B. 微信小程序開發需要什麼知識和技術
1.微信小程序開發,需要學習哪些技術
1、熟練掌握HTML語言、CSS、JavaScript
HTML就是超文本標記語言的簡寫,HTML是網頁開發前端三劍客之一,主要負責網頁的骨架,就如同動物的骨架一樣,HTML語言就是支撐網頁布局的骨架。CSS主要負責網頁樣式,網頁內容如何分布,板塊背景,顏色等外觀問題可以有CSS控制。JavaScript是一種動態的腳本語言,在伺服器端迸發出非凡的活力,成為當前非常活躍的語言之一。因此想要做小程序開發,就必須要掌握HTML語言、CSS、JavaScript。
2、伺服器語言
如果不是專業的後端開發者,可能後端有一定的難度其學習曲線較陡。但是,仍然建議開發者學習一下後端語言,至少需要了解大致的原因框架,能夠看懂其代碼邏輯,這樣不僅可以很好實現前後端的配合,也能夠在小程序出現bug的時候扯皮用。伺服器的語言有很多比較常用的是PHP、Java、Python、ASP等技術,建議開發者根據公司內部技術的使用情況挑選進行學習。
3、資料庫語言
如果公司數據量不大,架構不復雜的話資料庫語言相對來說是比較簡單的,一般學會一些常用的命令以及常出現的問題就能夠應付使用。常用的資料庫有免費的MySQL、msSQL、MongoDB、Oracle等資料庫。
2.微信小程序開發需要什麼技能跟技術
微信小程序開發需要掌握的技術如下:
1、WXML語言,上面說了,類似於 Html語言
WXML(WeiXin Markup
Language)是框架設計的一套標簽語言,結合基礎組件、事件系統,可以構建出頁面的結構
2、要學習Javascrip作為 後台代碼編寫語言
3、要學習PHP作為 伺服器代碼編寫語言 (你也可以選擇其他語言)
4、要學習WXSS(為了適應廣大的前端開發者,WXSS 具有 CSS 大 部分特性, WXSS 對CSS 進行了擴充以及修改.)
WXSS(WeiXin Style Sheets)是一套樣式語言,用於描述 WXML 的組件樣式
與 CSS 相比,WXSS 擴展的特性有:尺寸單位和樣式導入
5、學習微信小程序的一系列組件的使用
框架為開發者提供了一系列基礎組件,開發者可以通過組合這些基礎組件進行快速開發
6、學習微信特有的API
框架提供豐富的微信原生API,可以方便的調起微信提供的能力,如獲取用戶信息,本地存儲,支付功能等
wx.on 開頭的 API 是監聽某個事件發生的API介面,接受一個 CALLBACK 函數作為參數。當該事件觸發時,會調用 CALLBACK 函數。
7、要學習WXS
WXS(WeiXin Script)是小程序的一套腳本語言,結合 WXML,可以構建出頁面的結構,這個語言類似於 Javascript。
3.如何開發微信小程序需要哪些技術
開發微信小程序需要以下幾點:
一:人員配置:一個小程序的開發人員是需要至少一個團隊協作的,其中包括項目經理、產品經理、UI設計人員、微信小程序前端開發、服務端開發、測試人員、運維人員等,但是由於公司和項目的不同,人員配置多少不等,人員配置是開發微信小程序成本多少的決定性因素。
二:開發時長:小程序的開發過程分為幾部分:需求調研與梳理、產品設計與評審、UI設計與評審、分解開發任務與排期5. 開發與聯調、測試、修改bug,每個環節所消耗的時間加起來就是一個微信小程序大概的開發時間。其中很大一部分時間花在與客戶的溝通上,不要小看這部分時間。
三、再加上租賃伺服器,注冊認證等費用:由此看來微信小程序開發多少錢?微信小程序開發費用並沒有一個准確的數字,不可能像市場中的商品那樣明碼標價,企業在定製微信小程序價格的時候,根據客戶的需求功能,配置人員,開發時長等合理的給出報價。目前市場中做小程序開發的公司有很多,但是大多數都是套用模版做的,這樣簡單,省時,省事,但對於並不能夠滿足很多商家的需求,因此定製小程序是非常需求的。找專業微信小程序開發公司定製商家需求的小程序,要全面的考察公司的實力情況。
C. 小程序開發是用什麼語言
小程序開發使用的語言本質上就是JS+CSS+HTML5,不過不能直接用HTML標簽,微信提供一個組件庫,沒有DOM和其他瀏覽器上的API;網路、Canvas等也重新包裝過。對於微信小程序而言,前端程序是唯一差異於網站建設技術的,因此,只要使用JS+CSS+HTML5讓前端程序過得了關,能夠寫前端的介面,那麼使用PHP,又或者java,以及asp.net的程序語言都是完全支持的。一般對於企業而言,都是採用php程序開發微信小程序;技術要求高一點的可以採用java程序開發。
小程序開發中最常見使用的是「MINA」框架,Apache Mina Server 是一個網路通信應用框架,也就是說,它主要是對基於TCP/IP、UDP/IP協議棧的通信框架(當然,也可以提供JAVA 對象的序列化服務、虛擬機管道通信服務等),Mina 可以幫助我們快速開發高性能、高擴展性的網路通信應用,Mina 提供了事件驅動、非同步(Mina 的非同步IO 默認使用的是JAVA NIO 作為底層支持)操作的編程模型。
這個框架為微信小程序的運行提供了豐富的組件和API。要學會和掌握小程序的框架結構、數據綁定機制、模板、數據緩存、常用組件和API等相關知識。