- 博客(14)
- 收藏
- 关注
原创 JS简单实现一个深拷贝
大家好,深拷贝在面试中屡见不鲜, 今天试试简单的深拷贝和大家分享一波~~首先,常见的拷贝方法如下, 但是各有利弊: Object.assign( target, source) // target 是目标对象, source是数据源 JSON.parse(JSON.stringify()) // 序列化 ,反序列化实现 建议:可以学习 loash 中的拷贝方法, 是一个比较全面的克隆处理解决方案, 此处不做说明; 因为本菜鸟还没研究过,后续研究研究,哈...
2020-12-25 14:48:12
413
2
原创 JS节流函数的实现
节流: 规定的范围时间内就执行一次, 如果在这个单位时间内触发多次函数, 只有一次生效实现代码:<body> <input type="text" id="input"></body><script> // 定时器实现 function throttle(fn, delay) { let timer = null let flag = true return function (...args) { if(!fl
2020-12-22 17:15:39
323
原创 JS防抖函数的实现
首先, 防抖是面试中的常见问题,而项目中也会有很多地方可以用到。抱着学习的心态写了一个防抖函数, 有不足之处,请大佬指教!定义:多次触发事件时, 只执行一次回调,在事件被触发n秒后执行回调 , 如果在n秒内再次触发则重新计算总而言之: 防抖的结果是, 事件只会执行一次代码如下:<body> <input type="text" id="input"></body>function debounce(fn, delay) { console.log
2020-12-22 16:56:17
302
1
原创 git push 跟踪远程地址,不需要每次origin
git提交代码:**繁琐的执行git pull origin master / git push origin master此时想要直接git pull / git master, 该怎么办?**直接git pull 会显示没有跟踪远程此时需要执行一下命令:git push --set-upstream origin 分支名称之后就只要git pull 或者 git push...
2020-08-19 16:42:04
618
原创 Element-UI 中 ,form表单中有input框, Enter可以查询的方法
在Element中没有发现input 回车可以触发事事件的方法,查找解决方案如下:效果图如下:解决方案:在form中添加**@submit.native.prevent**在input标签添加**@keyup.enter.native=“handleKeyEnterSelect”**handleKeyEnterSelect为触发的方法名, 随便定义 <el-form :inline="true" :model="findData" class="dem
2020-08-19 16:25:17
588
原创 AJAX请求正在进行时显示“正在加载”的指示
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("#txt").ajaxStart(functio...
2019-08-06 15:19:56
773
原创 vue-router踩得坑!!!
配置子路由的时候, 只看到标识改变, 但是没有该组件的内容被渲染!父级路由二级路由路由改变,但是abc.vue组件的内容没有被渲染解决办法: 可能原因之一在父组件中写一个容器, 也就是路由出口, 否则无法显示解决了!...
2019-07-16 09:10:33
115
原创 字体图标不能实现transform: rotate(180deg) 没生效
想让箭头选装, 但是直接加rorate没用, 则主要添加dispaly: inline-block问题解决https://blog.youkuaiyun.com/qq_29954811/article/details/90511568解决问题之四:transform的rotate在内联元素上面不起作用 问题:直接引用transform: rotate(270deg);不起效 解决:加入di...
2019-07-11 17:00:24
3655
原创 根据时间差, 结果得到年龄
<script> let date = new Date(); let date1 = new Date('1991-03-10') console.log(date.getTime()) console.log(date1.getTime()) let result = date.getTime()- date1.getTime() ...
2019-07-09 10:37:40
258
原创 css实现三角,对勾
CSS部分<style> /* 外框 */ #outSide { position: relative; width: 100px; height: 28px; border: 1px solid #999999; text-a...
2019-07-09 10:37:10
1578
原创 el-checkBox 文字超出长度换行
el-checkBox 文字超出长度换行.el-checkbox__input { display: inline-grid; white-space: pre-line; word-wrap: break-word; overflow: hidden; line-height: 20px; }具体事例:<template> &l...
2019-07-09 10:35:29
8449
转载 图片垂直居中,留白,盒子水平垂直居中,多行文本水平垂直中
1、图片的垂直居中vertical-algin:控制行内快和文字的对齐方式取值:baseline: 基线middle: 中线top: 顶线bottom: 底线添加在行内块身上让图片垂直居中:1.让文字垂直居中(高等于行高)2.给图片添加vertical-align:middle;2.图片元素留白问题因为图片默认和文字的基线对齐,那么基线到底线还有一段小距离当对齐完毕后,整...
2019-07-09 10:34:26
470
原创 jQuery 事件 - resize() 方法
// 原生获取浏览器可视窗口的宽高var height = document.documentElement.clientHeight;var width = document.documentElement.clientWidth;// jQuery获取浏览起可视窗口的宽高var Height = $(window).height() var Width = $(window).w...
2019-06-26 09:38:45
607
原创 滑块touch事件报错
登陆滑块验证完成滑动之后会报以下错误:[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.解决办法:尝试了给touchend返回true...
2019-06-25 10:36:58
1548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人