- 博客(76)
- 收藏
- 关注
RSS订阅原创 vue：如何通过两个点的经纬度进行距离的计算（很简单）
赤道半径，从地球中心到赤道的距离，大约6378.137km；RE，地球半径，有时被使用作为距离单位, 特别是在天文学和地质学中常用，大概距离是6370.856km；由于地球不是一个完美的球体，所以并不能用一个特别准确的值来表示地球的实际半径，不过由于地球的形状很接近球体，用[6357km] 到 [6378km]的范围值可以涵盖需要的所有半径。所以我们通过地球半径进行计算的时候，通常情况下，我们可以使用上面的每一个值都可以进行计算，不过或多或少都会有误差的，但这样的。首先有一个概念需要说一下。
2024-04-16 15:33:44
271
1
原创 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
808
原创 uniapp小程序：使用uni.getLocation通过腾讯地图获取相关地址信息详情（超详细）
先看运行结果：流程：搜索后点击这里已经有账号的就进行登录，没有账号的进行注册即可点击控制台：进去后点击成员管理---->我的应用---->创建应用输入相应的参数应用名称（随便写）和应用类型更具你的项目类型进行选择我选择了出行选择好后点击创建：创建好后点击添加key：打开微信小程序开发工具：这样就获取到了key：微信小程序JavaScript SDK | 腾讯位置服务 (qq.com)下载其中一个都可以解压后放在common目录下皆可，如果没有common路面自己生成即可。在微信小程序后台小程序 (qq.co
2024-03-15 11:34:49
1166
原创 css：如何让页面禁止和用户产生交互
从而禁止用户与所有元素进行交互。需要注意的是，这样会将页面上的所有元素都禁用，包括按钮、链接等，用户将无法进行点击、输入等操作。所以很多比较难得有价值的博客没有时间写，但是还是会保持跟新一些实际开发中好用的知识点。实用场景：当一个页面只需要用户查看相关信息，但不需要用户修改信息时，除了组件禁用还可以使用该模式。方法：在需要的选择器里面输入pointer-events：none即可，如果只希望对某个特定元素禁止用户交互，可以通过选择器选中该元素，并将其。上述代码会将页面中的所有元素的。
2024-03-03 15:57:26
478
原创 vue：find查找函数实际开发的使用
一个数组invoiceList和后端传过来的数组list，list中的每一个对象插入到数组productlist，在插入之前需要判断invoiceList中每个对象的goodsOrgId和list每个对象中每个对象中的goodsOrgId是否相同，如果相同则不插入。然后返回该元素的值。如果没有元素满足测试函数，则返回。，对每一个元素执行提供的函数，直到找到使该函数返回。方法主要是查找数组中的属性，会。
2024-02-21 15:53:15
962
原创 idea: 无法创建Java Class文件（SpringBoot）已解决
第一：点击file-->project Sructure...选择自己需要创建java的文件夹（我这里选择的是main）第二步：点击Moudules。然后就可以创建java类了。
2024-02-08 20:46:47
2425
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
1812
1
原创 vue3：中warch监听的几种写法
作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref 定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组。
2024-01-31 23:32:29
727
原创 uniapp小程序：内存超过2mb解决方法（简单）message：Error: 上传失败：网络请求错误 代码包大小超过限制。
1、Hbuilder中点击运行-->运行到小程序模拟器--->运行时是否压缩代码。分析：这种情况是代码文件内存超过2mb无法进行预览上传。3、点击预览即可运行了。
2024-01-26 11:18:48
1389
原创 uni-app小程序：文件下载打开文件方法苹果安卓都适用
以确保它们在传输和处理过程中不会被误解或错误解析。这样可以避免因特殊字符导致的错误或安全问题。特殊字符转换为它们的UTF-8编码表示形式。encodeURI函数将URI中的。点击文件1就可以下载打开文件预览了。
2024-01-20 17:38:09
1320
原创 uni-app小程序 uni.showToast字数超过两行自动省略显示不全问题
在实际开发过程中如果用户提交某些文件时，如果缺少某些条件我们要提醒用户缺少那些条件才能提交，但是如果我们用。的时候就会导致文字显示不全，达不到提醒的效果，这种时候我们就需要使用。uni.showToast提醒的次数超过7个字。uni.showModa显示态弹窗。
2024-01-18 10:47:55
1834
原创 uniapp：如何将返回标根据下滑的距离而改变颜色
在项目过程中我们会遇到这种情况：返回标和背景颜色重合导致无法看见的情况，这里有一个简单的方法可以实现这个api会实时监听你鼠标向下滚动的距离，直接写在vue2：methods中即可。vue3直接写在setup函数中就可以了如图所示：来看看运行效果：
2024-01-12 14:13:07
577
原创 如何将后端带过来的字符串通过‘,’号作为判断依据，分割字符串然后生成数组
遍历字符串str，通过split方法根据需要切割字符串，我这里是“,”号，然后再用用push方法将分割后的元素添加到新的数组中即可完成该功能，然后再data域中获取定义新的数组array，将arr赋值给array，然后再template中通过v-for列表渲染数据即可。这种数据类型如果想渲染在html中的话就会很麻烦，我们可以通过","号为切割点将它放入数组中，通过列表进行渲染。
2024-01-11 14:37:48
617
原创 面试题：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
392
原创 数据结构：通过c语言写一个图书管理系统（数据结构期末作业）
可以通过按不同的序号通过不同的提示获取不同的功能。1：图书馆系统的建立。2：输入图书基本信息。
2024-01-02 15:12:18
392
原创 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
546
原创 vue运行项目时network：unavailble的解决方法
因为WBEM是管理协议和网络标准技术的一项业界倡议，这个程序对系统的正常运行是非常重要的，所以不能删，必须保存环境变量中，删了就会导致系统网络的一些问题，其中network：unavailable的出现就是问题之一。
2023-12-15 10:26:33
541
原创 Cookie、Session、Token的区别与联系
存储在浏览器中的一段字符串：用户名＋密码＋密钥组成的字符串 header.payload.signatureheader:声明需要什么算法生成签名会经过Base64编码payload：一些特定的数据，有效期之类的经过Base64编码signature：签名的信息，就是结合上面两段编码进行算法运算生成签名信息算法就是header声明的算法 过程：浏览器向服务器发送请求时，服务器就会生成JWT让浏览器保存，而不是服务器保存保存jwt签名的密文，让浏览器以Cookie或者Storage的形式进行存储，
2023-12-12 10:46:04
156
原创 vuex如何存储数据、获取数据、以及数据的持久化
第一步，在vuex中matations模块中加入存储数据的方法第二步，在需要提交数据的页面使用this.$store.dispatch方法通过点击事件submitForm即可将数据传入vuex中。点击跳转到About页面。
2023-12-09 11:30:47
2616
原创 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
759
原创 watch监听中重复触发如何解决？
在实际开发工程中通过获取后端数据监听判断数组中长度是否大于0从而调用其他的方法，但是如果data域中的数据出现变化的话。
2023-11-29 10:55:28
1129
原创 vue中keep-alive的使用
keep-alive是vue中内置组件，无须引入或者下载插件，直接可以引用，且可以保存组件的状态不被销毁，从而保证组件中所有的内容状态得以保留。
2023-11-27 10:31:39
397
原创 uniapp:如何实现点击图片可以全屏展示预览
这个需要使用uniapp中的api：uni.previewImage，使用方法如下。这样就可以实现照片的预览和全屏展示了。
2023-11-22 11:07:53
1809
原创 vue：如何把后端传过来的数组的其中一个对象加入新的属性
我们直接通过索引0来获取boxes数组中的第一个对象，并将其赋值给变量obj。然后使用Vue提供的$set方法，将name属性插入该对象中，并赋值为土鸡。这样就实现了将属性name：土鸡插入到第一个对象中的操作。模拟后端获取的数据boxes,然后我们把新的name：土鸡，把boxes第一个对象的name属性‘张三’，跟换成土鸡。加入我们是更改数组中的第一个对象，在vue中可以使用$set方法将属性插入到第一个对象中作为属性。
2023-11-14 22:25:49
815
原创 JavaScript：获取实时年份、月份、日期
总结：通过Date对象获取实时年、月、日，然后赋值给year、month、day，最后赋值给currentDate，输出即可。一个比较简单的功能吧，但是忘记忘记，所以记录一下，忘记的时候可以翻翻，大家忘记的时候也可以看看。JavaScript的Date。
2023-11-10 15:01:46
1118
原创 在uniapp和微信小程序中onshow和onload的区别
优先级：onload>onshow，onload先触发，onshow后触发。onLoad：页面加载时调用，可以获取参数，通过options，但是。简单来说就是页面显示时调用(启动/页面从隐藏到启动)，可调用多次。"onShow"生命周期函数在页面显示或从后台切换至前台时触发。它适合处理需要在页面显示时进行的操作，例如更新数据、启动定时器等。每次页面显示或从后台切换至前台时都会调用"onShow"。在uni-app框架中，是两个页面级别的生命周期函数。onLoad"适合进行页面初始化操作”
2023-11-09 18:05:05
949
原创 vue：如何实现通过判断数组中每个对象的其中一个属性，从而更改另一个属性的值
2、在methods域中写一个方法遍历这个box数组判断每个对象中的status属性是否等于审批中，如果等于id的值变成1，否则为0，然后输出数组。1、假设一个box为一个包含多个对象的数组，这个box数组可以在方法中定义也可以在data域中定义。
2023-11-07 12:08:54
612
原创 vue:写一个数组box和list数组，在保留box数组中原有对象的同时，将list数组中每一个对象插入到box数组后面
data() {return {box: [/*初始的box数组对象*/],list: [/*初始的list数组对象*/]
2023-11-07 11:03:19
386
原创 vue：js中合并对象的方法
大多数使用合并对象的方法主要是object.assign()、es6中的解构赋值语法、以及循环遍历，原理都是获取每个对象的属性合入新的对象中。只是方法不同。
2023-11-03 11:52:34
1477
原创 vue：获取两个数组1和2，将其中一个数组1里面的每个对象替换另一个数组2的每个相同的对象的属性，第1数组有的属性，第2个数组没有的话，就在第2个数组中每个对象新增这个属性
这次使用了嵌套的循环来遍历judge和box数组。首先，先遍历judge数组，并获取每个对象judgeObj。然后，我们在遍历box数组，并获取每个对象boxObj。如果judgeObj和boxObj的id属性相等，我们在遍历judgeObj属性，并判断boxObj是否缺少该属性，如果缺少，则将judgeObj的属性替换到boxObj中。适用场景：后端传过来的数组和data域中的数组进行融合。
2023-10-28 10:55:14
264
原创 css：如何通过不同的值，改变盒子的样式和字体颜色通过computed而不是v-if
在使用uni-app编写功能时，可以通过computed方法来实现根据num这个值也可以是后端传过来的值只要是number类型都可以。首先，在data中定义一个num来存储当前的值，然后在computed中创建一个样式对象，并根据num的取值来设置相应的背景颜色和字体颜色。在computed中，我们创建了一个boxStyle方法，根据num的不同取值来设置backgroundColor和color的值，并将它们作为样式对象返回。这样，当num的值改变时，盒子的背景颜色和字体颜色就会随之变化。
2023-10-27 11:12:10
590
原创 vue中如何给后端过来的数组中每一个对象加一个新的属性和新的对象（不影响后端的原始数据）
如果是数组中每个对象新增属性就用map遍历每个对象加入新增的属性，如果是给数组插入新的对象就使用push或者unshift总头或者尾部插入对象。
2023-10-26 16:53:58
1529
原创 Vue（uniapp）父组件方法和子组件方法执行优先顺序
涉及到的知识点：钩子函数mounted和created的区别：先看问题，父组件从后端通过$ajax获取数据，在将父组件将值传输给子组件，使用子组件使用created钩子函数获取数据，按自己的想法应该是父组件先获取后端数据，在传入给子组件，可是事实是，子组件先获取数据，父组件在从后端获取数据，这样的话子组件就没有数据获取为空。解决方法：将子页面中钩子函数created变成mounted调用type函数方法，这样就可以让父页面的函数先运行获取后端数据，在吧数据传入子页面，子页面获取数据在输出。
2023-10-25 17:59:32
1234
原创 vue：父子通信传递，如何将父页面的数组传入到子页面（弹窗）
示例中的路径和组件名称可能需要根据您的项目实际情况进行修改。同时，您可能还需要安装和引入相应的组件库或自定义组件，以便使用弹窗和其它功能。组件），并将父页面中传递过来的时间数组作为子页面的属性传入。父页面包含一个按钮，点击按钮后会显示一个底部弹窗（使用。弹窗中包含了子页面（接收并遍历展示时间数组。
2023-10-24 09:51:53
217
原创 uniapp在列表渲染中实现字符的截取和背景颜色的改变
我们发现，每一个字符串前两位字符都会在正方形盒子中出现，且这个盒子的颜色顺序和刚才使用的color数组中的顺序一致。substr方法，0表示从字符串下标0开始，2表示字符串下标2结束，不包括2，[0-2)所以是获取两个字符。在列表渲染中将对象中代表字符那一串属性写在template中，这里是name。所以获取的是response的下标index。默认样式为class=“boxhe”
2023-10-17 17:21:07
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人