![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
霜雪遥
这个作者很懒,什么都没留下…
展开
-
This value was evaluated upon firstexpanding. It may have changed since then...
记录一些小问题原创 2022-04-12 18:44:08 · 14205 阅读 · 3 评论 -
v-for循环标签(含有input)出现“复用“现象的解决办法
项目中页面通过v-for循环展示时,出现所有循环子元素功能同步,标签"复用"情况的解决办法原创 2021-12-08 17:56:56 · 2025 阅读 · 0 评论 -
防抖函数:多次触发后只执行第一次或者最后一次的函数
一. 应用场景1.1 问题:现在点击一个按钮,然后会向服务器请求一次数据。如果暴力操作,不断的点击按钮,那么就会一直向服务器请求,这样肯定不好。1.2 目的:① 在点击很多次以后,我们只希望执行最后一次。② 在点击很多次以后,我们只希望执行第一次。二. 遇到困难防抖这个问题,大家写的也够多了,最普遍的写法如下:function debounce(fnc,delay=3000) { let timer = null; // 创建一个标记用来存放定时器的返回值 return functi原创 2021-06-04 17:46:25 · 16739 阅读 · 5 评论 -
contenteditable=“true“属性的标签输入框,内容实现高度自适应以及其他处理
一. 功能需求1.1输入框未获取焦点、失去焦点且输入框无内容的情况下,如下图:1.2输入框获取焦点情况下,如下图:1.3用户最多输入200个字符, 想要的效果如下图:(给出提示,只保留200个字符,且光标在文末)而不是这样的效果,如下图:(光标跑到了文首)1.4复制内容进输入框时,想要的效果如下图:而不是这样的效果,如下图:二. 代码实现刚开始我选择的是textarea标签,但是该标签不能随着文本内容自动变化高度,需要通过js操作dom来动态改变,比较麻烦,我就放弃了。选择了HT原创 2020-12-24 17:56:34 · 6822 阅读 · 2 评论 -
Cannot assign to read only property ‘0’ of string的报错原因之一及解决办法
一. 场景现有项目,需要对提交资料的人员进行审核,审核不过的时候向服务器提交数据,数据结构中的certificationStatus需为JSON格式1.1 资料信息结构如下: auditFailedInfor: { id: null, type: null, certificationStatus: { practiceCardSt: 1, identityCardSt: 1, positionCardSt: 1, },原创 2020-06-04 16:21:38 · 21658 阅读 · 0 评论 -
前端对用户身份证号码进行验证以及模糊显示
一. 需求后台管理系统项目,展示用户传入身份证号码。现需要验证用户输入的身份证号码的真实性,以及对身份证号码进行模糊显示。二. 代码验证2.1 验证身份证号码的真实性参考的这篇文章:https://www.cnblogs.com/zpblogs/p/11239597.html#/cnblog/works/article/11239597可以通过用户输入的身份证号码,校验其长度、省份、出生日期以及最后一位校验码的真实性。例:通过身份证号码的前17位,就可以算出最后一位校验码的值,来比对和用户输入原创 2020-06-03 16:03:44 · 2409 阅读 · 0 评论 -
用JavaScript实现轮播图无缝轮播的封装函数
一. 函数特点可根据项目需求,自动选择是否自动播放,是否需要左右切换按钮,以及是否需要底部滑块按钮。二. 函数形参含义2.1 imgBox:图片容器,包含所有需要展示图片的盒子(图片浮动排版在该盒子内),需要获取imgBox标签元素,方便复制图片并添加到imgBox里面2.2 travelDistance: 轮播图滚动一次移动的距离,(imgBoxParent盒子的宽度或者每张图片的宽度)2.3 imgBoxParent:imgBox的父盒子,当鼠标放入轮播图时(图片、左右按钮及底部滑块)需原创 2020-06-02 18:08:22 · 585 阅读 · 0 评论