微信小程序wxs的使用（当页面数据渲染前添加js操作)

JavaScript027

微信小程序wxs的使用（当页面数据渲染前添加js操作),第1张

小程序的wxs功能可以让wsmxl可以调用和编写js,基本上wxs和JS无关系,只是语法形式很相似。 如下写了两个关于时间的函数，并将它们导出， <wxs module="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   } } module.exports.getMax = getMax module.exports.formartTime = formartTime </wxs> 可在页面添加如下使用： m1.formartTime(）  m1.getMax(）

上边这种写法不生效，在小程序中不支持这种语法。

需要创建一个wxs文件，

在wxml文件中引入该文件，并调用你想要用到的函数

方法一：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）——Redux

Redux 是 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

操作链接：网页链接