草庐IT

巧用回调函数解决微信小程序与后台数据交互出现的异步问题

问题描述        微信小程序端需要发送一个包含文字与图片的表单数据给后端,我一开始的思路是先上传图片得到临时的URL,后执行POST请求将表单数据发送给后端,但后端只能获取到文字,而图片URL却始终获取不到。问题原因        注意看我上面的思路,一先一后,无形中将两个操作进行异步执行了,顾名思义,两个行为分开同时执行,但是二者执行速度却不一致从而导致出错。因为图片的上传执行速度肯定比发送POST请求这一动作要慢一步,因为耗时长,还会受网络速度的影响。所以当后台已经收到小程序端发来的POST请求时,图片上传还未完成,因此URL就是空的,等到图片上传完成了拿到URL了,但此时POST请

vscode恢复被误删的文件(巧用本地历史记录)

 背景:(希望永远不要有这个背景)使用vscode开发项目时,新建了文件,且文件没有gitadd、没有gitstash、没有gitcommit。但是不小心点中了撤销更改(新文件的撤销更改,其实就是删除该新文件),导致文件或者文件中部分代码被删除。 诉求:找回已删除的代码片段或文件。 方法:  1、在vscode界面,按住Ctrl+shift+p打开命令面板,找到本地历史记录:2、点击本地历史记录,会将刚才删除的文件给列出来,点击文件即可查看对该文件的操作记录,选中想要的记录,会打开该文件代码,复制出来即可。 跪谢:如何撤消VSCode/Git中的"放弃所有更改"|

TQL,巧用 CSS 实现动态线条 Loading 动画

最近,群里有个很有意思的问题,使用CSS如何实现如下Loading效果:这是一个非常有意思的问题。我们知道,使用CSS,我们可以非常轻松的实现这样一个动画效果:div{width:100px;height:100px;border-radius:50%;border:2pxsolidtransparent;border-top:2pxsolid#000;border-left:2pxsolid#000;animation:rotate3sinfinitelinear;}@keyframesrotate{100%{transform:rotate(360deg);}}动画如下:与要求的线条loa

记录--巧用 overflow-scroll 实现丝滑轮播图

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言:近期我在项目中就接到了一个完成轮播图组件的需求。最开始我也像大家一样,直接选择使用了知名的开源项目"Swiper",但是后来发现它在移动端项目中某些测试环境下会白屏一段时间。无论如何调试都不能修复这个问题,于是就自己上手写了个轮播图组件,实现代码其实也只有200行,很少但是完美解决了我们项目的问题。虽然已经2023年了,但是轮播图组件的实现仍然是考验前端基本功的经久不衰的题目,于是来分享一下实现思路。🎁tips:本文主要目的不是一上来就贴代码,而是会一步一步带你理清细节部分,即使你现在没有轮播图这个需求。一.使用overflow

使用AIGC工具巧用Linux系统

  大家好,我是herosunly。985院校硕士毕业,现担任算法研究员一职,热衷于机器学习算法研究与应用。曾获得阿里云天池比赛第一名,CCF比赛第二名,科大讯飞比赛第三名。拥有多项发明专利。对机器学习和深度学习拥有自己独到的见解。曾经辅导过若干个非计算机专业的学生进入到算法行业就业。希望和大家一起成长进步。  本文介绍使用使用AIGC工具巧用Linux系统,希望对学习和使用AIGC和Linux的同学们有所帮助。文章目录1.前言2.实战演示2.1系统性介绍2.2角色扮演2.3具体问题的解决方案1.前言  上篇博客使用AIGC工具提升论文阅读效率帮助新徒弟提升了阅读论文的效率,但是他又遇到了一个

巧用 ChatGPT,让开发者的学习和工作更轻松

引言随着人工智能技术的快速发展和广泛应用,ChatGPT作为一种新兴的自然语言处理模型,近期备受瞩目,引发了广泛讨论。ChatGPT具有多种应用场景,既可以用作聊天机器人,实现智能问答和自然语言交互,也可以作为文本生成工具,帮助人们撰写文章、新闻和小说等。作为一名开发者,我对它能给我的学习和工作提供哪些帮助更感兴趣,因此进行了相关研究。我们先看看下面的图片:上面的两张图片是与ChatGPT对话时的内容,根据内容可知:对于前端工程师来说,ChatGPT可以提供具有响应式和交互性的网站设计方案,网站开发的代码、用户体验优化、浏览器兼容性、搜索引擎优化和技术支持等方面的帮助。对于后端工程师来说,Ch

巧用 ChatGPT,让开发者的学习和工作更轻松

引言随着人工智能技术的快速发展和广泛应用,ChatGPT作为一种新兴的自然语言处理模型,近期备受瞩目,引发了广泛讨论。ChatGPT具有多种应用场景,既可以用作聊天机器人,实现智能问答和自然语言交互,也可以作为文本生成工具,帮助人们撰写文章、新闻和小说等。作为一名开发者,我对它能给我的学习和工作提供哪些帮助更感兴趣,因此进行了相关研究。我们先看看下面的图片:上面的两张图片是与ChatGPT对话时的内容,根据内容可知:对于前端工程师来说,ChatGPT可以提供具有响应式和交互性的网站设计方案,网站开发的代码、用户体验优化、浏览器兼容性、搜索引擎优化和技术支持等方面的帮助。对于后端工程师来说,Ch

Java代码瘦身,巧用 @Valid,@Validated 的分组校验和嵌套检验,实现高阶参数校验操作

导读    在JavaEE项目中,RestFull层接收参数首先要对一些字段的格式进行校验,以防止所有查询都落到数据库,这也是一种合理的限流手段。以前基本上都是用if...else...,这样的代码太啰嗦,除了使用策略模式进行优化,今天介绍一下校验注解@Valid,@Validated和@PathVariable,不仅可以减轻代码量,还加强了代码的易读性。正文1.@Valid和@Validated区别        先讲一下这两个注解:@Valid与@Validated都是用来校验接收参数的,如果不使用注解校验参数,那么就需要在业务代码中逐一校验,这样会增加很多的工作量,并且代码不优美。   

巧用模糊实现文字的 3D 效果

本文将介绍一种巧用模糊实现的文字3D效果。我们都知道,在正常的视觉效果中,离我们越近的通常我们会看的越清晰,而离我们较远则相对没那么清晰~我们可以利用清晰与模糊两种状态来构建视差效果。像是这样:而在CSS中,我们可以利用模糊滤镜 filter:blur() 与 transform-style:preserve-3d 来实现它们。实现一个文字的3D变换首先,我们需要实现一个文字的3D变换,这个比较简单。主要是借助 transform-style:preserve-3d 和 perspective,以及让文字绕Y轴进行旋转即可。简单的代码如下:CSS3DEFFECTbody{perspective

Windows巧用git实现笔记自动备份

Windows巧用git实现笔记自动备份准备git仓库配置自动上传脚本设置Windows自动定时任务参考文献今天突然发现,可以使用Gitee加上Windows定时任务实现Windows端的笔记自动备份,多端同步,历史回溯,效果非常不错。下面介绍一下:准备git仓库安装git:https://git-scm.com/downloads:注册并登录gitee,本地生成sshkey(详情百度),然后添加到gitee里:新建仓库:填写保存的文件夹名称为仓库名:然后打开Windows终端,克隆该仓库:gitclonegit@gitee.com:13132321/aaaa.git配置自动上传脚本克隆完成后