如何使用打印稿开发微信小程序 - 行业资讯 - 肥雀云

　　介绍

这篇文章主要介绍了如何使用打印稿开发微信小程序,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>打印稿简介:

打印稿是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程安。德斯·海尔斯伯格,c#的首席架构师,已工作于打印稿的开发。

打印稿扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在打印稿下工作.TypeScript是为大型应用之开发而设计,而编译时它产生JavaScript以确保兼容性。

打印稿支持为已存在的JavaScript库添加类型信息的头文件,扩展了它对于流行的库如jQuery, MongoDB,节点。js和D3。js的好处。

微信小程序来了!这个号称干掉传统应用的玩意儿虽然目前处于内测阶段,不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。

工具和文档可以参考官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1477926804193

<强>打印稿:

打印稿是c#之父理论上来说的又一力作,相信喜欢c#语法的朋友们对打印稿一定也会爱不释手。

<强>简单的聊一聊打字稿吧

t是一个应用程序级的JavaScript开发语言。

TS是JavaScript的超集,可以编译成纯JavaScript。

TS跨浏览器,跨操作系统,跨主机,开源。

TS始于JS,终于JS。遵循JavaScript的语法和语义,方便了无数的JavaScript开发者。

TS可以重用现有JavaScript的代码,调用流行的JavaScript库。

TS可以编译成简洁,简单的JavaScript代码,在任意浏览器,节点。js或任何兼容胡状的环境上运行。

打印稿比JavaScript更具开发效率,包括:静态类型检查,基于符号的导航,语句自动完成,代码重构等。

TS提供了类,模块和接口,更易于构建组件。

顺便说一句,打印稿虽然只关心生成JavaScript之前的这些内容(意味着不关心生成出的js代码的运行效率),但是根据鄙人的观察和比较,打印稿所生成的JavaScript代码比绝大部分的前台开发自己写的JavaScript的代码质量高至少一个数量级! !

<强>打印稿另一个优点:

打印稿在各大主流的IDE和编辑器里有智能提示!

重要的事情要说三遍!写打印稿有智能提示!写打印稿有智能提示!写打印稿有智能提示!

<强>用打印稿开发微信小程序

扯了半天打印稿,那么究竟怎么用打印稿开发微信小程序呢?

非常简单,和微信官方的JavaScript开发方式没有太大区别,依旧是4个核心文件

应用:代码整个应用程序的抽象对象,可以设置全局的方法和变量

页面:页面抽象对象,承载页面业务逻辑

WXML:页面的结构,相当于html

JSON:配置文件

wxs:页面的样式,相当于css

由于目前腾讯没有小程序的打印稿版本的API,所以OneCode团队针对目前腾讯放出的所有的小程序JavaScript API开发了一个打印稿版本的API类型定义文件wxAPI.d。ts

只需要在您的程序中引用该文件,如果是使用Visual Studio来开发的话,就能有代码提示了。

下面是用打印稿开发的演示应用程序的代码示例:

///,& lt;参考文档路径=啊?wxAPI.d.ts"/比; 　　应用程序({ 　　onLaunch:函数(),{//调用API从本地缓存中获取数据　　日志:let any =, wx.getStorageSync(& # 39;日志# 39;); 　　if (! Array.isArray(日志),{ 　　时间=logs []; 　　} 　　(& lt;任何[]在日志).unshift (Date.now ()); 　　wx.setStorageSync(& # 39;日志# 39;,,日志); 　　}, 　　getUserInfo:函数(cb:,(参数:有),=祝辞,无效),{ 　　let that =, 　　if (this.globalData.userInfo), { 　　cb (this.globalData.userInfo) 　　},{else //调用登录接口　　wx.login ({ 　　成功:,(),=祝辞,{ 　　wx.getUserInfo ({ 　　成功:,(res),=祝辞,{ 　　时间=that.globalData.userInfo res.userInfo; 　　cb (that.globalData.userInfo); 　　} 　　}); 　　} 　　}); 　　} 　　}, 　　globalData: { 　　用户信息:零　　} 　　});

感谢你能够认真阅读完这篇文章,希望小编分享的“如何使用打印稿开发微信小程序”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!