- 博客(14)
- 收藏
- 关注
RSS订阅原创 JS简单实现一个深拷贝
大家好，深拷贝在面试中屡见不鲜， 今天试试简单的深拷贝和大家分享一波~~首先，常见的拷贝方法如下， 但是各有利弊： Object.assign( target, source) // target 是目标对象， source是数据源 JSON.parse(JSON.stringify()) // 序列化 ，反序列化实现 建议：可以学习 loash 中的拷贝方法， 是一个比较全面的克隆处理解决方案， 此处不做说明； 因为本菜鸟还没研究过，后续研究研究，哈...
2020-12-25 14:48:12
317
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
252
原创 JS防抖函数的实现
首先， 防抖是面试中的常见问题，而项目中也会有很多地方可以用到。抱着学习的心态写了一个防抖函数， 有不足之处，请大佬指教！定义：多次触发事件时, 只执行一次回调,在事件被触发n秒后执行回调 , 如果在n秒内再次触发则重新计算总而言之： 防抖的结果是, 事件只会执行一次代码如下：<body> <input type="text" id="input"></body>function debounce(fn, delay) { console.log
2020-12-22 16:56:17
228
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
520
原创 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
510
原创 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
664
原创 vue-router踩得坑!!!
配置子路由的时候, 只看到标识改变, 但是没有该组件的内容被渲染!父级路由二级路由路由改变,但是abc.vue组件的内容没有被渲染解决办法: 可能原因之一在父组件中写一个容器, 也就是路由出口, 否则无法显示解决了!...
2019-07-16 09:10:33
87
原创 字体图标不能实现transform: rotate(180deg) 没生效
想让箭头选装, 但是直接加rorate没用, 则主要添加dispaly: inline-block问题解决https://blog.csdn.net/qq_29954811/article/details/90511568解决问题之四：transform的rotate在内联元素上面不起作用 问题：直接引用transform: rotate(270deg);不起效 解决：加入di...
2019-07-11 17:00:24
3512
原创 根据时间差, 结果得到年龄
<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
208
原创 css实现三角,对勾
CSS部分<style> /* 外框 */ #outSide { position: relative; width: 100px; height: 28px; border: 1px solid #999999; text-a...
2019-07-09 10:37:10
1458
原创 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
8128
转载 图片垂直居中，留白，盒子水平垂直居中，多行文本水平垂直中
1、图片的垂直居中vertical-algin:控制行内快和文字的对齐方式取值：baseline: 基线middle: 中线top: 顶线bottom: 底线添加在行内块身上让图片垂直居中:1.让文字垂直居中（高等于行高）2.给图片添加vertical-align:middle;2.图片元素留白问题因为图片默认和文字的基线对齐，那么基线到底线还有一段小距离当对齐完毕后，整...
2019-07-09 10:34:26
431
原创 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
574
原创 滑块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
1337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人