咸虾米_-CSDN博客

原创咸虾米壁纸微信小程序下载图片到相册saveImageToPhotosAlbum功能修改

当我将咸虾米壁纸这个项目进行重构的时候，想要将图片资源变得小一点，所以在上传图片的时候均采用了webp格式的，这样就导致再预览页面下载图片的时候出错了，之前使用的是uni.getImageInfo()这个API，该API不支持webp图片格式获取临时地址，所以这篇文章将getImageInfo方法改成uni.downloadFile()方法便可解决。

2024-12-20 11:39:05 744

原创 uniCloud云开发视频教程-从基础入门到项目开发实战-uniapp进阶课文章管理系统（云函数/云数据库/云存储）

今天给大家带来一门uniCloud基础入门到项目开发实战的课程。

2024-12-13 10:32:48 1223

原创 uniapp使用扩展组件uni-data-select出现的问题汇总

在录制这门课程的时候，可能在视频中出现的一些问题，没有发现或者没有解决，因此写一篇文章记录一下已知的bug以及扩展知识。

2024-11-29 14:29:10 1472 2

原创咸虾米录制的uniCloud云开发入门课程再次得到官方推荐

uniCloud云开发vue3版本被官方评审后收录，官方推荐请大家放心食用。该门课程，学时将近16个小时，录制历时1个多月完成。

2024-11-21 09:30:44 375

原创 quill-delta-converter 公共模块不存在，请在 uniCloud/database 目录右击“配置schema扩展公共模块“添加 quill-delta-converter 模块

在uni-admin项目中，导入uni-cms运行，通常就会出现如下报错，quill-delta-converter 公共模块不存在，请在 uniCloud/database 目录右击"配置schema扩展公共模块"添加 quill-delta-converter 模块。

2024-11-15 09:40:11 445

原创 uniCloud云对象调用第三方接口，根据IP获取用户归属地的免费API接口，亲测可用

收费文档的肯定有很多，基本你百度搜“归属地免费API”，搜出来的都是那种免费多少次的，后续要收费的那种，真正免费的很少，这些年也用了几个归属地API接口，运行一段时间发现挺稳定的，给大家推荐一下。

2024-11-09 18:15:07 1099

原创 vite跨越配置设置bypass函数，查看真实的接口地址，适用于uniapp

vite跨越配置设置bypass函数，查看真实的接口地址，适用于uniapp项目调用第三方接口的时候，出现跨越配置，查看真实的接口调用地址的方法。

2024-11-08 10:58:36 577

原创 js使用取余的方式，匹配合并两个数组，使用map循环遍历解决问题

通过这种取余的方式进行两个数组匹配合并，还是挺好用的，上面代码AI写的，正好满足我的要求，下面的上传图片代码就是使用这种方式解决的，记录一下，以后用的时候别忘了。

2024-10-30 15:04:48 279 1

原创 uniapp+uniCloud前端独立开发全栈项目Vue3版本学习路线，轻松开发H5、微信小程序、APP

这个学习路线是uniapp+uniCloud生态开发微信小程序、H5、APP等实战项目，从零基础开始到各种类型的项目案例，使用比较新的vue3语法糖版本，通过前端的技术可以轻松开发上线前后端全栈应用，当然，如果你熟悉vue2可以学习vue2版本uniapp开发生态学习路线，不过目前vue3比较盛行，编译打包速度也要快，建议入手vue3版本的学习路线。

2024-10-28 15:16:12 1830

原创 uniapp+uniCloud生态Vue2版本完整的学习路径，轻松独自完成上线前后端项目

这篇文章给大家介绍uniapp+uniCloud快速开发上线自己的产品应用，这个学习路径是针对的vue2版本的，为什么这时候还在介绍vue2版本那，虽然uniapp目前已经支持vue3版本了，但是系统生成的代码还是vue2版本，如果你对vue2不熟悉的话，可能会对他系统生成的代码不知道如何修改，而且还有一个关键点，就是微信小程序原生的代码开发也是类似于vue2，如果你学过微信小程序原生开发的话，上手uniapp Vue2版本更容易，vue2版本在市面上的产品和插件还是很多的，有一些优秀的插件还不支持vue3

2024-10-18 17:22:06 920 1

原创创建uniCloud新项目并且是新服务空间，运行会报Error: Invalid uni-id config file错误

新创建的服务空间，新起的项目，运行查询数据库就会报错，Uncaught (in promise) Error: Invalid uni-id config file

2024-10-17 10:04:59 780

原创 dayjs日期格式化，开发uniapp或unicloud前后端进行时间格式转换

