微信小程序
胜天一子半
Teach Yourself Programming in Ten Years。
展开
-
反编微信小程序源码(破解wxss样式无法恢复的问题)
背景:从17年开始为获取微信小程序源码,网上一直有大神写程序来反编微信小程序的源码,不过现在来看基本都不能用了,有的能用也不能获取样式wxss文件,经过我的不懈努力,找到一些办法,接下来我会一步步讲。工具:夜神模拟器、node环境、反编工具1、开启夜神、下载微信、RE文件管理器2、打开RE文件管理器,设置里面开启root权限3、登录微信、打开你要反编的微信小程序,开启即可,如果是带分包的小程序最好都点点,把分包也加载回来(备注:这一步会很卡,我也是登录了好几次才登录上微信、小程序更是开...原创 2020-10-30 16:55:18 · 2284 阅读 · 1 评论 -
小程序怎么让onLoad里拿到onLaunch里异步的数据
问题:小程序onLoad 与 onLaunch 几乎是同时执行,那么怎么在onLoad里拿到onLaunch里异步的数据解决办法:在app.js中的onLaunch中调取接口获取到值// 此处请求封装过 app.request('url',data).then(res => { this.globalData.resData = res // 此处判断app对象中有没有这个回调函数 if (this.原创 2020-06-05 15:35:06 · 1084 阅读 · 0 评论 -
微信小程序中路由跳转多次
问题:在微信小程序中,由于不同机型的性能差异,点击手速问题:路由跳转可能会多次触发解决:添加函数节流和函数防抖方法处理canNavigate: true, navigateTo (url) { if (this.canNavigate) { this.canNavigate = false, wx.navigateTo({ url, ...原创 2020-03-25 11:37:48 · 522 阅读 · 0 评论 -
微信小程序组件全局变量
在微信小程序组件Component({}) 外写的变量就是全局变量,这点和vue与react组件不同,后者都会重置赋值变量,但是在微信小程序中,只会重置Component({})里的数据,这样就提供很多可操作性:比如,在外面定义list,每次creat的时候,push(this) , 这样在组件内部,就可以拿到所有循环组件的方法,非常方便。...原创 2020-03-25 10:50:10 · 3308 阅读 · 0 评论 -
微信小程序内使用echart实现中国地图,点击省跳转省地图,再点击市跳转到市区详情
目的:在微信小程序内实现一张中国地图,上面要写上一些全国数据,点击省 => 省地图,并请求数据,点击市区 => 跳转到市区地图这样一个功能,具体实现效果如下:思路:1.首先我们要先画一张中国地图,直接用最近版的echarts-for-weixin插件,下载完之后吧echart组件放到小程序根目录,可以看看里面的使用方法,也可以下载它的案例来看,但是里面是一个省份地图,所以...原创 2020-03-17 16:47:15 · 4021 阅读 · 13 评论 -
微信小程序内引入echart中国地图
1、下载echart官方demo2、找到上述 Demo 源码的目录 `ec-canvas`,将此文件夹复制到小程序的根目录下,然后对应的页面下的 json 文件中引入,如下图【注意】复制目录`ec-canvas`是为了便于开发,若是本地预览或上线,会提示文件过大,可下载此压缩版本,然后将下载的文件放在 `ec-canvas/echarts.js`,一定需要重命名为 `ech...原创 2020-03-16 17:49:37 · 1402 阅读 · 3 评论 -
微信小程序是使用vantUI组件
1、初始化npm init //一步步走下去,不懂得可以去学学 npm,很简单2、安装vant# npm 安装npm i vant-weapp -S --production# yarn 安装yarn add vant-weapp --production3、在微信小程序上左上角 工具 => 构建NPM成功会出现一个这样的文件夹:4、使用:安...原创 2019-05-10 14:13:16 · 3010 阅读 · 0 评论 -
圣诞头像小程序
圣诞头像小程序,可以自定义上传图片,截取,canvas绘制,保存图片,最重要的是,用canvas做出来的感觉真的是非常的流畅,有喜欢可以加q1092374246 一起讨论 ...原创 2018-11-08 13:43:52 · 590 阅读 · 0 评论 -
微信小程序检查更新
wx.getUpdateManager().onCheckForUpdate(function(res) { // 请求完新版本信息的回调 console.log("是否有新版本:" + res.hasUpdate); if (res.hasUpdate) { //如果有新版本 // 小程序...原创 2018-10-15 17:54:38 · 695 阅读 · 0 评论 -
微信小程序判断手机是否移动
//判断手机是否移动 wx.onAccelerometerChange(function (e) { if (Math.abs(e.x) > 1.1 && Math.abs(e.y) > 1.1){ wx.showToast({ title: "摇一摇" }) that.data.move = 2; }e...原创 2018-10-13 16:09:04 · 1120 阅读 · 0 评论 -
微信小程序云开发使用方法新手初体验
今天看到微信推送了一条小程序云上线通知,作为一个前端er,满怀期待的去看了看,很不错先看看文档上怎么说的:开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力,6的一匹。云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。(就...原创 2018-09-11 14:38:52 · 57102 阅读 · 10 评论 -
微信小程序canvas把正方形图片绘制成圆形
在微信小程序里效果图:直接代码:<canvas style="width: 400px; height: 400px;border:1px solid red" canvas-id="firstCanvas"></canvas>//index.jsPage({ data: { image: { src: ...原创 2018-04-23 18:32:39 · 15009 阅读 · 2 评论 -
微信小程序内拖动图片实现移动、放大、旋转
最近接到一个任务,在微信小程序内拖动图片组件实现移动、放大、旋转,并记录这些图片的移动位置,放大比例,旋转角度,在一个画布上生成一张图片,最后保存到手机相册。 我的具体实现思路是这样的: 一共三个功能,可以先把功能分为图片 拖动 和图片旋转缩放, 把图片的缩放和旋转做在了一起。 1.图片移动:可移动的图片肯定是要动态生成的,所以不能写死,应该是个数组,具备...原创 2018-05-02 18:41:21 · 42970 阅读 · 119 评论 -
微信小程序从边缘滑动scroll-view导致卡住
最近在测小程序时,以前不怎么用scroll-view写过,这此测试从边缘处滑动scroll-view,直接导致不能再进行滑动,等到手指松开一会才好, ~ ~。解决办法: 给scroll-view加上 overflow: scroll; 样式就好了,很奇怪~。...原创 2018-05-12 15:11:55 · 2772 阅读 · 0 评论 -
微信小程序canvas.draw回调函数不执行在IOS系统
cxt_arc.draw(false, function (e) { console.log('draw callback') })canvas.draw 绘图结束后的回调再IOS上不执行,安卓手机未见此问题。原因为:页面上设置了 wx:if hidden,本想在绘图结束后再显示,不过再IOS11上不行。解决...原创 2018-06-04 18:39:50 · 4803 阅读 · 0 评论 -
微信小程序canvas动态时钟
canvas时钟效果图:代码:wxml:<view style='width:100%;height:{{canvasHeight}}px' catchtap='goCountdown'catchlongtap='touchstart' catchtouchend='touchend'> <canvas canvas-id='clock' style...原创 2018-05-30 16:00:06 · 3204 阅读 · 5 评论 -
微信小程序之间的跳转
微信小程序之间的跳转,早就可以实现,现在网上有很多打开一个小程序立即挑战到其他小程序的,都是使用wx.navigateToMiniProgram(OBJECT)打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)值得注意的是:这个借口在2.1.3基础库已经正式废除了,线上版本暂时不受影响,这也是为什么我们还是能见到这种小程序的原因。现在小程序...原创 2018-07-17 13:55:37 · 3247 阅读 · 0 评论 -
微信小程序之间跳转(无绑定)
首页咱们先说下小程序跳转到小程序/小游戏的条件:打开同一公众号下关联的另一个小程序。(注:必须是同一公众号下,而非同个 open 账号下)基于这个条件,小程序要想跳到一个没有关联的小程序或者小游戏是不可能的。但如果有一个中转站和其他小程序和小游戏绑定,某个小程序可以通过和这个中转站绑定来实现跳转到没有关联的小程序和小游戏上,这个逻辑是合理的,也就是双重跳转,从一个有权限的跳转过去。...原创 2018-07-25 15:17:06 · 3661 阅读 · 1 评论 -
微信小程序分享个人和群判断
微信小程序的分享功能,在最新版库的ide上已经不能拿到分享回调了,官方api也删除了对应的回调函数,看样子是砍掉了,不过真机测试还是可以的,话不多说,上代码:onLoad: function(options) { wx.showShareMenu({ //只有拥有 shareTicket 才能拿到群信息,用户每次转发都会生成对应唯一的shareTicket 。...原创 2018-08-11 10:26:57 · 2043 阅读 · 1 评论