- 博客(33)
- 收藏
- 关注
RSS订阅原创 工作笔记
v-for循环的时候，改变当前select的同时，根据selectid改变当前循环item<el-select v-model="proxy.id" placeholder="请选择" @change="((value) => changeProxy(value, proxy))" class="w200"> <el-option v-for="item in proxy_list" :key=
2021-04-16 10:19:04
115
原创 容易遇到的js问题
1、不安全的json值undefined, function,symbol, 循环引用JSON.stringify(undefined) // nullJSON.stringify(() => {}) // null
2021-03-23 17:25:30
114
原创 element-ui问题
1、对于验证el-form的时候，如果有显示隐藏，同时有验证必填或者其他的时候。最好是给el-form加上key，同时把验证规则卸载el-form上（不然可能失效）2、对于循环出来的el-form,也是要给el-form加上key，不然会出现验证不准确的问题...
2021-01-29 14:09:02
130
1
原创 常用正则验证
验证邮箱 let mailRegexp = /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/
2021-01-14 15:02:49
242
原创 如何判断数组类型和数组的常见方法
let arr = [];1、Array.isArray(arr)2、Object.prototype.toString.call(arr) === '[object Array]'3、arr.constructor === Array4、Array.prototype.isPrototypeOf(arr)5、Object.getPrototypeOf(arr) === Array.prototype不能通过instanceof来判断arr instanceof Object .
2021-01-13 10:45:22
556
原创 非严格模式实现尾递归优化
非严格模式实现尾递归，尾递归之所以需要优化，原因是调用栈太多造成溢出，减少调用栈可通过‘循环’替换‘递归’function sum(x, y) { if(y > 0) { return (x+1, y-1) } else { return x }}sum(1, 100000)// Uncaught RangeError: Maximum call stack size exceeded(...)上面超出了最大次数蹦床函数（
2021-01-10 22:10:50
123
原创 淘宝的样式初始化代码
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend ,button,input,textarea,th,td{ margin:0;padding:0;} body,button,input,select,textarea{ font:12px/1.5tahoma,arial,\5b8b\4f53;} h1,h2,h3,h4,h5,h6{font-size:100%;} a.
2020-12-27 14:57:55
144
原创 判断浏览器
转载：https://www.jianshu.com/p/d99f4ca385ac使用浏览器的userAgent来判断 var explorer = window.navigator.userAgent ; //判断是否为IE浏览器 if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //判断是否为Firefox浏览器 e
2020-11-27 11:16:11
440
原创 前端常见算法
1、冒泡升序，两次循环，相邻元素俩俩比较，如果前面大于后面就交换位置function bubble(arr) { const array = [...arr], isOk = true; for(let i = 0, len = array.length; i < len - 1; i++) { for(let j = i + 1; j < len; j++) { if(array[i] > arr
2020-11-18 15:03:50
112
原创 our branch is based on ‘origin/lhl‘, but the upstream is gone.
rm .git/refs/remotes/origin/mastergit fetchgit branch --set-upstream-to=origin/master
2020-11-16 12:25:03
689
原创 常考面试题
1、防抖与节流1、防抖：触发高频事件后，在n秒后执行，n秒内再次触发，重新计时function debounce(fn) { let timeout = null return function() { // 重新计时 clearTimeout(timeOut) timeout = setTimeout(() => { fn.apply(this, arguments) }, 500)
2020-11-13 01:23:22
202
原创 常用的 meta 标签
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度 的描述和关键词。 <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联 的名称/值对。 <!DOCTYPE html> H5 标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’
2020-11-02 22:26:13
207
原创 input自动填充背景变黄
.el-input__inner {-webkit-appearance:none; }.el-input__inner:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000px white inset; -webkit-text-fill-color: #333333;}.el-input__inner:-webkit-autofill,.el-input__inner:-webkit-autofill:hover,.el-in.
2020-07-09 11:23:03
663
原创 页面布局
1、固定盒子使用20％的padding-bottom使得框等于其宽度的20％的高度。与视口宽度无关，子元素的div将保持其宽高比（100％/ 20％= 5:1）.container { height: 0; padding-bottom: 20%; position: relative;}.container div { border: 2px dashed #ddd; ...
2020-05-19 14:33:56
119
原创 小三角形
<div class="trangle"></div><style>.trangle{ width: 0; height:0; border: 10px solid; border-color: transparent transparent red red;}</style>第二种.trangle{ width: 0; height:0; border-...
2020-05-19 14:11:22
266
1
原创 JS 中判断空值 undefined 和 null
1.JS 中如何判断 undefinedJavaScript 中有两个特殊数据类型：undefined 和 null，下节介绍了 null 的判断，下面谈谈 undefined 的判断。以下是不正确的用法：var exp = undefined;if (exp == undefined){ alert("undefined");}exp 为 null 时，也会得...
2019-12-23 13:53:33
236
原创 判断数组中是否含有key值，添加数据
resData.map((value) => { var year = value.create_time.substring(0,4); if(!_this.yearArr.hasOwnProperty(year)) { _this.yearArr[year] = []; _this.yearArr[year].push(valu...
2019-09-25 14:49:20
713
原创 vue循环内容，触发某条内容添加样式
话不多说，直接上代码 <li v-for="(item, index) in orderListArr" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : ''" >js selectGo...
2019-09-25 14:43:43
351
转载 使用fiddler实现手机抓包
手机上无法直接查看网络请求数据，需要使用抓包工具。Fiddler是一个免费的web调试代理，可以用它实现记录、查看和调试手机终端和远程服务器之间的http/https通信。fiddler没有手机客户端，都是安装在PC上，要实现对手机上的程序抓包，则需要对PC上的fiddler和手机端做一些配置。步骤如下：一、PC端fiddler配置1. 安装HTTPS证书手机上的应用很多涉及到...
2019-08-20 13:29:00
152
转载 理解 es6 class 中 constructor 方法 和 super 的作用
转载：https://www.jianshu.com/p/fc79756b1dc0首先，ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function() {...
2019-05-16 10:29:37
282
转载 原生JS forEach()和map()遍历的区别以及兼容写法
一、原生JS forEach()和map()遍历共同点：1.都是循环遍历数组中的每一项。2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。3.匿名函数中的this都是指Window。4.只能遍历数组。1.forEach()没有返回值。v...
2019-03-25 14:43:45
654
转载 scroll事件的优化以及scrollTop的兼容性
转：https://www.cnblogs.com/fogwind/p/6363269.htmlscrollTop的兼容性scroll事件，当用户滚动带滚动条的元素中的内容时，在该元素上面触发。<body>元素中包含所加载页面的滚动条。虽然scroll事件是在window对象上发生，但他实际表示的则是页面中相应元素的变化。在混杂模式（document.compatMode的...
2019-03-20 14:58:17
646
转载 js中null与0的比较
简单来说就是：要比较相等性之前，不能将null和undefined转换成其他任何值。就是undefined和null与其他数在进行相等判断时不进行类型转换。null == undefined,这个是true。另外： >=的结果可以根据<的结果推出（undefined除外 因为会转化为NaN；同样NaN除外）；而==的结果与>=没有任何关系，即>=的结果不是&g...
2019-01-24 15:15:56
3325
原创 javascript 中的时间戳转换时间 根据时间字符判断星期几 根据开始时间结束时间获取中间间隔时间
//时间戳转换时间 function timedat(res){ //res为传入的时间戳 例：1509091800000 var time = new Date(res); var y = time.getFullYear(); var m = time.getMonth()+1; ...
2019-01-21 10:23:45
1002
转载 深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame
转载地址https://www.cnblogs.com/xiaohuochai/p/5777186.html 与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAnimationFrame 引...
2019-01-03 15:29:26
148
转载 关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别一览
一、先来这个我平时用的比较多的，height它主要是返回元素的高度或者说这个div的内容的高度，它是jquery对像，如果只是想取到某个内容的高度，那完全可以使用这个，按照上面所设置的参数，得到的就是200，如图h1：二、也是平时经常用到的offsetheight它返回的高度是内容高+padding+边框，但是注意哦，木有加margin哦，当然一般也木有啥需要把margin加进去的...
2019-01-03 11:38:59
1068
转载 JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解（含示例图） (转)
这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;window.innerHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeig...
2019-01-03 11:28:38
257
转载 DOMContentLoaded与load的区别
1、onload事件 onload事件所有的浏览器都支持，所以我们不需要什么兼容，只要通过调用window.onload = function(){ }2、DOMContentLoaded 事件DOMContentLoaded不同的浏览器对其支持不同，所以在实现的时候我们需要做不同浏览器的兼容。1）支持DOMContentLoaded事件的，就使用DOMContentLoaded事件...
2018-06-28 10:01:27
205
原创 array和string的操作方法
一、数组let arr = [‘red’,'green','blue']push,unshift返回数组的length;pop,shift返回删除的项reverse,sort方法数组重排序concat 创建一个新数组，不影响原始数组slice基于当前数组创建一个新数组，参数中包含负数，则加上数组的长度，结束位置小于开始位置，返回空数组 。不影响原始数组let arrSlice = arr.sli...
2018-03-29 11:05:41
444
原创 常见面试题
1、typeoftypeof NaN//'number'typeof null//'object'typeof 'undefined' //undefined2、对象深拷贝写一个函数复制对象普通对象可以let newObj = Object.assign({},obj)或者for in遍历对象，当对象里有数组、对象的时候可用下面的方法function clone(obj){//当对象里有函数 nu...
2018-03-28 17:14:01
157
转载 flex布局兼容性问题
Android 2.3 开始就支持旧版本 display:-webkit-box;4.4 开始支持标准版本 display: flex;IOS 6.1 开始支持旧版本 display:-webkit-box;7.1 开始支持标准版本display: flex;PC ie10开始支持，但是IE10的是-ms形式的。 .box{ display: -webkit-flex;/*新版本语法：chro...
2018-03-27 16:59:21
12028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人