为什么要日期格式化，因为在开发项目过程中，会遇到各种各样的日期格式，有的显示完整的年-月-日时:分:秒，而有的场景就只显示月-日等格式，还有就是显示当前时间和注册时间的间隔时长等，场景非常多。

2024-10-13 23:52:03 2628

原创咸虾米壁纸微信小程序，又被投诉‘色情’被封了，求放过~~

咸虾米壁纸，不知道又被哪个小可爱投诉了，又给我封了，封禁还挺严格

2024-09-13 17:51:51 1042 1

原创 uniCloud服务空间选择支付宝云后，使用uni-file-picker扩展组件不回显的bug处理

原来云开发一直选择的是阿里云服务空间，官方一直推支付宝服务空间，这次开发就选择了支付宝云，发现了还是有些组件并不是完全兼容的，其中就发现了uni-file-picker组件，图片上传后不回回显的问题

2024-08-14 17:30:52 876 4

原创 uniapp项目中用uniCloud云对象生成微信小程序码和微信二维码的方法总结

uniapp项目中用uniCloud云对象封装生成微信小程序码和微信二维码的三种方法。

2024-08-11 21:18:48 1318

原创 vscode编辑器，写vue3代码，在函数内写了return之后自动删除后面的代码，怎么解决？

如下图所示，不知道有没有遇到过的，在vscode编写vue3代码，在任意函数内写了return之后，后面的代码自动给删除了，这问题该如何解决那？

2024-08-08 16:36:46 449

原创开启 pnpm ：corepack enable

corepack是npm的一个工具，‌它允许你在不全局安装包的情况下，‌运行包中的命令。‌当你启用corepack后，‌你可以直接运行pnpm等命令，‌而不需要先全局安装它们。‌

2024-08-02 17:41:38 2642

原创抽奖大转盘uni-push使用websocket协议实现uniapp+uniCloud实时推送在线互动抽奖项目打包H5微信小程序_咸虾米

嗨，大家好，我是爱搞知识的咸虾米，今天给大家带来的这们课程是使用uni-push实时推送，完成的在线互动抽奖综合项目。

2024-07-27 15:58:47 527

原创 uniapp零基础入门Vue3组合式API语法版本开发咸虾米壁纸项目实战

今天给大家带来的是零基础入门uniapp，课程采用的是最新的Vue3组合式API版本，22年发布的uniappVue2版本获得了官方推荐，有很多同学等着我这个vue3版本的那，如果没有学过vue2版本也没关系，因为这门课程知识点更全更详细，项目案例也更完整。

2024-07-03 21:45:59 2027 4

原创 uniCloud云存储uni-cdn七牛云扩展存储-开发uniapp项目节约开发成本

为什么要使用uniCloud的扩展存储，那就是省钱，而且DCloud也一直在推uni-cdn，我在项目中也使用七牛云的扩展存储，确实是省钱，如果你的项目使用到大量的图片后者音视频，这些的算计可以帮你省不少钱。下面就通过一篇文章，为大家讲解一下如何使用。

2024-05-27 23:21:14 1617 7

原创 uniapp创建opendb-city-china Schema文件后，如何导入城市的数据？

uniapp创建opendb-city-china Schema文件后，如何导入城市的数据，云数据库导入json要求的格式是什么样的，通过这篇文章给你解答。

2024-04-02 14:26:04 930

原创如果使用npm无法下载模块依赖，那么你可以尝试一下这个方法

如果执行，npm install XXXX，出现了无法安装，一直等待，如何解决？

2024-02-27 11:43:25 1560 4

原创开发微信小程序，将图片下载到相册的方法，saveImageToPhotosAlbum怎么用

在开发微信小程序的时候，经常能看到小程序里面有下载按钮，如何将小程序中的图片下载到手机相册中那，下面给大家说一下怎么做，代码如何去写。

2024-01-26 17:26:05 4918 1

原创使用uni-id-pages的登录页面，如果点击登录就会报如下错误Cannot find module ‘lodash.merge‘ \uni-id-co\common\utils.js

开发uniapp+unicloud项目，使用uni-id-pages的登录页面，如果点击登录就会报如下错误Cannot find module 'lodash.merge' ...\uni-id-pages\uniCloud\cloudfunctions\uni-id-co\common\utils.js。

2024-01-23 16:19:12 1531 6

原创在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题

uniapp项目在浏览器运行，有可能调用某些接口会出现跨域问题，通过三种方案给大家解决浏览器请求接口的跨域问题。

2024-01-12 10:13:50 7055 10

原创开发uniapp使用Vue3组合式API版本，如何实现从vue模块中自动导入

在常规开发uniappVue3的项目时，需要用到ref、computed等需要每次都手动import导入，使用unplugin-auto-import插件就可以免去每次导入的步骤。

