![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 77
李小斌96
这个作者很懒,什么都没留下…
展开
-
微信小程序车牌号输入组件(虚拟键盘)
本文参考 微信小程序中实现车牌输入功能, 进行了更加细致的键盘划分、删除等功能文中给出代码都是截图,完整代码在文末贴出。组件效果组件功能:其中虚拟键盘、新能源车牌等功能均可使用封装成一个组件可以直接 Import 使用可以给定默认初始值(如 gif 中所示)父组件通过 change 事件可以监听到车牌号每一次的变化组件部分样式也可以给定 class 来自定义可以规范用户输入车牌号,防止乱输引起的数据库错乱组件思路根据车牌号的规则,根据不同的第几位生成键盘例如:第一位为省.原创 2021-12-03 14:39:43 · 6332 阅读 · 4 评论 -
微信小程序中裁剪图片以及压缩到指定尺寸并上传
微信小程序中裁剪图片和将图片压缩到指定尺寸后上传原创 2021-12-01 10:39:10 · 12342 阅读 · 6 评论 -
关于支付宝小程序在 安卓机(米10) 倒计时问题
问题描述要在进入页面开始倒计时,倒计时十秒之后显示阅读完成,请看下面视频描述IOS 手机测试是没有问题的,用我自己的手机 (米10)测试就出现了这个问题注意:代码中设置的都是 10s 倒计时,为了测试 我刚开始设置了 test,只从页面来看,感觉倒计时是从 6s 开始了问题解决过程尝试一: 我 console 了 time 是否设置成功console 出来的结果是没问题的,由此可见是渲染的问题,不是 写的倒计时方法有问题但是,渲染的时候用的都是最简单的 this.setData 也能con原创 2021-10-19 10:57:13 · 505 阅读 · 0 评论 -
uni-app全端小程序起步 - 基础组件写法总结
前面一个章节讲述了搭建项目,用命令行新增页面和组件的一个过程。这个章节主要总结一下基础组件的写法和注意的要点。新增文件当我们搭建起项目的时候,项目中就会有一个 components 的文件夹,用于存放我们使用的组件。可以放 uni 官网提供的组件,也可以自定义组件。如果为了区分 uni 官方提供的组件和自定义组件也可以在此文件夹下再次新增划分文件夹。只要引用路径写正确,几层文件夹都无所谓。引入官方提供组件uni 官网需要额外引入的组件都是扩展组件( uni ui )。点击进入页面之后有这个.原创 2021-02-25 09:34:39 · 729 阅读 · 0 评论 -
uni-app全端小程序起步 - 搭建项目与命令行新增页面与组件
官网任意门关于uni-app小程序之前做过一点入门,这次又重新接触,从无到有的一个过程,包括构建框架,新增页面,新增组件等等。我们一点一点进行总结。搭建项目(引入基础插件)这个步骤在之前我入门的时候写过一篇文章,可直接翻阅。uni-app使用命令行搭建框架并引入uni-simple-router及uni-request其中关于引入uni-simple-router报错的问题,在此次项目实践中也未复现,重新写一下引入步骤。首先列出官网地址注:在使用了uni-simple-router插件的同时也原创 2021-02-18 11:12:51 · 2280 阅读 · 5 评论 -
小程序关于请求接口302重定向处理方法
业务场景描述后端提供了一个接口,正常post请求,但是此接口返回结果是 302 , 页面自动重定向到 结果页面。如下图所示,我们请求到这个 302 接口之后其实是希望直接打开下面那条 200 请求的 index.html 页面。下图是在浏览器中测试的 ajax 请求,那么此时我们需要在小程序中实现请求接口直接打开页面的功能。预期目标第一次尝试(失败)我们知道的是,小程序中只能使用人家提供的 API ,不能自己写,所有的封装和变换都是在 wx.request 这个 API 的基础上,底层是不能原创 2020-11-27 17:00:43 · 14189 阅读 · 3 评论 -
微信小程序中OCR身份证识别流程
申请权限登录微信小程序开发平台设置 -> 第三方设置 -> 插件管理点击添加,搜索OCR添加即可,如下图所示点击详情可以看到插件的开发文档文档传送门这里值得注意的是要从开放平台购买微信 OCR 识别不购买直接调用识别接口会报错 101003,官方文档并没有解释101003是因为没有购买。这里购买每天一百次,一年以内都是免费的代码如果是原生微信小程序的写法,直接按照开发文档引入即可OCR.idcard为例因为 uni-app 中并没有可以支持微信小程序 OCR 功能的原创 2020-09-23 10:24:01 · 8682 阅读 · 7 评论 -
关于小程序 setData 优化用法
平时我们用数组、对象时都要整体重置一下,也可以生效,找到一个优化写法局部更新对象和数组的某项数据就是在 key 上加上单引号this.setData({ 'list[0].src':list[0].src});原创 2020-09-22 09:46:15 · 699 阅读 · 0 评论 -
关于 vant weapp 中按钮 submit 不生效问题
先放上“罪魁祸首”:可以看得到 vant weapp 的官网明确说明 van-button 有 form-type 的属性尝试了很多遍,原生和 van-button 的用法,始终都是原生生效,van-button 不生效,这里特指form-type不生效。解决方法就是:使用原生这是微信小程序官网对这个属性的解释!PS:写进文档,老让人觉得是自己的使用方法有问题,最后结果就是这玩意根本实现不了!...原创 2020-09-21 16:32:21 · 2044 阅读 · 3 评论 -
微信小程序转支付宝小程序注意事项
据百度可以找到两种直接转换的方法,都是使用vscode的插件:1.wx2my2.Antmove据说antmove转换很可靠,但是因为我引入了vant和iview,也可能是因为我操作的问题,直接转换出现很多问题,完全修改不过来,所以这里我总结一下手动从微信转换支付宝的一个过程。这里推荐新手转换的时候,如果大佬请直接看插件转换第一步: 当然是新建一个支付宝小程序其中内容与微信类似,除了app.acss这个文件,相当于 app.wxss这里可以类比其余内容均可类比支付宝小程序微信小程序原创 2020-06-25 18:45:07 · 2260 阅读 · 0 评论 -
关于小程序图片预览image请求中增加验证token的问题
小程序在image标签内直接在src中填写上图片的网络地址,是无法添加头部信息的。这样对于我们保密的图片需要验证头部的token信息,是没有增加的。问题如下图:这是将网络地址直接写到了src中的情况,401授权问题官网也没有提出这个问题怎么解决,自行考虑既然我们没法直接添加头部授权信息,那么我们就按照正常的请求去请求这个图片地址,看看结果注意此时请求从img变成了xhr记得在正常请求中添加头部信息,这里wx.request中header的写法详见官网,不再赘述看请求已经是200表示正常了,但原创 2020-06-12 14:46:57 · 5494 阅读 · 0 评论 -
uni-app使用命令行搭建框架并引入uni-simple-router及uni-request
大家都知道uni-app发展迅猛,以及开发工具都十分方便。我们根据官网的步骤新建一下uni-app的项目官网任意门环境为vue(自己安装)以下步骤截取于官网使用正式版(对应HBuilderX最新正式版)vue create -p dcloudio/uni-preset-vue my-project使用alpha版(对应HBuilderX最新alpha版)vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project官网提示如下:原创 2020-05-26 15:28:07 · 5836 阅读 · 2 评论 -
关于小程序遮罩层滚动穿透问题(uni-app、微信小程序实测)
先上一张示例图,但是因为公司的项目不便展示数据内容就是上面这一层可以随意滚动选择这个问题遇到的时候我找了很多解决方法,什么说给元素增加事件等等,写JS等,基本都不可行。下面说一下应该怎么操作实现uni-app中我使用的是uni自带的抽屉组件,直接上代码<uni-drawer :visible="drawerShow" mode="right"> <vi...原创 2020-04-27 16:02:23 · 4143 阅读 · 8 评论 -
小程序运行机制
一切始于双线程- 技术选型目前来说,页面渲染的方式主要有三种:1.Web渲染2.Native原生渲染3.Web与Native两者掺杂,也就是我们常说的Hybrid渲染我们结合之前对小程序的期望来看:开发门槛:Web 门槛低,不过 Native 也有像 RN 这样的框架支持体验:Native 体验比 Web 不要好太多,Hybrid 在一定程度上比 Web 接近原生体验版本更新...转载 2020-04-13 11:18:59 · 798 阅读 · 0 评论 -
小程序获取规当前位置规划路线及直接跳转腾讯地图+小程序进行导航
一.小程序使用内置开发者工具进行线路规划1.在微信公众平台登录小程序,选择设置->第三方服务->添加插件如下图所示勾选即可添加,查看详情有插件的基本详情、开发文档和相关问题等。在这里我们选择腾讯位置服务路线规划,里面选择较多,可以按需添加。根据接入指引步步操作:首先在app.json里面添加这些配置,permission是为了询问获取当前位置的,一定要添加!!因为没...原创 2020-03-27 10:55:44 · 3560 阅读 · 5 评论 -
原生小程序引入插件及使用
利用开发者工具自动生成一个项目目录项目目录如下:引入:wxRequest(regenerator)(封装wx.request请求)wxValidate(用于校验提交表单内容准确性)vantiviewwxParse(用于将H5转化成wxml在小程序上显示的插件)此时,目录结构如下:其中puclicCss是为了方便写入的统一样式,也可以是全局的也可以是几个页面公用的。les...原创 2020-03-25 18:05:25 · 1927 阅读 · 0 评论 -
使用wepy框架,新建小程序项目
附:官网快速开始链接(点我直接跳转)打开命令行一.全局安装wepynpm install @wepy/cli -g查看安装成功 wepy --help说明全局安装成功二.新建项目1.执行命令(wepy_test是项目名称,可随意填写)wepy init standard wepy_test新建成功2.进入项目项目目录安装依赖cnpm install安装...原创 2020-03-03 10:50:50 · 314 阅读 · 0 评论 -
微信小程序下载、保存、打开文件
直接下载流文件过程```javascriptwx.downloadFile({ url: app.globalData.url + '/material/handleBlackFileDownload?id=' + id, success(res) { console.log(res) if (res.statusCode === 200) {...原创 2019-12-20 10:45:20 · 5588 阅读 · 0 评论 -
微信小程序入门常见问题总结
最近公司开始向小程序靠拢,作为零出发的人踩的坑真真的多,总结一下。1. 选项卡切换页中内容没法实现不一样的高度方法一:(新手不建议)利用swiper标签实现 &lt;view class='header'&gt; &lt;view class='{{currentData == 0 ? "tabActive" : ""}}' data-current = &am原创 2019-01-08 15:48:56 · 923 阅读 · 0 评论 -
小程序宫格布局
之前写小程序的时候用了iview的宫格,好像跳过了很多要自己写的坑,今天测试了下,总结一下方法。1.使用iview去iview weapp github引入index.json{ "usingComponents": { "i-grid": "../../dist/iview/grid/index", "i-grid-item": "../../d...原创 2019-08-15 15:08:56 · 4209 阅读 · 1 评论 -
小程序中调用摄像头修改成圆形样式并上传图片
<view class="takephoto"> <navigator open-type="navigateBack" hover-class="none" class="goBack">取消</navigator> <view class="distinguishing"> <image src="../../../sou...原创 2019-06-23 16:14:06 · 6035 阅读 · 4 评论