![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 69
以移动端技术为主的文章
波 吉
想做产品的小小前端
展开
-
ReactNative踩坑及技术方案总结(2022 持续更新中)
该文章旨在将近期学习的 ReactNative 所踩的坑、技术方案进行总结,减少重复造轮子、踩坑的时间。你所深陷的困境,可能别人早已轻而易举地解决,不要把脑力和时间浪费在这上面!原创 2022-09-21 07:52:38 · 1582 阅读 · 0 评论 -
【uniapp】解决 uni.previewImage 不支持Base64的图片在APP上预览的问题
1. 背景 在使用 uni.previewImage 预览 base64 流的图片的情况下,只能在 H5 实现预览,在 APP 上打开后会呈现黑屏并一直转圈。参阅了网上资料后,有效的方法思路如下:先将 base64 转为临时路径,再通过 uni.previewImage 来进行预览。2. 实现1)到插件市场下载 image-tools 到项目里(或直接 npm 下载)npm i image-tools --save2)完整示例<template> <view>原创 2021-11-23 14:29:50 · 4137 阅读 · 2 评论 -
【uniapp】H5扫码方案,解决uni.scanCode不支持H5的问题
1. 背景 uniapp 中自带的 uni.scanCode 只能应用于 非H5,在H5上是没有提供该类扫码功能。 在参考了前辈的文章后(在此特别感谢 uniapp H5扫码实现 提供的方案和灵感),本文的解决方案是:通过调用相机拍照,拍完进行二维码识别。2. 效果完整demo下载地址(希望花您两秒钟的时间点个 star,这将是我持续创作的动力):https://gitee.com/Jokerlsss/h5-scan-code点击按钮调起相机(或相册)拍照(或选择照片)后确认,自动识别原创 2021-11-05 11:57:17 · 8346 阅读 · 18 评论 -
【uniapp】解决编译成微信小程序时,自定义组件会多一级父级节点
1. 背景uniapp 中的自定义组件,DOM节点如下<div class="father"> <div class="son"></div></div>编译成 微信小程序 之后的节点如下<div class="father"> <div class="多出来的节点"> <div class="son"></div> </div></div>2. 原因从官原创 2021-10-28 20:59:20 · 3866 阅读 · 5 评论 -
【uniapp】使用扫码插件,解决uni.scanCode扫码效率低的问题
1. 背景 uniapp 中自带的二维码扫描的 API 是 uni.scanCode,但有如下问题:二维码扫描的效率不高,有些需要扫2秒左右较小或模糊的一些二维码无法识别出来,多次扫同样的一个码可能出现扫码失败的情况受环境影响大,比如光线暗时识别率低若二维码中间放置了自定义 logo,有一定概率无法识别到该二维码 uniapp 官方文档也提到:App的扫码引擎,使用业内开源的通用扫码库,扫码效率比不过微信、支付宝等商业扫码库。 故推荐使用支付宝扫码插件:https://ext.原创 2021-10-24 23:18:44 · 12043 阅读 · 11 评论 -
【微信小程序】小程序中几种跳转页面的方式
本期内容本期将介绍小程序中,几种跳转页面的方式以及区别1、只能跳转到 tabBar 配置页面 在微信小程序中,我们可以分为两种不同的页面,一种是带底部导航栏,也就是 tabBar 的页面,一种是不带导航栏的普通页面。当我们在 普通页面 -> tabBar 页面 时,就需要用到如下方法:wx.switchTab({ url: 'pages/index/main'})带导航栏的页面如下红圈处:普通页面如下,不带底部导航栏:2、返回上一级页面( ...原创 2020-05-16 21:45:49 · 3234 阅读 · 0 评论 -
【uni-app】一文看懂uni-push个推的使用
前言 一些技术或者功能的使用,经常是需要翻阅多个文档才能得到想要的答案。故整理成文档,一条线下来从基础概念到简单使用,方便有需要的人查阅。 首先会展示 目标(效果) 来让你了解该篇内容要达到什么样的使用情况,其次会告诉你通过什么样的过程达到该 目标 ,最后会整理过程中遇到的 常见问题 及解决方法,也欢迎各位能把遇到的问题和解决方案私信让我补充上去,感谢!1. 基础概念(必须了解,已了解的可直接跳过)1.1 什么是消息推送?如同微信收到未读消息后会在通知栏显示,该条消息便是微信APP的消息推原创 2021-04-06 20:37:57 · 8534 阅读 · 3 评论 -
【uni-app】uni-app移动端开发 - 登录界面
基本需求uni-app 框架的优点在于一次编码,多端编译运行。本次通过完成一个登录界面,来学会uni-app 框架的使用,以及开发过程需要注意的点,还有难以排查出来且又找不到资料的一些坑,总有一些你需要的信息,接下来先明确登录界面的基本需求。登录界面是再简单不过的界面,但麻雀虽小,五脏俱全。本次演示在用户输入框、密码输入框及一个登录按钮的基础上,增加些许样式,完善交互中容易被忽视的问题。操作流程:点击帐号输入框并输入 -> 点击密码输入框并输入 -> 登录按钮变为可用并亮...原创 2020-09-27 15:13:15 · 19378 阅读 · 18 评论 -
【uniapp】版本号的正确设置
问题1)情形一:新版本中页面路径有改动1版本:A页面在 A 路径下2版本:A页面改为在 B 路径下2)情形二:新版本中新增页面1版本:无A页面2版本:有A页面如上两种情况都会出现如下的结果:如果直接安装2版本的apk,是可以成功打开A页面的如果是从1版本升级到2版本,就报错提示找不到A页面对应的路径解决方法经过排查,uniapp的 应用版本名称 和 应用版本号 必须按照官方所提示的来配置。1)原因一:应用版本名称我没用默认的值去递增,而是自己使用了语义化版本系统默认值为:1.0.原创 2021-04-28 15:56:57 · 4365 阅读 · 0 评论