![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
唱一首情歌.
专业前端开发 业余后端node开发
展开
-
tedsign vue3 web-端框架中封装一个验证码组件 以及对应node 接口逻辑说明
顺便在这里提一下 我这对接的是node 的接口 验证码是后端返回的svg 我把验证码svg 后端逻辑也说一下啊。以上的node 的service 接口的逻辑。这是前端收到的data。原创 2024-06-19 11:35:48 · 366 阅读 · 0 评论 -
vue3 中传递 fromData 格式的写法
在我们前端调用接口的使用中 我们会传递参数 大部分是json 格式的 但是有的时候 回事 formData 的格式的 那我们前端就需要修改一下 传递对应的东西。如果不传递 paramsFormdata 就默认是json 传就是formData 的格式的。我说一下我使用Taro 框架中的写法 就是移动端 和小程序中的写法。我这里有一个判断 当我需要传递这个 formData 的格式的时候。我说一下在web端中的使用 我使用的是tdesign 的框架。人家封装好的request 的文件我就不写了。原创 2024-06-19 10:44:01 · 228 阅读 · 0 评论 -
vue3 数据逻辑处理 将同一个 对应的id 的区分出来
我这个主要处理这个问题 (groupList)把这个分组 一下 放在一起 变成这样的数据。原创 2024-06-17 16:05:29 · 172 阅读 · 0 评论 -
vue3 中实现 验证码发送 刷新不变倒计时
这里有一个按钮 哈 我 这里会有不同的机器人 这个按钮点击的时候 会调用接口 后端异步更新商品 但是此时我不想让用户 频繁点击 因为要考虑到性能问题 所以我在这里做了一个倒计时 ,我一开始直接将这个上面的倒计时 用在这里了 发现可以使用 但是切换机器人 还是那个倒计时 不符合我的业务逻辑 所以我需要给每一个机器人一个倒计时对象。以上就是将倒计时时间存储在了当前的内存中每一次刷新 都是原来的倒计时时间 除非用户把内存删了 当然 用户一般也不懂这个 也不会去删的。下面我说一下 当前的进阶版的倒计时。原创 2024-06-17 10:51:35 · 482 阅读 · 0 评论 -
vue3 computed 返回计算内容
列表中有每一项 根据每一项的数据 计算 或显示其他的内容。使用computed。原创 2024-06-13 16:08:52 · 143 阅读 · 0 评论 -
手写async await的最简实现(20行)
如果让你手写async函数的实现,你是不是会觉得很复杂?这篇文章带你用20行搞定它的核心。经常有人说async函数是generator函数的语法糖,那么到底是怎么样一个糖呢?让我们来一层层的剥开它的糖衣。有的同学想说,既然用了generator函数何必还要实现async呢?这篇文章的目的就是带大家理解清楚async和generator之间到底是如何相互协作,管理异步的。示例对于这个实例 我们使用 generator 函数 表达出来。原创 2024-06-13 10:40:23 · 499 阅读 · 0 评论 -
实现一个vue js小算法 选择不同的时间段 不交叉
以上图片选择了时间段 现在需要判断 当前选择的时间段 不能够是 有交叉的所以现在需要循环判断。原创 2024-06-12 16:38:43 · 320 阅读 · 1 评论 -
前端中vue url 截取 中的参数方法
其实就是一段代码 能够 截取当前的 url 路径参数。直接传入当前的url 就行了 直接行~~~原创 2024-06-07 16:19:47 · 277 阅读 · 0 评论 -
web端中使用vue3 实现 移动端的上拉滚动加载功能
原生html 中的滚动我这里也有部分代码 我就不详细解释了 大家都能看懂的 原生html 用的也少了 移动端中有封装好的scroll-view 所以就更简单了。这个是vue3 里实现的功能 因为是web端 一般没有这样的滚动效果 既然问题出来了 就肯定有解决办法 所以就是以上的写法。在这个里面就可以实现滚动的监听 滑动到底部 就可以知道 然后可以实现分页。给这个盒子一个ref 的属性 以及 有原生滚动事件 scroll。这个盒子里的内容就能立马滚动起来。能够在web端实现滚动分页。原创 2024-06-07 09:41:27 · 322 阅读 · 0 评论 -
vue -ant -design 卡片是布局 实现动态计算 当前的 左右间距 实现居中
我们好像就没有什么好的办法了 我们这自己写的 肯定没有组件牛 如果有这样的组件 那就直接用如果没有组件呢怎么实现呢。3. 使用box 的宽度 减去所有的item加起来的宽度 以及设置的item的margin 等。是这样的一个样式 我们使用display :flex 布局的时候 我们全部剧中。2.计算 整个box 的宽度 除去 padding margin 等以后的宽度。如果是上述的代码来说的话 总是最后的一个也是会居中的 这样就比较丑。这是我计算当前margin 的方法。这个是一个开发中的解决问题的思路。原创 2024-06-05 11:43:56 · 183 阅读 · 0 评论 -
vue中生成二维码的两种用法
二维码在vue后台中 也是非常常见的功能原创 2023-03-06 09:34:20 · 378 阅读 · 0 评论 -
vue element-ui实现导出功能
vue elemen-ui 导出功能原创 2023-03-06 09:21:46 · 155 阅读 · 0 评论 -
js关于时间的处理 计算几天前 几天后 小时
js关于时间的处理 计算几天前 几天后 小时原创 2022-07-12 10:48:19 · 141 阅读 · 0 评论 -
JS根据不同的类型类型生成不同的数组
JS根据不同的类型类型生成不同的数组原创 2022-07-12 10:42:38 · 202 阅读 · 0 评论 -
Js中声明函数的三种方式
1)函数声明方式function sum(){}sum();//调用2)函数表达式声明方式var add=function(){}add()3)使用function构造函数var add2=new Function()add()原创 2021-10-21 09:16:24 · 113 阅读 · 0 评论 -
jquery插件 (jquery之家)的使用案列,(瀑布流的使用)非常简单
在我们使用这个插件的时候,我们只需要打开这个网址 ,非常优秀的一个jquery插件库jQuery库_jQuery之家-自由分享jQuery、html5、css3的插件库使用这个插件库1.先引入js和css文件2 引入 HTML结构3继续复制一些js代码,管理这个图片的方式然后使用就完毕了...原创 2021-09-30 21:25:01 · 525 阅读 · 0 评论 -
2021-09-24
使用php中的。thinkphp6框架的入门过程,我总结了一下:首先下载compose器,路径是phpstudy-pro =>www=>extesion=>php=>你的php版本(大于7.1)然后下载框架,去thinkphp官网上去 在p-www上打开cmd然后输入官网上的代码就可以了,如果使用模板的话,可以在模版引擎中找到代码,注意这次是在你的框架中打开cmd下载。然后就可以正常使用了,如果你用到layui框架,你一定不要忘了在官网中引入就是css和js文件并且把layu原创 2021-09-24 06:52:27 · 68 阅读 · 0 评论