使用微信web开发者工具新建一个小程序项目,项目目录选择dist
目录,该目录是ts源文件编译后存放的目录。
$ git clone git@git.oschina.net:linguofeng/wxapp-typescript.git $ cd wxapp-typescript $ npm install -g gulp typescript $ yarn $ code . $ gulp watch
通过Gulp工具调用tsc
编译ts源文件,其它文件通过gulp的watch进行拷贝。
第三库是通过package.json文件描述,拷贝相关文件到dist/libs,并修改require引用的路径实现。
- [x] 加入第三方库支持
- [x] 支持Redux
- [x] 支持rxjs
- [x] 支持moment
- [x] 支持bluebird
- [x] 支持redux-observable
自从去年开始在项目里写了一段时间 Javascript 后,感觉没有类型检查的语言还是不太适合我,所以一直想尝试下 TypeScript,然而由于项目庞大,人员协作问题,一时半会没办法切成 TypeScript。正好最近有小程序的需求和小程序去年 11 月开始官方支持了 TypeScript,所以拿来练练手。 Why TypeScript? 大概是我这半年写的 Swift 比较多,而 Swift
前言 最近第一次做原生微信小程序,之前都是采用Taro、uni这两个第三方框架,发现微信原生小程序支持了TypeScript,于是尝试了使用ts结合Promise封装了微信简易请求库,不得不说,写ts确实可以减少动态语言(JS)带来的bug,如下: const host = 'xxx'; /** * http请求配置 */ interface RequestConfig { url:
本文向大家介绍微信小程序 wxapp导航 navigator详解,包括了微信小程序 wxapp导航 navigator详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 wxapp导航 navigator 最近微信小程序非常火,朋友圈,微博,论坛等地方都在刷屏,因为这是搞前端的春天,前端工程师可以赚一把了,所以业余就学习了微信小程序的知识,这里记录下 : navigator 属性名 类型 默
本文向大家介绍微信小程序 wxapp地图 map详解,包括了微信小程序 wxapp地图 map详解的使用技巧和注意事项,需要的朋友参考一下 微信小程序 wxapp地图 map: map 属性名 类型 默认值 说明 longitude Number 中心经度 latitude Number 中心纬度 scale Number 1 缩放级别 markers Array 标记点 covers
本文向大家介绍微信小程序开发(一) 微信登录流程详解,包括了微信小程序开发(一) 微信登录流程详解的使用技巧和注意事项,需要的朋友参考一下 最近在研究微信小程序开发,非常有意思的一个东西。花了一点时间写了一个微信的登录流程,包括后端接口和小程序代码。 做过微信登录的都知道,我们需要一个标识来记录用户的身份的唯一性,在微信中unionId就是我们所需要的记录唯一ID,那么如何拿到unionId就成了
用Taro开发微信小程序,想配置底部tabBar,我的配置如下,但是不生效 app.config.js 配置,
本文向大家介绍微信小程序云开发详细教程,包括了微信小程序云开发详细教程的使用技巧和注意事项,需要的朋友参考一下 微信小程序云开发之初体验,供大家参考,具体内容如下 小程序云开发是微信最近推出的新的一项能力,它弱化了后端以及运维的概念,开发者无需搭建服务器,使用微信平台提供的api即可完成核心的业务开发。 目前提供三大基础能力支持: 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身
本文向大家介绍微信小程序 开发经验整理,包括了微信小程序 开发经验整理的使用技巧和注意事项,需要的朋友参考一下 微信小程序 开发经验整理 前言: 最近小程序出来了,公司也要求我们开发一款小程序。 于是,就开始着手做了,做了差不多一周吧,也遇到了很多问题,这里就来总结一下。(主要是从一个Android开发者的角度来述说的,可能比较零碎的一些知识点和经验,如果大家还有补充,欢迎) 总结 1:传参,方法
本文向大家介绍taro开发微信小程序的实践,包括了taro开发微信小程序的实践的使用技巧和注意事项,需要的朋友参考一下 在京东凹凸实验室开发Taro跨平台早期之前,就已经进行Taro尝鲜了。开发这个实例 猫眼电影 已经过去几个月了。案例部分使用的是猫眼电影真实线上接口,关于订座的座位数据是自己模拟实现的,案例只供参考学习。 开发环境 操作系统:Window 10 Taro版本:v0.0.69 No
本文向大家介绍微信小程序开发问题之wx.previewImage,包括了微信小程序开发问题之wx.previewImage的使用技巧和注意事项,需要的朋友参考一下 小知识 wx.previewImage是微信小程序官方提供的预览图片功能的api。 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。 那么他有哪些坑呢? 我遇到的问题藏得比较深,我是在使用wxParse解析富