![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
秘籍-技能提升
文章平均质量分 61
项目中解决实际问题技能汇总
JIseven
这个作者很懒,什么都没留下…
展开
-
实现深拷贝 2种 方式
1: 通过Object.parse(Object.stringfy())实现深拷贝function deepClone(data) { let _data = JSON.stringify(data), dataClone = JSON.parse(_data); return dataClone;};2: 通过递归的方式实现Oject.assign的深拷贝(改变引用值的问题)function _deepClone(source) { let tar.原创 2021-08-31 18:19:10 · 118 阅读 · 0 评论 -
chrome浏览器页面返回上一页面时,如何禁止接口从“from disk cache“缓存中获取数据……
浏览器回退到当前页面时,需要从接口调取数据而非缓存的解决办法?如果要实现从接口调取数据,则需要单独处理一下。比如我现在是购物车的下单部分,下单时是可以修改产品的数量的,因此购物车的接口是变的,如果通过本地缓存或者硬盘中读取接口数据,则不能保证数据是否实时,因此需要单独处理一下:解决步骤有两步:监听下一个页面的回退,如果监听到回退则本地存储一个缓存,设置为true 在当前页面获取缓存的数据,如果为true则需要重新调取接口。我这边是点击“购物车”文字时在进行接口的调用,如果页面一加载就需要调原创 2021-08-31 18:13:09 · 1082 阅读 · 1 评论 -
for 循环中使用函数导致的闭包问题——两种方式解决
1:for循环中,如果给每个元素都使用函数进行处理的话,很可能出现闭包问题var arr = [0,1,2,3,4,5];function fn(){ for(var i = 0;i<arr.length-1;i++){ console.log("索引",i); }}控制台输出结果:2:for循环中加入setTimeout函数var arr = [0,1,2,3,4,5];function fn2(){ for(var i = 0;i<arr.l...原创 2021-08-31 17:51:53 · 2287 阅读 · 7 评论 -
js—获取当日/当月的时间段(技能提升)
1: 获取当日的时间——年月日格式getDataString(date){ var year = date.getFullYear().toString().padStart(4,'0'); var month = (date.getMonth()+1).toString().padStart(2,'0'); var day = date.getDate().toString().padStart(2,'0'); return `${year}-${month}-${day}`;}.原创 2021-08-31 16:56:52 · 761 阅读 · 0 评论 -
vue—实现组织架构图(vue-org-tree插件)——技能提升
https://blog.csdn.net/yehaocheng520/article/details/119675805原创 2021-08-31 16:50:00 · 2349 阅读 · 0 评论 -
vue+cropperjs插件,实现图片裁剪功能——PC端+移动端——技能提升
发现了一个图片裁剪的插件cropperjs,这个插件非常的强大,能够实现多种功能:可以对指定的图片进行裁剪,可以自己选择裁剪的交互方式,如大小、纵横比等还可以预览裁剪区域,确认裁剪后可以生成一个包含裁剪图的canvas对象,借助 canvas 的toDataURL 方法可以生成一张 Base64 格式的图片。还有另外一种不使用 canvas 的方式,利用该工具丰富的 api 可以拿到裁剪区域 相对于 原图的各项数据,使用这些数据进行css绝对定位即可展示裁剪后的图,该方式可以保证图片不失真和完整原创 2021-08-31 16:41:46 · 1746 阅读 · 0 评论 -
jq实现表格轮播滚动——技能提升
今天在做电视机的项目,除了单位要转为自适应的rem之外,还有一个点就是表格要实现轮播。效果图如上,表格中是一条条的数据,需要实现表格中的数据向上滚动,每次滚动的就是一行数据的高度。我的jq技能几乎忘光了,下面是附录代码:setInterval(timerFn,3000);function timerFn() { var scrollHeight = $(".order-table").find("tr").outerHeight(); $(".order-table").a.原创 2021-08-31 16:24:25 · 803 阅读 · 0 评论