qq_42961150的博客

vuex在uniapp中的运用，在脚手架项目中思路是一样的，可供参考。vue2中的vuex工程化可能比较熟悉，在vue3中可能会有些不一样的使用方法，毕竟vue3用的是vite打包编译

最近在做微信小程序皮皮虎去水印的时候，发现在下载某些图片的时候，会出现下载失败的情况，报错saveImageToPhotosAlbum:fail invalid file type。本文是报此类错误的解决方案。

微信小程序的简单开发流程，做一个比较详细的开发流程分析。

在做项目的过程中用到了tab切换，本想着去插件市场找一个直接现用，后面发现找到的tab切换并不是我想要的那种使用方式，于是我结合了element-ui中Tabs标签页的方式写了该组件

我最近个人使用了uniapp+vue3开发了一款微信小程序，在开发的过程中使用了一些使用方法，之前我在论坛上看到了许多人在问相关的问题，所以我在这里做一个简单的总结

公众号组件official-account，本身样式是固定的，也不支持修改样式。但是在做微信小程序的时候，有个需求就是把关注公众号的组件改成一个按钮，不要问为什么，因为有现成的别人家的小程序就可以点击一个按钮去关注公众号。于是在网上搜了一些案例，发现没一个靠谱的。不过后来，被我攻破了这个难关。那么我就把这个关注公众号组件自定义样式方法分享出来。

目录前言微信小程序区分开发版、体验版、正式版百度小程序区分开发版、体验版、正式版uniapp打包h5和app区分开发环境、生产环境关注我，不迷路前言后面介绍的涉及到小程序、h5、app等多平台环境区分。小程序环境判断在小程序中的使用场景，一般情况是不同的环境下可能需要使用不同的ip地址去调接口或其他特殊操作。小程序环境一般分为开发版、体验版、正式版。h5和app的环境一般区分为开发环境、生产环境。// 当前环境const env = 当前环境;const baseApi = {

目录需求来源实现步骤注意事项更多前端知识需求来源最近有个需求：移动端网站某个页面，需要实现点击某个按钮能直接打开微信小程序，避免打开中间页打开小程序的方式，这种方式对用户更友好，避免用户流失。这时候就得动动自己的小脑筋了，由于该开放能力是微信小程序开放不久，所以网上的相关资料较少。小程序的官方文档肯定是有的，在小程序的开发能力=》获取小程序链接中找到了相关文档。获取 URL Scheme、获取 URL Link、获取 Short Link等等，都是获取打开小程序链接的方案。经过阅读文档，

目录问题描述原因分析解决方案更多前端知识问题描述本文适合小白交流，首次利用小程序云开发，将遇到的坑记录一下。我也是在论坛搜到很些人遇到类似问题，但是并没有正解，连官方的人都不知道开发者错在哪一步，其实是小白开发者进入了误区，后续会说明这个误区。可以到官方论坛看类似问题注意： 所遇到问题的案例是来自官方提供的案例官方说明： 网页会判断所在的环境来觉得采用哪种跳转方式，如检测到微信客户端内，则免鉴权使用开放标签跳转，如检测到在外部浏览器或 App，则使用 URL Scheme 跳转小程序。

目录前言前提条件注意实现步骤更多前端知识前言此方案是我在实际开发中的全部过程，因为我也是第一次做小程序的云开发，一开始根据这个文档就遇到了一些坑，所以在这里我做了更详细的步骤分解。非个人主体并且已认证的(微信认证)小程序，使用云开发静态网站托管的网页，可以免鉴权跳转任意合法合规的小程序。即可以在微信内部浏览器的 H5 跳转小程序，也可以在微信外部浏览器或其他部分 App （如企业微信、QQ 等）跳转微信小程序。静态网站网页在微信客户端打开时，wx.config 可以传入小程序 App

目录背景前提条件实现步骤更多前端知识背景在同一个公司，同一个背景下开发多个小程序，它们之间可能会有联系。在某些条件下，小程序之间还会相互跳转。那么问题来了，小程序之间是如何实现跳转的呢？我也是在网上找了一些相关案例，再加上自己的实际开发。在做的过程中，其实最打脑壳的就是一开始没搞清楚小程序后台和公众号后台的区别，所以没找到小程序管理的入口。为了让整个流程更加清晰，我在这里总结一下整个实现流程。前提条件准备一个公众号，需要从微信公众平台登入，没有就需要注册一个；至少准备两个需要关

