仰望星空的代码
专注Web前端和微信小程序开发。
展开
-
linux中安装微信开发者工具
微信开发者工具是微信小程序官方指定的开发工具,但是微信官方没有推出Linux版本,幸好很多牛人自己制作了能够在Linux中运行的微信开发者工具版本。该文中便是采用github中开源的linux版开发者工具。一、准备安装前需要下载或者克隆开发者工具源码,地址:...原创 2020-07-22 19:05:22 · 1890 阅读 · 0 评论 -
微信小程序超长页面生成截图的一种解决方案
在微信小程序页面生成图片原创 2020-07-16 17:56:10 · 12595 阅读 · 3 评论 -
解决微信小程序长页面滚动到底部点击底部的输入框后输入框漂浮且页面滚动到顶部
一、问题描述项目中有一个长页面上部展示部分信息下部为信息录入,页面长度为三屏幕(不同手机屏幕大小略有差异),当滚动到第二屏或者第三屏去填写信息时点击输入框后输入框漂浮起来了并且页面向上滚动了一段距离,回到了第一屏中展示的内容。效果如图。滚动到第二屏,证件号输入。点击输入框可以看到证件号输入框漂浮了起来并且页面滚动到了第一屏展示的内容。注意:小程序是2018年上线,在2020年4月份之前该页面从未出现过这种现象。推测:微信的后续更新中对微信小程序基础库进行了重构,导致点击输入框后页原创 2020-07-03 18:37:29 · 2685 阅读 · 0 评论 -
微信小程序中图片压缩的最佳实现与封装
一、概述在项目开发过程中遇到一个需要从小程序上传图片的需求,此需求实现起来并不难,只需要调用chooseImage接口拿到图片的临时路径然后调用uploadFile接口进行上传。到这里这个功能已经实现了,可是这样简单实现了之后用户在使用时体验非常差。因为现在手机摄像头像素非常高,拍出来的照片体积都很大,上传时不做处理就会导致上传耗时长,用户消耗流量大,查看图片时加载非常慢等体验问题。二、图...原创 2020-04-11 09:59:54 · 5468 阅读 · 0 评论 -
基于wx.request封装的带日志输出的http请求工具
在小程序中请求接口的唯一方式是调用wx.request接口,该api被调用后把请求数据交由微信客户端转发去请求服务器端接口;除了此接口没有其他能够实现请求接口的方式方法。wx.request接口使用起来不太方便。接口调用失败的时候可以不可以全局统一处理并给出提示?接口成功的时候能不能对接口返回的结果做统一处理?接口调用时能不能在console控制台打印日志来方便查看接口相关信息,比如请求地址、...原创 2020-04-02 10:35:07 · 730 阅读 · 3 评论 -
反编译小程序实践
为了了解小程序代码压缩后是什么样子,于是进行了一次反编译。一、准备1.node.js运行环境 如果没有安装node.js,需要先安装node.js 2.反编译脚本一般都是采用GitHub上qwerty472123写的node.js脚本,不过在反编译过程中总是报$gwx未定义错误。经过搜索找到了一位基于此脚本的修改的版本,用着还是不错的。脚本下载地址 3...原创 2019-04-21 11:21:44 · 784 阅读 · 2 评论 -
用户在小程序操作后通过公众号(服务号)推送通知
一、前言用户在小程序进行了一个操作,操作结果不是立马返回的可能需要隔一段时间才能有处理结果,那么这时候需要让用户知道操作的结果,应该怎么办呢?总的来说有两种解决方案。一种是通过小程序模板消息,推送服务通知。这种方式只能支持用户提交表单或者进行了支付这两种场景,支持的场景过少是这种方式的缺点。一种是通过公众号(服务号)来推送消息。这种方式相比第一种方式要好的多,没有场景限制,能够满足所有需要通知...原创 2018-10-24 20:57:23 · 23591 阅读 · 2 评论 -
微信小程序测试版部署
微信小程序开发完毕需要测试工程师进行测试。这时可以发布小程序的体验版来让测试工程师进行测试。可是体验版如何访问未上线的api呢。原创 2018-09-06 11:29:27 · 11105 阅读 · 0 评论 -
微信小程序页面使用flex布局在iOS9.X中渲染bug的解决
iOS9.X系统在渲染微信小程序页面时无法对使用flex布局的列表页面、文章内容类型页面进行正常渲染。表现为页面内容不显示或者页面样式错乱。场景一:文章内容页面样式错乱页面代码<view class='container'> <view class='articleTitle'>意外健康险索赔指引</view> <view c...原创 2018-08-09 19:19:07 · 4765 阅读 · 2 评论 -
微信小程序页面浮动导航的实现
一、前言做复杂的小程序就与web页面的区别原来越小了,一些web页面的功能会被要求添加到微信小程序页面中。二、功能页面在滑动的时候顶部页面导航跟随滑动,当点击导航中的任意一项时返回页面顶部。三、实现wxml代码:<view class='container'><view class='navigation {{pageVariable.isFloat == true ? "fl...原创 2018-06-02 14:11:12 · 12944 阅读 · 0 评论