微信小程序js框架
首選從產品的角度來講
公眾號內嵌H5開發的時候，微信底部會提供相應回菜單作為功能的引導入口，答最終的頁面還是會把用戶引導到H5頁面，而在用戶體驗方便跟原生APP開發還是有相當大的差距。而微信小程序它提供了豐富的框架組件和API介面供開發者調用，具體包含：界面、視圖、內容、按鈕、導航、多媒體、位置、數據、網路、重力感應等。在這些組件和介面的幫助下，運行在微信上的小程序基本保持和Native APP一樣的流暢度，極大的提高了用戶的體驗。
然後從開發的角度來講
不論是APP、H5,它們的Server端都一樣，所以這里不討論。
之前的開發就是我們講的傳統的前端：html、js、css,加上微信用js提供的一些原生能力，最終的展現形式也是用手機內置瀏覽器（WebView）打開我們的頁面，但是歸根結底都是H5,這種方式我們應該熟悉的不能再熟悉了。小程序我們可以簡單粗暴的理解為RN（React Native），用大白話來講就是用H5寫的程序，最後以Native App的方式來運行，他們的原理都是用JS調用底層Native組件。
⑵ 微信小程序 utils.js 怎麼用
在你自己的js里寫var util = require('../../utils/util.js');然後在需要的時候調用，util.xxx()
util.js裡面定義了函數之回後，要在mole.export裡面添加答xxx:xxx
⑶ 微信小程序 怎麼用第三方js庫 jquery
方法一：rpn.js：使用rpn.js實現eval函數功能
操作鏈接：網頁鏈接
方法二：
（1）使用Underscore.js：操作鏈接：網頁鏈接
（2）使用Immutable.js：操作鏈接：網頁鏈接
（3）使用UUID、Base64、Chance：操作鏈接：網頁鏈接
擴展微信小程序框架功能（1）——Promise
ES6 對 Promise 有了原生的支持，但微信開發者工具更新版本（0.11.112200）後, 移除了開發者工具對 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 庫。
擴展微信小程序框架功能（2）——Generator
Generator函數是ES6提供的一種非同步編程解決方案，語法行為與傳統函數完全不同。
擴展微信小程序框架功能（3）——函數功能增強
Underscore.js 和 Lodash 是最常用的JavaScript庫。
擴展微信小程序框架功能（4）——Immutable.js
Immutable.js 是 Facebook 開發的不可變數據集合。Immutable
Data（不可變數據）一旦創建就不能被修改。通過使用Immutable
Data，可以更容易的處理緩存、回退、數據變化檢測等問題，應用開發更簡單。
擴展微信小程序框架功能（5）——Rex
Rex 是 JavaScript 狀態容器，提供可預測化的狀態管理。
擴展微信小程序框架功能（6）—日期時間
Moment.js是一個JavaScript的日期、時間處理工具類，其對於JavaScript的日期時間處理功能非常強悍和全面。可以用在瀏覽器環境中使用，也可以在Node.js中。
擴展微信小程序框架功能（7）——正則表達式
XRegExp 是一個開源的 JavaScript庫，提供一個參數化、可擴展的支持各種瀏覽器的正則表達式的實現庫，支持附加語法、標志以及方法。
擴展微信小程序框架功能（8）——Xml處理
x2js是一個 實現 XML 與 JavaScript 對象之間相互轉換的工具庫。
擴展微信小程序框架功能（9）——加解密
node-uuid可以快速地生成符合規范 的 UUID。js-base64可以實現Base64編碼和解碼。crypto-js可以非常方便地在 JavaScript 進行加解密。
擴展微信小程序框架功能（10）——測試輔助
Chance是一個 JavaScript 隨機數生成工具。Mock.js可以生成隨機數據，攔截 Ajax 請求。
方法三：moment
操作鏈接：網頁鏈接
⑷ 怎樣用js開發微信小程序
微信小程序之js
如果你想開發一款微信小程序學會微信小程序的js是必須內要精通的，只要你html+css+js的基礎打容的好在來全力的學習微信小程序js，之後在前端開發上就沒有什麼問題了，但是微信js是需要花精力去學習的，可以買一本參考書或者了解下微信小程序的api都是可以快速的幫助你介入開發的隊列。
⑸ 請問微信小程序的語法跟JS一樣嗎
一樣的。。
⑹ 有沒有畫canvas的微信小程序框架
1.canvas標簽默認寬度300px、高度225px 2.同一頁面中的canvas-id不可重復，如果使用一個已經出現過的canvas-id，該canvas標簽對應的內畫布將被隱容藏並不再正常工作 示例代碼：下載 ? 1 2 3 4 5 6 7 // canvas.js
⑺ 微信小程序的index.js怎麼寫詳細代碼見下方↓
微信小程序實例index.js代碼如下：
可以搜索小程序名稱： 快遞最後一公里
實例index.js代碼
var app = getApp();
Page({
/**
* 頁面的初始數據
*/
data: {
//三張圖片輪播
imgUrls: [
{
imageUrl: '/images/weicha/timg1.jpg',
},
{
imageUrl: '/images/weicha/timg2.jpg',
},
{
imageUrl: '/images/weicha/timg3.jpg',
}
],
indicatorDots: false,
autoplay: false,
interval: 5000,
ration: 800,
},
onSwiperTab: function (e) {
/*var postId = e.target.dataset.postId;
wx.navigateTo({
url: postId,
});*/
},
/**
* 生命周期函數--監聽頁面載入
*/
onLoad: function (options) {
app.loginWinCha(this.initPageData);
},
//初始化登錄才能查看的數據
initPageData: function () {
this.setData({
componentList: [
{
id: 1,
url: '../weicha/express/courier/index',
imageUrl: '/images/weicha/timg1_1.jpg',
title: '快遞小哥(送快遞)',
queryType: 'courier'
},
{
id: 2,
url: '../weicha/express/seller/index',
imageUrl: '/images/weicha/timg1_2.jpg',
title: '合作商家(代收快遞)',
queryType: 'seller'
},
{
id: 3,
url: '../weicha/express/personal/index',
imageUrl: '/images/weicha/timg1_3.jpg',
title: '收件人(簽收快遞)'
},
{
id: 4,
url: '../weicha/express/logistics/index',
imageUrl: '/images/weicha/timg1_4.jpg',
title: '快遞物流查詢'
}
]
});
},
onItemClick: function (e) {
var targetUrl = e.currentTarget.dataset.pay;
var targetQueryType = e.currentTarget.dataset.index;
if (targetQueryType == "seller") {
var reqData = {
seller_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("sellerInfo", reqData, targetQueryType, targetUrl,
"親，您暫未申請商家,請提交商家申請！");
} else if (targetQueryType == "courier") {
var reqData = {
courier_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("courierInfo", reqData, targetQueryType, targetUrl,
"親，您暫未申請快遞員,請提交快遞員申請！");;
} else {
wx.navigateTo({
url: targetUrl
});
}
},
queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){
wx.cloud.callFunction({
name: "utilsDB",
data: {
collectionName: reqCollectionName,
collectionWhere: reqData
},
complete: res => {
let retStatus = '1';
if (res.result.data.length >= 1) {
retStatus = res.result.data[0].status;
}
if (retStatus == '2') {
if (queryType == "seller"){
app.globalData.seller = res.result.data[0];
} else if (queryType == "courier"){
app.globalData.courier = res.result.data[0];
}
wx.navigateTo({
url: retUrl
});
} else {
wx.showToast({
icon: 'none',
title: retMgs
});
}
},
fail: err => {
wx.showToast({
icon: 'none',
title: retMgs
});
}
});
}
})
⑻ 微信小程序從js文件沒法選中wxml中組件的id么
沒法的 你要換個來思路，不能自用傳統的html+css_js的方式開發
因為小程序里js是不能直接操作頁面dom元素的，和vue框架很類似
頁面所有需要調用或者判斷的數據全都依賴setData()
比如你想點一個按鈕改變一個view的樣式，你就給這個view寫兩個Class
然後點擊事件觸發後通過setData()來綁定，讓該元素顯示哪個Class Name
⑼ 微信小程序可以用哪些js
微信小程序為ecscript提供運行平台（xxx）
如同
瀏覽器為ecscript提供運行平台（JavaScript）
如同
node為ecscript提供運行平台（nodeJs）
都是一樣的
之前JavaScript是運行在瀏覽器上的，此時的瀏覽器就是escript的宿主。
宿主會為escript提供額外對象，瀏覽器這個宿主為其提供的winodws、document等
小程序是不是網頁，所以之前JavaScript宿主對象及其子對象、方法都不能用，即winodws、document等等都不能用。這些是屬於瀏覽器的，微信不提供
而基於這些（窗口模型、文檔模型）的類庫和框架都不能用，比如jq、bootstrap等
所以要想真真的弄清楚這個問題，就要徹底了解js