![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端经验
唱一首情歌.
世界上没有完美的程序,但我们并不因此而沮丧,因为写程序本来就是一个不断追求完美的过程。
-----佚名
展开
-
javascript的高级用法(循环实现数组map方法)
值得一提的是,map的第二个参数就是第一个参数回调中的这个点。如果第一个参数是箭头函数,则设置第二个 this 将无效,因为箭头函数的词法绑定。另一个是稀疏数组的处理,HasOwnProperty 用于判断当前下标的元素是否存在于数组中,欢迎大家在评论区交流。使用方法:将selfMap注入到Array.prototype中(下面数组的迭代方法也是如此)原创 2024-07-13 16:36:23 · 528 阅读 · 4 评论 -
javascript 高级用法 (判断对象的数据类型)
使用 Object.prototype.toString 配合闭包,通过传入不同的判断类型来返回不同的判断函数,一行代码,简洁优雅灵活(注意传入 type 参数时首字母大写)原创 2024-07-13 16:29:01 · 368 阅读 · 0 评论 -
微信小程序中原生button 样式的覆盖
但是 原生的小程序button 放那里又太丑了 所以现在 需要覆盖原生的button 样式。开发微信小程序的过程中 发现 需要使用button 的open-type。原创 2024-06-29 17:51:03 · 363 阅读 · 1 评论 -
vue3 前端 去循环一个接口获取结果
有的时候 在我们开发过程中我i们会出现一个问题 就是一个后端的接口 哦我们需要调用多次才会出现结果 我们就需要连续掉用。各有各的好处吧 这个是 一直等到有结果的时候 终止循环 但是 会容易导致死循环 如果没有处理好的话。只要有结果就会停止 这样写次数 是为了防止 前端死循环。有时候为了避免后端的压力的太大。我总结了一下前端的写法。2.没有次数 的写法。原创 2024-06-29 09:58:52 · 325 阅读 · 0 评论 -
vue3 中的根据某些特定的文字来筛选数组数据
这样的数据 我想根据 hallName 来筛选数据。我不需要 带有下面字符换的数组数据。使用some 筛选一下 数据。现在有一批这样的数据。原创 2024-06-27 17:22:19 · 208 阅读 · 0 评论 -
前端vue3 根据某些Id 筛选数据
现在有一些不等的数据 我需要通过前端 吧这个数据筛选一下 比如我使用一些 我需要的ID。比如以上的数据 的 cinemaLineId 来筛选。需要以上数组中的cinemaLineId。直接这样来筛选就行了。原创 2024-06-27 17:17:55 · 278 阅读 · 0 评论 -
Taro + vue3 中微信小程序中实现拉起支付
H5 的拉起支付和微信小程序的拉起支付 是不太一样的。现在分享一下微信小程序中的拉起支付。我是用的Taro 框架。原创 2024-06-27 09:22:32 · 390 阅读 · 0 评论 -
Taro +vue3 中的微信小程序中的分享
就是Taro框架中提供的一个分享Api 封装好的。微信小程序 右上角分享 的触发 以及配。原创 2024-06-27 09:18:28 · 406 阅读 · 0 评论 -
tedsign vue3 web-端框架中封装一个验证码组件 以及对应node 接口逻辑说明
顺便在这里提一下 我这对接的是node 的接口 验证码是后端返回的svg 我把验证码svg 后端逻辑也说一下啊。以上的node 的service 接口的逻辑。这是前端收到的data。原创 2024-06-19 11:35:48 · 429 阅读 · 0 评论 -
vue3 中传递 fromData 格式的写法
在我们前端调用接口的使用中 我们会传递参数 大部分是json 格式的 但是有的时候 回事 formData 的格式的 那我们前端就需要修改一下 传递对应的东西。如果不传递 paramsFormdata 就默认是json 传就是formData 的格式的。我说一下我使用Taro 框架中的写法 就是移动端 和小程序中的写法。我这里有一个判断 当我需要传递这个 formData 的格式的时候。我说一下在web端中的使用 我使用的是tdesign 的框架。人家封装好的request 的文件我就不写了。原创 2024-06-19 10:44:01 · 423 阅读 · 0 评论 -
vue3 数据逻辑处理 将同一个 对应的id 的区分出来
我这个主要处理这个问题 (groupList)把这个分组 一下 放在一起 变成这样的数据。原创 2024-06-17 16:05:29 · 212 阅读 · 0 评论 -
vue3 中实现 验证码发送 刷新不变倒计时
这里有一个按钮 哈 我 这里会有不同的机器人 这个按钮点击的时候 会调用接口 后端异步更新商品 但是此时我不想让用户 频繁点击 因为要考虑到性能问题 所以我在这里做了一个倒计时 ,我一开始直接将这个上面的倒计时 用在这里了 发现可以使用 但是切换机器人 还是那个倒计时 不符合我的业务逻辑 所以我需要给每一个机器人一个倒计时对象。以上就是将倒计时时间存储在了当前的内存中每一次刷新 都是原来的倒计时时间 除非用户把内存删了 当然 用户一般也不懂这个 也不会去删的。下面我说一下 当前的进阶版的倒计时。原创 2024-06-17 10:51:35 · 566 阅读 · 0 评论 -
vue3 computed 返回计算内容
列表中有每一项 根据每一项的数据 计算 或显示其他的内容。使用computed。原创 2024-06-13 16:08:52 · 179 阅读 · 0 评论 -
手写async await的最简实现(20行)
如果让你手写async函数的实现,你是不是会觉得很复杂?这篇文章带你用20行搞定它的核心。经常有人说async函数是generator函数的语法糖,那么到底是怎么样一个糖呢?让我们来一层层的剥开它的糖衣。有的同学想说,既然用了generator函数何必还要实现async呢?这篇文章的目的就是带大家理解清楚async和generator之间到底是如何相互协作,管理异步的。示例对于这个实例 我们使用 generator 函数 表达出来。原创 2024-06-13 10:40:23 · 522 阅读 · 0 评论 -
实现一个vue js小算法 选择不同的时间段 不交叉
以上图片选择了时间段 现在需要判断 当前选择的时间段 不能够是 有交叉的所以现在需要循环判断。原创 2024-06-12 16:38:43 · 361 阅读 · 1 评论 -
前端中vue url 截取 中的参数方法
其实就是一段代码 能够 截取当前的 url 路径参数。直接传入当前的url 就行了 直接行~~~原创 2024-06-07 16:19:47 · 324 阅读 · 0 评论 -
web端中使用vue3 实现 移动端的上拉滚动加载功能
原生html 中的滚动我这里也有部分代码 我就不详细解释了 大家都能看懂的 原生html 用的也少了 移动端中有封装好的scroll-view 所以就更简单了。这个是vue3 里实现的功能 因为是web端 一般没有这样的滚动效果 既然问题出来了 就肯定有解决办法 所以就是以上的写法。在这个里面就可以实现滚动的监听 滑动到底部 就可以知道 然后可以实现分页。给这个盒子一个ref 的属性 以及 有原生滚动事件 scroll。这个盒子里的内容就能立马滚动起来。能够在web端实现滚动分页。原创 2024-06-07 09:41:27 · 404 阅读 · 0 评论 -
vue -ant -design 卡片是布局 实现动态计算 当前的 左右间距 实现居中
我们好像就没有什么好的办法了 我们这自己写的 肯定没有组件牛 如果有这样的组件 那就直接用如果没有组件呢怎么实现呢。3. 使用box 的宽度 减去所有的item加起来的宽度 以及设置的item的margin 等。是这样的一个样式 我们使用display :flex 布局的时候 我们全部剧中。2.计算 整个box 的宽度 除去 padding margin 等以后的宽度。如果是上述的代码来说的话 总是最后的一个也是会居中的 这样就比较丑。这是我计算当前margin 的方法。这个是一个开发中的解决问题的思路。原创 2024-06-05 11:43:56 · 211 阅读 · 0 评论 -
ant-design vue3 中上传图片组件的回传图片显示问题
最近在做web端的上传图片 有一个数据列表中的编辑功能 是之前上传的图片 点击编辑进入编辑页面 会显示之前写的数据 现在需要把原来上传的图片 显示出来。因为 a-upload 需要这样的数据格式 所以要将数据处理一下 循环 添加字段 就可以了。因为之前给后端上传的 图片格式 是一个数组 ["图片链接",“图片链接”。所以回传给 a-upload 组件的时候 显示不出来。后端给我返回的数据也是这杨。原创 2024-06-04 10:17:44 · 327 阅读 · 0 评论 -
Vue-draggable 插件的使用 (vue3)
将拖放功能添加到 Vue.js 应用可以改善用户体验。因为拖放功能允许用户以更直观的方式与应用程序交互,所以用户可以更轻松地组织和操作数据。Vue-draggable 是实现拖放功能的绝佳工具,因为它简化了流程,即使是刚接触 Vue.js 的开发人员也可以轻松使用。将这个插件添加到 Vue.js 应用程序,你就可以创建更具吸引力和动态的用户体验,提高用户回头率。我使用 这个 腾讯云 tdesign 的web端框架来演示这个问题。使用这个页面上的内容 给大家演示这个东西。原创 2024-05-31 09:59:16 · 268 阅读 · 0 评论 -
Git提交时出现Merge branch ‘master‘ of ...之解决方法
最近遇到了一个问题 我是用git提交代码的时候 分支上 显示的是merge 意思是 合并代码了 每次都会 创建一个分支 因为我和另一个小伙伴共同 开发一个项目 所以 小伙伴告诉我 总是创建新的分支 我细细看了一下 测试了一下。我们两个人 修改不同的文件 同时修改 他提交了 我再提交 就会出现 合并分支的问题 我想着 这是因为 两个人都修改代码了 代码本来就是要合并代码的。这个配置就是告诉git在每次pull前先进行rebase操作。当然我去晚上搜了一下。原创 2024-05-27 10:19:27 · 892 阅读 · 0 评论 -
开发框架类型详细对比
MVC 中的Controller 只知道 Model 的接口,因此它没有办法控制 View 层的更新,MVP 模式中,View 层的接口暴露给了 Presenter 因此可以在 Presenter 中将 Model 的变化和 View 的变化绑定在一起,以此来实现 View 和 Model 的同步更新。因此当Model中的数据改变时会触发View层的刷新,View中由于用户交互操作而改变的数据也会在Model中同步。Model 负责存储页面的业务数据,以及对相应数据的操作。View 负责页面的显示逻辑,原创 2024-05-25 10:01:13 · 420 阅读 · 0 评论 -
前端中 dayjs 时间的插件使用(在vue 项目中)
dayjs原创 2024-05-25 09:44:05 · 523 阅读 · 0 评论 -
js无感删除url搜索部分,不刷新页面
【代码】js无感删除url搜索部分,不刷新页面。原创 2024-05-24 16:35:47 · 453 阅读 · 0 评论 -
前端javascript 中 JSON.parse() 的作用
1.解析 JSON 字符串。原创 2024-05-24 16:34:43 · 289 阅读 · 0 评论 -
前端开发技巧 --判断文本是否溢出
实现javascript 判断文本是否溢出。原创 2024-05-24 16:32:06 · 412 阅读 · 0 评论 -
前端优化的时间库
day.js的体积比moment.js小。moment.js有70多kb,但是day.js只有2kb。像微信小程序这种对代码包大小有要求的情况下,day.js会是比moment.js更好的选择。很多官方的框架和库都已经将moment.js换成了day.js。从moment.js迁移到day.js学习成本并不高,因为day.js是moment.js的微缩版,api相似度极高。moment已经好几年没更新了。但是day.js仍在持续更新中。原创 2024-05-24 16:24:34 · 521 阅读 · 0 评论 -
vue3 中判断一个变量是否位数字
判断变量是否为 数字原创 2024-05-24 10:54:15 · 468 阅读 · 0 评论 -
vue和react 的简单对比
Vue框架和React框架都是现代前端开发中广泛使用的JavaScript库,它们各自具有独特的特点和优势。综上所述,Vue和React都是优秀的JavaScript库,各自具有独特的特点和优势。选择哪个框架取决于项目的具体需求和开发者的个人偏好。原创 2024-05-17 15:43:59 · 490 阅读 · 0 评论 -
前端一些 优化性能的技术和方式
前端开发中还有许多其他的优化技术,这些技术旨在提高网页的性能、减少资源消耗以及改善用户体验。以上是一些常见的前端优化技术,根据具体的项目需求和场景选择合适的技术进行优化,可以显著提高网页的性能和用户体验。原创 2024-05-17 15:37:47 · 263 阅读 · 0 评论 -
前端节流总结
1. 节流(throttle)简介场景:用户在一段时间频繁点击执行某个函数/事件,那么在这段时间,用户点击一次/多次(调用事件),都不会影响计时器执行,并且该函数/事件只执行一次。应用示例理解:技能冷却中,玩家在某种情况下使用了闪现这个技能,但是这个技能的冷却时间是120s,在这段时间里,玩家遇到危险,想要再使用闪现这个技能,频繁的点击它,但是并没用,闪现不会执行,计时器依然还在倒计时,等到120s倒计时为0才能再使用一次闪现的技能。2.应用场景窗口调整页面滚动抢购和疯狂点击。原创 2024-05-17 15:10:31 · 195 阅读 · 0 评论 -
前端防抖总结
场景:用户在一段时间频繁点击执行某个函数/事件,那么在这段时间,用户点击一次,计时器重新计时,当在这段时间内用户没有触发该函数/事件时,该函数/事件会在这段时间结束时执行,只执行最后一次。应用示例理解:回城被打断,玩家残血准备回城,需要3s回城成功,但是在这个3s的过程中,玩家又重新点击了回城,导致3s回城重新计算,再等3s。原创 2024-05-17 14:59:11 · 377 阅读 · 0 评论 -
js数据null 和undefined的区分
JS 获取 DOM 元素,如果没有获取到指定的元素对象,返回 null。·Object.prototype.__proto__ 的值是 null。·document 和 body 很多属性都是 null,这里就不列举了。·函数调用没有返回值或者return后没有数据,接受函数返回值的变量。·函数需要实参,但是调用时没有传值,形参是undefined。·手动设置变量的值或某一个属性值为 null。·正则捕获时,如果没有捕获到,返回 null。·获取对象中不存在的属性。·对象不存在就是null。原创 2024-05-15 08:49:43 · 146 阅读 · 0 评论 -
css超出部分省略(单行、多行,多种方法实现)
缺点:使用了私有属性。原创 2024-05-14 18:01:48 · 583 阅读 · 0 评论 -
前端最方便正则验证手机号
【代码】前端最方便正则验证手机号。原创 2024-05-14 18:00:27 · 232 阅读 · 0 评论 -
页面埋点H5 大数据uniapp 按需要更改代码就行
【代码】页面埋点H5 大数据uniapp 按需要更改代码就行。原创 2024-05-14 17:59:04 · 160 阅读 · 0 评论 -
uniapp封装request请求
【代码】uniapp封装request请求。原创 2024-05-14 17:56:47 · 322 阅读 · 0 评论 -
css img图片在一个盒子里面自适应
【代码】css img图片在一个盒子里面自适应。原创 2024-05-14 17:54:36 · 128 阅读 · 0 评论 -
vue-cropper裁剪图片 vue
【代码】vue-cropper裁剪图片 vue。原创 2024-05-14 17:54:00 · 219 阅读 · 0 评论 -
vue动态绑定class
3.直接绑定数据的一个对象。原创 2024-05-14 17:52:44 · 131 阅读 · 0 评论