怎样用js开发微信小程序

JavaScript08

怎样用js开发微信小程序,第1张

微信小程序之js

如果你想开发一款微信小程序学会微信小程序的js是必须要精通的,只要你html+css+js的基础打的好在来全力的学习微信小程序js,之后在前端开发上就没有什么问题了,但是微信js是需要花精力去学习的,可以买一本参考书或者了解下微信小程序的api都是可以快速的帮助你介入开发的队列。

方法一: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

操作链接:网页链接

新建一个微信小程序0607,完成后,大致架构如图:

2/10

在app.json中,调整一下test的位置,放在第一位;

便于运行后,直接显示test.wxml文件,如图:

查看剩余1张图

3/10

在test.wxml中输入以下代码,添加一个按钮,运行后如图所示:

功能:点击按钮后,跳转到日志界面。

<button type="primary">跳转到日志界面</button>

4/10

给上面的按钮添加点击事件,因为跳转到日志界面,在本程序中,日志界面属于tabBar页面(在app.json中注册过的tabBar页面),所以使用wx.switchTab 进行跳转;代码如下:

查看剩余1张图

5/10

在app.json中注册一个界面new,如图:

6/10

在test.wxml中添加按钮,点击按钮后跳转到new.wxml界面,如图:

查看剩余1张图

7/10

在test.js中添加跳转代码,如图:

点击按钮后,即可跳转到新页面new.wxml.

查看剩余1张图

8/10

在new.wxml中添加按钮,功能:返回上一页

具体代码如图:

9/10

添加对应的j,跳转代码,如图:

10/10

运行后,点击即可在test界面和new界面之间相互跳转,