- 博客(81)
- 收藏
- 关注
RSS订阅原创 Navicat：连接不了本地的数据,没有权限如何解决？1130 -Host xxx.xxx.xx.x is not allowed to connect to this MysQl server
在我使用Navicat进行本地连接的时候突然出现了这个问题，刚好我也是前端开始学习后端的内容也可以记录一下这些问题。
2025-01-11 15:18:30
362
原创 uniapp: app端ios真机调试实现
运行完成后可能会弹出不受信任的开发者 这个时候在我们的设备上找到设置>通用>vpn与设备管理这个选项，可以看到我们的开发者APP当前是不受信任的 我们只需点开，信任当前开发APP就可以了
2024-08-22 11:46:29
2066
原创 父页面选项式api，子页面组合式api，子页面如何获取父页面的方法以及传值到将子页面的值传给父页面
开发的项目中是vue3的项目，但是有些同事用vue2中的选项式api写法，有些同事使用的是vue3组合式api的写法，此时子页面需要获取父页面的方法把数据传入父页面的方法中。，然后通过函数sendDataToParent来触发emit来调用从父页面中创建的自定义方法","后面可以加入需要传到父页面中的数据，如果没有则可以不用加","在父页面中order-item组件中创建自定义方法navigation和ContactTheUse这里可以方法名可以自己定义。vue3组合式api中淡化了this的作用。
2024-08-15 14:28:10
322
原创 打包时未添加camera模块,请参考https://ask.dcloud.net.cn/arss/1ooticle/283
遇到这种情况通常是因为app打包的时候manifestjson文件中App模块配置中的Camera&Gallery配置没有打开，点击相应选项勾选即可
2024-08-14 10:53:22
679
原创 uniapp小程序：大盒子包裹小盒子但是都有点击事件该如何区分？
这个时候如果点击评价有可能会点击到它所在的大盒子，如果使用css中的z-index设置层级的话如果页面的盒子多的话会混乱，所以我们可以使用事件修饰符来简化这个过程。对于点击事件，可以使用。修饰符来阻止事件冒泡点击小盒子的时候就会保证不会点击到大盒子，点击大盒子也不会触发小盒子（虽然本来就不会触发，但还是说一下）。对于小白可以教学功能实现、免费配环境。
2024-05-13 16:41:28
499
1
原创 vue：如何通过两个点的经纬度进行距离的计算（很简单）
赤道半径，从地球中心到赤道的距离，大约6378.137km；RE，地球半径，有时被使用作为距离单位, 特别是在天文学和地质学中常用，大概距离是6370.856km；由于地球不是一个完美的球体，所以并不能用一个特别准确的值来表示地球的实际半径，不过由于地球的形状很接近球体，用[6357km] 到 [6378km]的范围值可以涵盖需要的所有半径。所以我们通过地球半径进行计算的时候，通常情况下，我们可以使用上面的每一个值都可以进行计算，不过或多或少都会有误差的，但这样的。首先有一个概念需要说一下。
2024-04-16 15:33:44
1322
2
原创 uniapp：小程序腾讯地图程序文件qqmap-wx-jssdk.js 文件一直找不到无法导入
或者导出的名称与导入的名称不匹配，也会引发错误。官方的和我这里本地小程序导出方式不同我这里需要export default QQMapWX;导出而不是官方的module.exports = QQMapWX;在使用腾讯地图api时无法导入到qqmap-wx-jssdk.js文件。然后导入：这里是我的路径位置，可以根据自己的路径位置进行更改导入。解决方法：1、打开qqmap-wx-jssdk.js最后一行。文件存在，但并未正确导出。
2024-04-02 14:17:17
2253
原创 uniapp小程序：使用uni.getLocation通过腾讯地图获取相关地址信息详情（超详细）
先看运行结果：流程：搜索后点击这里已经有账号的就进行登录，没有账号的进行注册即可点击控制台：进去后点击成员管理---->我的应用---->创建应用输入相应的参数应用名称（随便写）和应用类型更具你的项目类型进行选择我选择了出行选择好后点击创建：创建好后点击添加key：打开微信小程序开发工具：这样就获取到了key：微信小程序JavaScript SDK | 腾讯位置服务 (qq.com)下载其中一个都可以解压后放在common目录下皆可，如果没有common路面自己生成即可。在微信小程序后台小程序 (qq.co
2024-03-15 11:34:49
4185
原创 css：如何让页面禁止和用户产生交互
从而禁止用户与所有元素进行交互。需要注意的是，这样会将页面上的所有元素都禁用，包括按钮、链接等，用户将无法进行点击、输入等操作。所以很多比较难得有价值的博客没有时间写，但是还是会保持跟新一些实际开发中好用的知识点。实用场景：当一个页面只需要用户查看相关信息，但不需要用户修改信息时，除了组件禁用还可以使用该模式。方法：在需要的选择器里面输入pointer-events：none即可，如果只希望对某个特定元素禁止用户交互，可以通过选择器选中该元素，并将其。上述代码会将页面中的所有元素的。
2024-03-03 15:57:26
1037
原创 vue：find查找函数实际开发的使用
一个数组invoiceList和后端传过来的数组list，list中的每一个对象插入到数组productlist，在插入之前需要判断invoiceList中每个对象的goodsOrgId和list每个对象中每个对象中的goodsOrgId是否相同，如果相同则不插入。然后返回该元素的值。如果没有元素满足测试函数，则返回。，对每一个元素执行提供的函数，直到找到使该函数返回。方法主要是查找数组中的属性，会。
2024-02-21 15:53:15
1724
原创 idea: 无法创建Java Class文件（SpringBoot）已解决
第一：点击file-->project Sructure...选择自己需要创建java的文件夹（我这里选择的是main）第二步：点击Moudules。然后就可以创建java类了。
2024-02-08 20:46:47
5171
2
原创 解决：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.11.0:compile
找出当前项目的 JDK 和环境变量中配置的 JDK 版本不一致。我只需要改了环境变量中 JDK 安装路径就可以了。第二部点击Project 选择和pom.xml文件中指定的jdk版本，我这里是17。在排除maven最低3.6.3版本和java-JDK最低17版本都兼容的情况下。由于我的JDK版本是17（springboot3最低版本也是17以上）第一步打开file--->Project Settings。第三部点击SDKs将版本改成17。最后点击ok确定运行即可。
2024-02-03 22:11:49
6231
1
原创 vue3：中warch监听的几种写法
作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref 定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组。
2024-01-31 23:32:29
1112
原创 uniapp小程序：内存超过2mb解决方法（简单）message：Error: 上传失败：网络请求错误 代码包大小超过限制。
1、Hbuilder中点击运行-->运行到小程序模拟器--->运行时是否压缩代码。分析：这种情况是代码文件内存超过2mb无法进行预览上传。3、点击预览即可运行了。
2024-01-26 11:18:48
2860
原创 uni-app小程序：文件下载打开文件方法苹果安卓都适用
以确保它们在传输和处理过程中不会被误解或错误解析。这样可以避免因特殊字符导致的错误或安全问题。特殊字符转换为它们的UTF-8编码表示形式。encodeURI函数将URI中的。点击文件1就可以下载打开文件预览了。
2024-01-20 17:38:09
2247
原创 uni-app小程序 uni.showToast字数超过两行自动省略显示不全问题
在实际开发过程中如果用户提交某些文件时，如果缺少某些条件我们要提醒用户缺少那些条件才能提交，但是如果我们用。的时候就会导致文字显示不全，达不到提醒的效果，这种时候我们就需要使用。uni.showToast提醒的次数超过7个字。uni.showModa显示态弹窗。
2024-01-18 10:47:55
5611
原创 uniapp：如何将返回标根据下滑的距离而改变颜色
在项目过程中我们会遇到这种情况：返回标和背景颜色重合导致无法看见的情况，这里有一个简单的方法可以实现这个api会实时监听你鼠标向下滚动的距离，直接写在vue2：methods中即可。vue3直接写在setup函数中就可以了如图所示：来看看运行效果：
2024-01-12 14:13:07
767
原创 如何将后端带过来的字符串通过‘,’号作为判断依据，分割字符串然后生成数组
遍历字符串str，通过split方法根据需要切割字符串，我这里是“,”号，然后再用用push方法将分割后的元素添加到新的数组中即可完成该功能，然后再data域中获取定义新的数组array，将arr赋值给array，然后再template中通过v-for列表渲染数据即可。这种数据类型如果想渲染在html中的话就会很麻烦，我们可以通过","号为切割点将它放入数组中，通过列表进行渲染。
2024-01-11 14:37:48
798
原创 面试题：vue2中option API的和vue3中composition API中的数据和方法能否交互？
假如在实际工作的时候vue3项目有些人会使用vue2的语法写，这个时候如果你用vue3语法写要明白如果想获取data的数据是获取不到的，所以最好是全部用vue3语法写或者用vue2获取，或者用pinnia获取数据等。因为composition API中的函数setup在页面的生命周期中要比vue2中option API中的data、methods等这些。从vue3中的composition API中进行调用， 而vue3中的composition API是。，所以vue2中option API中的数据。
2024-01-05 10:44:56
476
原创 数据结构：通过c语言写一个图书管理系统（数据结构期末作业）
可以通过按不同的序号通过不同的提示获取不同的功能。1：图书馆系统的建立。2：输入图书基本信息。
2024-01-02 15:12:18
1023
原创 vue中$nextTick作用和实例
因为生命周期created函数是在dom还没有渲染前使用的函数，如果在creted函数中使用dom肯定会报错，所以在函数中可以用nextTick来获取dom如图所示。，会先把新的数据攒一赞，例如假如v-for更新这三个数据item1和item2和item3，按照vue的特性dom更新的特性会把。当dom元素更新后控制台打印samsung，最后在执行this.$nextTick中的内容。如果不加nexttick的话点击事件触发的时候，字符串变红，然后dom元素更新，但是。个数据更新完的时候想获取item1。
2023-12-28 10:53:15
630
原创 vue运行项目时network：unavailble的解决方法
因为WBEM是管理协议和网络标准技术的一项业界倡议，这个程序对系统的正常运行是非常重要的，所以不能删，必须保存环境变量中，删了就会导致系统网络的一些问题，其中network：unavailable的出现就是问题之一。
2023-12-15 10:26:33
2364
6
原创 Cookie、Session、Token的区别与联系
存储在浏览器中的一段字符串：用户名＋密码＋密钥组成的字符串 header.payload.signatureheader:声明需要什么算法生成签名会经过Base64编码payload：一些特定的数据，有效期之类的经过Base64编码signature：签名的信息，就是结合上面两段编码进行算法运算生成签名信息算法就是header声明的算法 过程：浏览器向服务器发送请求时，服务器就会生成JWT让浏览器保存，而不是服务器保存保存jwt签名的密文，让浏览器以Cookie或者Storage的形式进行存储，
2023-12-12 10:46:04
248
原创 vuex如何存储数据、获取数据、以及数据的持久化
第一步，在vuex中matations模块中加入存储数据的方法第二步，在需要提交数据的页面使用this.$store.dispatch方法通过点击事件submitForm即可将数据传入vuex中。点击跳转到About页面。
2023-12-09 11:30:47
7227
原创 vue：ESLint如何自动修复代码
代码本身没有问题，但是因为这是一个ESLint的错误提示，但是它指出了在文件E:\vscode\vuesua\src\views\HomeView.vue中的第18到33行存在缩进错误。具体来说，第18到25行的缩进应该是2个空格，而第26到33行的缩进应该是4个空格。此外，第25行函数的左括号前应该有一个空格。这些错误可以通过手动更正代码或使用ESLint的--fix选项自动修复。而webpack编译时出现了1个错误，需要查看具体的错误信息来进行修复。在vue开发过程中第一步总会遇到一个问题，就是。
2023-12-04 10:45:43
1433
原创 watch监听中重复触发如何解决？
在实际开发工程中通过获取后端数据监听判断数组中长度是否大于0从而调用其他的方法，但是如果data域中的数据出现变化的话。
2023-11-29 10:55:28
3090
原创 vue中keep-alive的使用
keep-alive是vue中内置组件，无须引入或者下载插件，直接可以引用，且可以保存组件的状态不被销毁，从而保证组件中所有的内容状态得以保留。
2023-11-27 10:31:39
879
原创 uniapp:如何实现点击图片可以全屏展示预览
这个需要使用uniapp中的api：uni.previewImage，使用方法如下。这样就可以实现照片的预览和全屏展示了。
2023-11-22 11:07:53
3843
原创 vue：如何把后端传过来的数组的其中一个对象加入新的属性
我们直接通过索引0来获取boxes数组中的第一个对象，并将其赋值给变量obj。然后使用Vue提供的$set方法，将name属性插入该对象中，并赋值为土鸡。这样就实现了将属性name：土鸡插入到第一个对象中的操作。模拟后端获取的数据boxes,然后我们把新的name：土鸡，把boxes第一个对象的name属性‘张三’，跟换成土鸡。加入我们是更改数组中的第一个对象，在vue中可以使用$set方法将属性插入到第一个对象中作为属性。
2023-11-14 22:25:49
1157
原创 JavaScript：获取实时年份、月份、日期
总结：通过Date对象获取实时年、月、日，然后赋值给year、month、day，最后赋值给currentDate，输出即可。一个比较简单的功能吧，但是忘记忘记，所以记录一下，忘记的时候可以翻翻，大家忘记的时候也可以看看。JavaScript的Date。
2023-11-10 15:01:46
1458
原创 在uniapp和微信小程序中onshow和onload的区别
优先级：onload>onshow，onload先触发，onshow后触发。onLoad：页面加载时调用，可以获取参数，通过options，但是。简单来说就是页面显示时调用(启动/页面从隐藏到启动)，可调用多次。"onShow"生命周期函数在页面显示或从后台切换至前台时触发。它适合处理需要在页面显示时进行的操作，例如更新数据、启动定时器等。每次页面显示或从后台切换至前台时都会调用"onShow"。在uni-app框架中，是两个页面级别的生命周期函数。onLoad"适合进行页面初始化操作”
2023-11-09 18:05:05
1488
原创 vue：如何实现通过判断数组中每个对象的其中一个属性，从而更改另一个属性的值
2、在methods域中写一个方法遍历这个box数组判断每个对象中的status属性是否等于审批中，如果等于id的值变成1，否则为0，然后输出数组。1、假设一个box为一个包含多个对象的数组，这个box数组可以在方法中定义也可以在data域中定义。
2023-11-07 12:08:54
990
原创 vue:写一个数组box和list数组，在保留box数组中原有对象的同时，将list数组中每一个对象插入到box数组后面
data() {return {box: [/*初始的box数组对象*/],list: [/*初始的list数组对象*/]
2023-11-07 11:03:19
498
原创 vue：js中合并对象的方法
大多数使用合并对象的方法主要是object.assign()、es6中的解构赋值语法、以及循环遍历，原理都是获取每个对象的属性合入新的对象中。只是方法不同。
2023-11-03 11:52:34
2916
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人