- 博客(43)
- 收藏
- 关注
RSS订阅原创 已实现：vue、h5项目如何使用echarts实现雷达图、六边形图表
说实话，要说图表里，最强的应该属于echarts了，不管是接入难度上，还是样式多样性上，还有社区庞大程度上，都是首屈一指的，反观有的人习惯用chart.js了，这个无可厚非，但是如果你刚开始研究，我一定建议你直接用echarts吧。今天我已雷达图为例，展示一下echarts雷达图的实现，先看看运行截图吧，然后我直接帖代码。我将vue组件里所有js都贴出来了，以便大家伸手即用，里面的属性有注释，还有很多没贴出来的，大家可以搜一下，我只贴一些官方文档上说不清楚的地方，至于属性这里还是去看文档吧。
2024-01-30 02:44:39
1319
原创 已解决：安卓，怎么优雅接入科大讯飞语音评测功能？
网上关于讯飞接入的博客都很少，按说讯飞都是业界翘楚，不知为何，很少搜索到精品，一搜就是一个要求开会员的博客，我也是醉了。讯飞提供的文档也是不清晰，我是摸着石头过河，过来了，我就给大家总结一个方法，给大家免费看，只要是我的粉丝，我永远给大家免费的阅读支持。之前接入过web端的语音评测，那叫个麻烦建议大家不要轻易尝试，如果大家有必要的需求，可以尝试，但是建议不要玩，容易入坑。文章结尾有对各平台使用讯飞的一些看法和建议，需要的可以到文章末尾去看。关于科大讯飞。
2024-01-26 23:52:09
1400
原创 已实现：JS如何根据视频的http(s)地址，来截取帧图片，并实现大图压缩的功能
现在，我们已经有了视频的http地址，我们怎么截取帧图片呢？我以Vue为基础架构，来写写代码。
2024-01-16 23:47:06
657
原创 安卓无法下载gradle或者下载gradle只有几十k的时候怎么办
简单说明：检查项目根目录的build.gradle文件，新版本的检查setting.gradle文件，看看repositories中有没有mavenCentral()，没有的话，加上，放在前面，把阿里的镜像也放上maven { url ‘https://maven.aliyun.com/repository/google’ }，然后打开一个gradle文件，编译器上方会出现try again，点击重试即可，如果还不行，把仓库顺序互换一下，停掉刚才的下载，把阿里放在前面，再重试。
2023-12-28 21:34:40
501
原创 已实现：前端js实现拖拽调整图片顺序功能，js简单实现拖拽api，使用element-ui的el-upload组件实现
这两个事件第一个是点击按下的时候执行，第二个事件是鼠标松开时执行。说明一下这段代码：这段代码的关键部分就是template中的div了，div上面也有注释，这里详细说一下，首先我们需要向div添加两个事件，缺了这一项配置，那么可能会导致鼠标释放时不触发，这项配置是为了阻止浏览器默认的拖拽行为，有助于确保 @drop 事件被正确触发。如果大家使用v-for实现的组件列表拖拽功能，就可以直接传入index了，稍后我会把这两个方法的具体实现放出来，这两个方法每一句的注释都很清晰了，所以不需要再多做说明了。
2023-12-18 02:06:26
1183
原创 Android Studio新建项目下载依赖慢，只需一个操作解决
1、新建项目：输入名字选择位置这都是自己定的，选择安卓版本也是自己定，然后创建好以后，就开始自动下载依赖了，这个时候就开始慢速下载了，这时左侧文件列表还没展示出来，我们点击环境最下面的build视口，在build视口左侧有一个红色方框，这个是停止build，我们点击一下，这时大概率左侧的文件列表就加在出来了，如果没有加在出来，把目录格式改成Project。首先新建工程，建好以后项目就自动开始下载了，底部开始出现进度条，但是进度条一直不怎么动，网速也就十几k，要是等他下载得下一天。
2023-11-07 15:05:16
2022
2
原创 已解决：win的资源管理器右键菜单被折叠无法显示全内容？教你解决
win11在样式上整挺好的，那种圆润感是win10没法比拟的，但是有一个很严重的诟病，就是右键菜单的折叠，这个东西是资源管理器新增的一个功能，如果之前是win右键的重度用户，那么对于这种需要多点一步展开的操作，我们肯定是很影响心情的。想要让他默认显示系统右键菜单，也简单，就用cmd命令行执行一行命令就可以了，如图，命令不要输错，不然可能出现一些未知的问题。想要恢复win11的折叠菜单，就再执行一下下面的内容。
2023-10-06 17:23:56
2363
原创 已实现：关于富文本组件库vue2-editor的使用方法以及一些必要的注意事项，特别是设置完富文本以后的回显问题。以及在光标位置插入字符串等
vue2-editor” 和 “vue-quill-editor”都是用于Vue.js的富文本编辑器组件，它们具有一些共同的特点，但也有一些区别。组件很强大，同时也可以作为一个强大的普通文本框使用（隐藏掉工具栏），可以使用里面的插入方法，简直不要太爽。主要是使用找资料太难了，所以我来自己整理一下，下次使用的时候直接看自己的记录，不然下次忘了又得找半天资料。
2023-09-27 23:49:11
3471
原创 关于JS中变量比较相关的一些坑，你了解多少？尤其是坑人的==号的用法，你真的会用吗？js中严格等于===和==的区别和使用上的不同，为何js不推荐使用==进行基本变量的比较
console.log(obj=={})//这里输出false是因为对象==比较，比较的是索引值，每个{}的索引值都是不一样的，所以这样的比较永远不可能相等，其实我们在js开发中，经常会遇到字符串、数字、空值等各种各样的比较，这篇文章我们来详细说说，如有欠缺欢迎补充。if (!console.log('这是一个空函数');// 这是一个空函数if (!console.log('这是一个空正则表达式');// 这是一个空正则表达式。
2023-09-08 16:27:37
153
原创 Js水几个基础知识点：数组的操作，字符串和数组之间的互转，持续补充，欢迎关注
我们就不从创建开始讲了，那个太基础了，js创建数组一般都直接let arr = […,…,…]，有部分仁兄喜欢new Array(…, …, …)，这样看起来可能高级点，结果是一样的哈。这里我们直接来讨论插入元素：push 方法用于在数组的末尾添加一个或多个元素，并返回新数组的长度。这是常用于将元素追加到数组的方法。2、在开头插入元素 / 删除开头元素（unshift / shift，操作原数组）unshift方法：unshift 方法用于在数组的开头添加一个或多个元素，并返回新数组的长度。shif
2023-09-08 00:33:10
218
原创 JS判断对象是否为空对象{}
这段代码返回true了么？其实这行代码在什么情况下都不会为true，那我怎么判断这个对象是不是空对象呢？别闹了，很明显我不是这个意思。
2023-07-31 01:03:02
149
原创 安卓开发：记录一个用户协议和隐私政策的实现，富文本SpannableString以及富文本的点击事件
上面这个showPrivacyPolicyDialog方法就是创建一个弹窗，弹窗内容是一个自定义的布局，稍后我会把布局内容也贴上，以方便弟弟们伸手拿。openPrivacyPolicyLink方法就是点击以后的跳转方法，点击了哪个可以用参数内容区分。里面有一点就是布局用了style，如果你们的话，可以删掉这行，然后自己写必要属性和样式。
2023-07-17 02:39:33
494
原创 Vue中关于Object.assign(obj, this.currentRow )复制对象到底是不是真正的复制，Object.assign()复制仍指向原对象的问题
当然还有情况，对象的属性是引用类型：如果 this.currentRow 对象的某些属性是引用类型（如数组或对象），那么在使用 Object.assign() 复制属性时，复制的是引用而不是值。如果您想确保 Object.assign() 不会影响 this.currentRow 对象的属性，可以使用深拷贝来复制对象属性，确保生成一个新的对象。这将创建一个新的对象 obj，其属性与 this.currentRow 相同，但是它们是完全独立的对象，修改 obj 不会影响 this.currentRow。
2023-07-14 17:03:39
259
原创 电脑同时登录两个微信的方法，亲测微信3.9.5.81好用，帖子写于2023-07-04，超过这个版本的可以试试能不能用
方案不保证时效，很可能某一天就被封堵了，因为之前有很多方法都可以的，但是那些都挂了，甚至连微信官方的网页版微信都挂了，所以这些事情很难说，只能走一步看一步吧。这两个命令需要注意一点的是start后面的路径的双引号的位置，必须按照截图上面的格式去写，把盘符写在引号外面！
2023-07-04 23:12:30
339
原创 什么是安卓的事件分发？水一篇科普！没有比这个更清楚的了！帮助大家理解事件分发
安卓的事件分发是指在Android应用程序中，系统将用户的触摸、按键或其他输入事件发送到合适的组件或视图以进行处理的过程。事件分发是Android应用程序交互的基础，它负责将用户输入传递给正确的组件并执行相应的操作。
2023-06-01 22:34:21
354
原创 uniapp封装一个网络请求的服务，包括拦截器，请求头等，适用于抖音小程序，各种小程序。
今天用uniapp写抖音小程序的时候，发现抖音小程序不支持axios（也许是我不会玩哈），那使用uniapp提供的请求方式总是可以的，毕竟uniapp对于小程序的友好度那是真没的说呀。当然如果用vue的话，你可以将get和post这两个方法在main.js挂载到Vue实例原型上以供全局使用，就不用到处import了。抖音小程序文档中的tt对象都可以用uni对象来替换，用tt对象调用的方法都可以用uni调用。如果小程序的需求比较多，我后面会出一些uni小程序的入门教程。
2023-06-01 00:20:12
1988
原创 新建的安卓项目，引入极光的demo以后就报错Build was configured to prefer settings repositories over project repositories
新建的安卓项目，引入极光的demo以后就报错 A problem occurred evaluating project ':jiguang'. > Build was configured to prefer settings repositories over project repositories but repository 'flatDir' was added by build file 'jiguang\build.gradle'直接将module中的build.gradle中的。
2023-05-20 21:17:37
750
1
原创 已解决：iview & elementui 关于datepicker日期选择器的一些注意事项，比如v-model绑定值会比选定日期少一天（实际是8小时），日期默认值表单校验无法通过等
直接用v-model可以绑定值，渲染页面结果日期是正确的，但是绑定的值的日期会少8小时，这个主要是他的时区处理的遗留问题，其实我认为这个问题他们很好解决，但是这么多年了，他们好像也没有想要解决的意思，iview给的建议是使用@on-change方法配合v-model使用，这样可以处理编辑时的默认值回显也可以处理新值的正确显示（不少8小时），如图iview官方文档，其实只需要处理这个少一天的问题就好了，我们最好是走一个三方库moment，用他来处理最好不过了，就在提交表单的时候处理就可以。
2023-05-08 00:03:44
932
原创 已解决：前端直传阿里oss报错跨域问题，“No ‘Access-Control-Allow-Origin‘”，这个错误基本就是在阿里的开放平台没做规则配置（附我封装的上传源码）
就直接上阿里oss管理后台去增加一个跨域规则：见图片，特详细配置成这样点确定就好了，就这么简单。
2023-04-29 00:00:31
9238
7
原创 已解决：安卓自带的webview加载前端h5项目白屏时长严重，vue首页加载白屏时间过长，那我让app进入的时候就提前加载网页
描述一下我的情况，我写了一个vue项目，需要嵌在安卓里运行，没想到安卓webview加载vue会这么慢，不知道是哪里出了问题，先介绍一下我的abandon的思路：1、启用本地有缓存就就从缓存中加载，没有缓存就从网络加载的方式，这个缓存模式，仍然阻挡不了第一次没有缓存的白屏很久的情况，虽然第一次过后速度会明显加快，但是第一次的慢客户也是不接受的呀，于是这种只是我在开发过程中体验体验了，而且开启了这种缓存模式，vue有js更新也不能更新到缓存，还是要清缓存才行。于是这种方案在提交测试之后就放弃了。预加载、
2023-04-15 21:59:09
5474
3
原创 保姆级教程：js前端接入科大讯飞语音评测，实现朗读打分，vue对接科大讯飞语音评测，还可以实现句子逐词分析对错以及打分，将demo接入vue项目中
当此方法被调用时，它将输入的音频数据进行转码，并使用postMessage方法将输出数据发送回主线程。运行起来以后还不能直接调用接口，因为我们需要在讯飞开放平台注册登录并创建应用，然后拿到appid，apisecret，apikey这3个数据，然后填到demo中的index.js中去，保存再来操作点击开始识别，就可以用了，免费版的每天可以调用500次接口，测试够用了。，你去数据里搜索这个参数名就可以，这个参数等于0代表正确，1代表错误，其他的值是官方用来测试新值的，可以忽略不计，都按照错误处理吧。
2023-04-13 02:34:29
4504
9
原创 已解决：webstorm新建了一个文件忘记加后缀名，被ide自动保存了特殊文件，此时即使重命名加上后缀名ide也识别不到这个文件类型，解决办法就是找到下图保存此文件的位置，点击减号将其删除即可
webstorm新建了一个文件忘记加后缀名，被ide自动保存了特殊文件，此时即使重命名加上后缀名ide也识别不到这个文件类型，解决办法就是找到下图保存此文件的位置，点击减号将其删除即可。
2023-04-11 21:53:23
209
原创 已解决：安卓11以上操作文件报错E/MediaProvider: insertFileIfNecessary failed java.lang.IllegalArgumentException: Pr
这个错误通常是由于在 Android 11 及更高版本中的变更所导致的。在这些版本中，应用程序只能访问特定的目录，例如 “Download” 和 “Documents”。如果您的应用程序尝试将文件保存到不允许的目录中，您将会收到这个错误消息。在这个示例中，我们创建了一个名为 “my_images” 的私有目录，并将临时文件保存在其中。这样做可以避免将文件保存到不允许的目录中。为了解决这个问题，您可以尝试将图片保存到您应用程序的私有目录中。
2023-04-10 23:13:14
13951
原创 已解决：关于二次封装vue组件时，如何传递v-model，使得自定的二次封装组件拥有相同的v-model，甚至拥有相同的所有属性
可能做定制化开发的同学多少遇到过许多这种问题，就是自定义二次封装vue组件，前几天，试图封装一个vant的输入框，用来自定义一些聚焦和失去焦点时的不同样式，试了很久没有结果，主要是卡在了v-model无法传递这个点上了，苦思冥想加搜索，终于发现了解决之道。
2023-04-06 23:23:16
2660
2
原创 已解决：H5移动端网页实现录音功能，js实现录音功能，包括安卓webview接口也可以使用
需要注意的是，由于安卓设备的硬件配置和性能各异，因此录音的质量和可靠性可能会有所不同。遇到一个需求，需要做一个手机网页录音的功能，嵌入到webview中去，用安卓原生录音倒是可以，但是想着尽量去安卓化开发，就想着用纯的js前端代码去实现录音功能。需要注意的是，在使用 pause() 和 resume() 方法时，我们需要考虑到录音时长和暂停/恢复时的延迟时间，以确保正确的录音效果。-----------------------这是一条美丽的分割线-----------------------
2023-04-05 21:28:20
13118
12
原创 已解决：前端的navigator是什么，干什么用的，大致提一句
在前端开发中，我们通常会使用 navigator 对象来获取用户浏览器的相关信息，例如浏览器的名称、版本、语言设置、设备类型等等。需要注意的是，navigator 对象的属性和方法可能在不同的浏览器和设备中表现不同，因此在使用时应该进行兼容性测试和适当的降级处理。navigator.mediaDevices: 提供了一组 API，用于访问当前设备的音频、视频、屏幕等媒体设备。navigator.geolocation: 提供了一组 API，用于获取当前设备的地理位置信息。
2023-04-05 21:10:37
3203
原创 已解决：Vue改变数据后界面不自动渲染，Vue中使用v-for遍历对象数组，当给其中某个元素对象重新赋值之后，页面组件列表没有渲染更新。
问题如标题所说，Vue中使用v-for遍历对象数组，当给数组其中某个元素对象重新赋值之后，页面组件列表没有及时更新渲染，而是在页面进行了其他的渲染操作以后列表才更新出来新的数据。这样，当你使用 $set 或 Vue.set 方法来改变数组的某个索引位置的元素时，Vue 就能够检测到数组的变化，从而触发组件的重新渲染。其中，第一个参数是要修改的数组，第二个参数是要修改的索引位置，第三个参数是要设置的新的值。来改变数组的某个索引位置的元素。为了解决这个问题，你可以使用。
2023-04-02 17:18:07
6896
4
原创 已解决：Vue中router和route的关系是什么？如何在外部js文件中引用router和route？本文用通俗的方式讲清楚。
在js文件中使用route，就需要router来获取一下了，具体方案是这样的：忽略我的业务部分，我们可以发现，其实就是通过router的app对象（这里的app就是配置了router的Vue根实例，类似于vue组件中的this）获取到了当前的route路由信息，然后就可以愉快地使用route获取路由信息了。
2023-03-21 22:53:26
2097
原创 已解决：安卓Webview加载慢？推荐一个好用的缓存插件webviewcache，但是webviewcache初始化闪退？报错发现是okhttp3冲突
然后在自己的Application中初始化就直接开启缓存了，100M空间。至于文档里说的混淆内容，亲测加不加都行，怕有其他问题可以去看文档加上。
2023-02-17 22:54:31
449
原创 记录一次三方库（vant）引发的bug：This dependency was not found:
这里环境给我自动添加了版本号上去，每次重新install的时候，版本不一致的话，就会报这个错，正确的写法就是把版本号去掉，只保留名称"vant"就可以了，这问题坑了我两次，麻烦，干脆把你拎出来记录上吧。这个依赖找不到的原因是很多的，所以我的这个问题只针对我自己这种情况，我的情况是本来项目运行得好好的，然后我删掉依赖包重新install的时候就发现出现了一个不明为何的带版本号的三方插件依赖未找到的错误，这个错误之前遇到过，再次遇到就又忘了，所以做个记录备忘。
2023-02-17 22:43:10
628
原创 DataBinding进行数据绑定的时候，更新数据以后，页面内容不刷新，八成是没有触发ui刷新
初入databinding时，遇到了这么一个问题，使用kotlin的data class写数据类，实现双向绑定的时候，发生了数据更新成功，但是页面的TextView没有刷新显示，研究了一下是页面没有更新，name更新有两种方案。：每次赋值新数据时执行一下invalidateAll()，这种方法不推荐，因为每次更新都调用太麻烦了吧，而且这个方法是对所有内容进行一个更新，不是很美妙。
2023-02-09 00:59:33
1603
原创 Android如何优雅地使用popup，在点击位置弹出，个人记录
第二步，在打开弹窗前先调用第一步声明的初始化方法，可以在onCreate中调用，然后添加组件点击事件打开弹窗，代码解释已经写在注释里，很详细自己看就能看懂，里面的布局自己删了重写就ok，不用非得照搬我的布局，所以我这里也不放布局了。第一步，定义初始化弹窗方法，设定一些参数，然后绑定ui布局。
2023-02-08 23:26:34
621
原创 安卓调用日历提醒，无法开启闹钟，解决，
日历插入提醒，涉及三个表Events、Reminders、ExtendedProperties，其中events中的hasAlarm貌似已经被国产手机弃用，不过保险起见还是都加上吧，但是最关键的是第三个表ExtendedProperties，顾名思义这个叫扩展属性，也就是前面两个表的字段都不够用了，就用这个，所以这个表的value字段是完全由我们控制，可以传入很多字段。安卓调用日历提醒，无法开启闹钟，解决，
2023-02-05 11:12:44
659
3
原创 安卓调用日历提醒，并实现闹钟提醒功能，在miui上测试通过，日历提醒闹钟设置失败解决（附源码，源码已更新）
但是这里有问题，就是我们的需求是实现闹钟提醒，我们看到在插入reminders表的时候，有一个字段叫hasAlarm，这个字段就是谷歌给留出来用于开启是否使用闹钟提醒的，但是这个字段明显没有用了，也许是年久失修吧，而且这里的资料少之又少，我摸索了两天，通过对安卓日历数据表的对比，才发现了关键，那就是日历提醒还设计另一个表，名字叫。这个表一共三个字段，这三个字段都很重要，都需要设置，event_id字段是用来绑定event事件的，这个id上面用到了，直接传进来就行。
2023-02-05 00:39:49
779
2
原创 H5，js前端实现点击图标播放音频，js动态修改音频播放链接
我的功能需求是做一个汉字单字朗读，也就是页面上放置一个小喇叭图标，点击这个小喇叭，就朗读当前汉字。见下图：尝试了标签，发现也有诸多问题不好实现，因为我的需求是想用自己的小喇叭图片做点击，所以还不能用html原生的播放样式显示，然后我还需要切换生字的时候同时要更换音频链接，这里就遇到了一些问题。
2023-01-10 18:41:44
2055
5
原创 Webstorm引入的ui库标签没有代码提示？设置这里可以解决
这篇文记录一个webstorm使用的一个小问题，就是有时候新建的项目，install以后，引入的其他ui组件，写标签的时候，没有代码的自动提示，我用webstorm最重要的就是使用它那智能的代码提示，多点几下回车可以减少我手写很多的代码，尤其是个标签自带的属性提示，现在他不提示了，我用的vant的插件。
2022-11-25 22:25:36
3700
原创 vue实现消息逐条轮播，向上滚动，前端css实现消息轮播
vue实现消息逐条轮播，向上滚动，前端css实现消息轮播，我们用css和来实现，核心在于transition属性的使用，
2022-10-29 23:59:01
2404
1
原创 vue v-else中使用document.getElementById获取不到值的问题
然后我尝试，把含有id组件写在v-if中，这时可以获取到组件了，但是当v-else的组件显示出来以后，发现同一个位置，v-else页面控件对应的位置也能获取到这个id，于是我发现，：我把含有id的标签写在了v-else中，结果，通过document.getElementById获取不到组件，这个问题困扰了我两天，我经过反复排查，终于定位到了问题出现在v-if / v-else 判断属性中，vue v-else中使用document.getElementById获取不到值的问题。
2022-08-20 12:11:56
3193
原创 JS报错 Unexpected token u in JSON at position 1，那些年，JSON.parse()带给我们的坑
首先我们来看看js中转换对象的方法有哪些，js是一种动态对象语言，所以可想而知，对象的创建和赋值就会很随意很任性，因此方法肯定不止一种，一般来说有下面三种：1、var json = JSON.parse(str);2、var json = eval("(" + str + ")");3、var json = (new Function("return " + str))();...
2022-08-11 00:42:50
683
安卓调用日历提醒Calendar，并实现闹钟提醒功能，在miui上测试通过，hasAlarm日历提醒闹钟设置失败解决，查询安卓数
2023-02-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人