目录概要平台支持度效果图属性说明使用示例Tips更多前端知识概要在做小程序的时候，遇到需要竖向放置的slider滑动组件，原以为将官方提供的slider旋转90度就可以用了，后面发现没法那样使用，于是我自己写了该插件，支持竖向放置和滑动。此插件功能与官方提供的slider功能类似，但是官方的不支持竖向滑动，所以该插件支持两个方向：横向、竖向。uniapp插件市场下载：https://ext.dcloud.net.cn/plugin?id=6538git地址：https://g

小程序下载图片保存到相册功能，首次操作会提示：保存图片或视频到你的相册，有‘拒绝’和‘允许’两个选项，如果选择了拒绝就会保存失败：saveImageToPhotosAlbum:fail auth deny，那么后续想打开该权限又该怎么操作呢？这里示例运用的是uniapp框架，如果是用微信小程序官提供的框架，就把uni替换成wx知识点： uni.openSetting(OBJECT) 调起客户端小程序设置界面，返回用户设置的操作结果。具体可以参考官网说明：https://uniapp.dcloud.i

最近在做小程序的一个下载文档的功能，模拟器、真机调试、体验版（非调试环境）下都没有问题，可以正常下载打开文档。但是体验版非调试模式测试的时候发现下载不了，直接返回downloadFile：fail url not in domain list。第一反应domain这个东西跟跨域有关系，差不多就这个意思嘛。其实就是合法域名的问题。文件地址：https://img.book118.com/sr1/M00/00/00/wKh2AlsvMIqISi13ABZ65_BaB88AAAAAQAK1k4AFnr_5

随着前端的知识不断更新，小程序也成为了我们开发中的日常。微信小程序、百度小程序、支付宝小程序、头条小程序等等不断涌入我们的生活，随着小程序的火爆，各种小程序框架不断出现，也在不断更新。路漫漫，学不完呀！归根结底，都是一个目标，把小程序给制作出来，只是使用了不同的框架。那么目前有哪些框架/组件库比较优秀呢？我在这里简单的罗列以下几款：1. uni-app官方地址：https://uniapp.dcloud.io/READMEuni-app是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一

概要只需要封装一次，就可以不用再改动代码功能参数化，更加灵活async+await和promise的思想，执行效率更高代码更简洁，更像同步代码只适合uniapp中使用核心代码及使用思路request.js/** * uniapp之请求封装（利用async+await和promise的思想） * options {Object} 参数 * options.url {String} 请求地址 * options.data {Object} 请求参数 * options.method

uniapp中使用webview相互通信概要uniapp打包成的小程序、app，在某些场景下需要访问第三方或其他上线的h5页面，并要实现交互通信，一般就是h5页面点击某个按钮，需要通知应用做出下一步的操作。注意：根据官方文档提供的例子，APP、微信小程序、H5都没问题，但是百度小程序必须添加业务域名通信功能才能生效。下面的代码还实现了应用向h5页面即时通讯，关键词:‘#’。uniapp页面<template> <view> <web-view src="h

一、前言小程序web-view访问一个非uniapp制作的h5页面的相互通信，这个我在之前的文章中已经写得很清楚了，也没有太多的坑，具体可查看：uniapp中使用web-view相互通信小程序中web-view加载uni-app H5其实思路是一样的，只不过这里有一些坑，而且我在社区去搜相关问题，确实有好些人提问，但是下面回答的也不太靠谱，于是我在这里综合起来总结下：二、解决方案【坑1】怎么在uniapp H5中嵌入uni sdk？根据官方提供的，h5配置中有个index.html模板路径，

概要在小程序开发中，获取用户信息，获取手机号基本是必须用到的功能但是在有些时候会遇到小程序解密失败的问题，这多数是因为前端这边登录流程出的问题会出错的流程：前端多数是把open-data的获取加密信息按钮做成登录按钮，然后点击的时候用wx.login获取code，成功后将加密信息和code传到后端直接调用解密手机号的接口，这样session_key可能没来得及刷新，从而导致解密失败，但是第二次解密一定会成功的现象原因分析出错的原因：在回调中调用 wx.login 登录，可能会刷新登录态。此时