2024-01-06 15:22:00 9650 15

原创 uniappVue3版本中组件生命周期和页面生命周期的详细介绍

生命周期有多重叫法，有叫生命周期函数的，也有叫生命周期钩子的，还有钩子函数的，其实都是代表，在 Vue 实例创建、更新和销毁的不同阶段触发的一组钩子函数，这些生命周期函数允许开发者在不同阶段对 Vue 实例进行操作，以便执行特定的逻辑或清理工作。

2024-01-05 14:28:36 9601

原创 vue3中computed计算属性和watch监听的异同点

在开发vue项目中，computed计算属性和watch监听经常会用到，那么在什么场景下用这两个属性更合理那，这篇文章介绍一下计算属性和监听属性的异同点。

2023-12-30 10:49:32 2143

原创 ES实用的深度解构赋值方法

基于这种特性，如果一次性想要定义多个变量，就可以使用这种解构的方式定义，相当于一次性定义了三个变量并对变量进行了赋值。在实际开发中基本没有上面那种简单的结构，大多数都是数据结构比较复杂，用好了解构赋值才会让你的代码看起来更加整洁。解构数组和对象有些不同，解构对象的时候属性前后位置不影响，但是结构数组，需要按照索引顺序结构。如果使用解构的话，只需要如下面格式所写即可，保持将变量名和对象属性名同名才可取到值。作者：咸虾米，如果对内容有更好的建议或者优化方案，请评论留言。同上面对象别名方式一致。

2023-12-26 23:40:25 2662 5

原创各种类型的for循环遍历，forEach/map/filter/for...in/for....of/every/some/includes/reduce的详细用法

前端对数组操作最为频繁，选择合适的数组循环遍历，可以提升开发效率。我们就通过这篇文章给大家总结一下数组常用的循环遍历方法，让大家一次性掌握这些方法的使用技巧。

2023-12-21 17:56:47 6137 9

原创 unicloud云函数url化后，客户端通过url地址向云函数发送数据流并传递到云存储中

在不久前录制过这样一门课程，使用uniapp生态开发API接口，通过这套课程，你不需要后后端Java、Python、PHP等后端语言，你只需要用前端的知识就可以构建这样一套API接口，而且使用uniapp生态开发接口更简单高效，如果没有学习过这么课程的同学，一定要去看一下这们课程。

2023-12-01 22:59:27 1446 6

原创 css渐变背景，linear-gradient()线性渐变和radial-gradient()径向渐变

我是爱搞知识的咸虾米。许多APP、小程序、网站等都喜欢采用渐变色背景，这样做不但可以增加设计感，而且能提升品牌辨识度。所以，今天使用css的线性渐变和径向渐变，给大家将这几种不同类型的渐变背景写出来。首先给大家分别展示几款常见的渐变色背景，然后我们依次完成编写。

2023-11-13 23:37:17 2096 2

原创自定义元素宽高比例（aspect-ratio）与@supports兼容支持和图片裁剪（object-fit）的用法

使用grid布局可以轻松实现响应式布局，子元素只需要设置最小宽度即可，如果对子元素没有设置高度，那么高度取决于内容的最大值，这样显然是不稳定的，如下图所示：出现这种问题就造成布局混乱了，可能你最先想到的解决办法就是为子元素设置固定高度，这样显然是没有问题的，但是设置了固定高度之后，宽度可能是响应式的，高度固定了之后可能就会出现不协调的问题，如果想要达到这个目标，可以使用aspect-ratio宽高比例属性完成。

2023-10-31 23:14:45 3097

原创 grid网格布局，比flex方便太多了，介绍几种常用的grid布局属性

如果使用justify-content: space-between;注意：这三个属性是给父容器添加的，子元素，可以不用设置宽度，也不用设置margin间距即可完成如下布局。如何想让最后一行左对齐是有办法的，大家可以自行去搜索办法，能实现但是操作起来有些麻烦，但是。

2023-10-16 23:24:49 10328 15

原创 uni-sec-check内容安全unicloud公共模块，校验微信小程序文本内容安全识别和图片智能鉴黄，uniapp进阶

uni-sec-check内容安全是unicloud封装了微信小程序的免费接口，文本内容安全识别（msgSecCheck）和音视频内容安全识别（mediaCheckAsync），如果我没选择使用uniapp+unicloud开发的话，可以轻松从插件市场引入uni-sec-check公共模块，完成内容安全检测，包含图片和文字检测，下面就针对文本内容和图片进行安全校验，前置知识肯定需要会uniapp和unicloud等知识。

2023-09-27 16:11:54 3648 11