- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 es6方法过滤掉两个数组中对象属性值相等的项
es6方法过滤掉两个数组中对象属性值相等的项方法1let arr1=[{id:1,name:'老大'},{id:2,name:'老二'}] let arr2=[{id:1,name:'老大'},{id:3,name:'老三'},{id:4,name:'老四'},{id:5,name:'老五'},]let add=arr2.filter(item=>!arr1.some(ele=>ele.id===item.id)) console.log(add)方法2：const arr
2022-03-11 11:16:25
1723
原创 防抖与节流
写在前面：防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的 情况会每隔一定时间（参数wait）调用函数。防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听浏览器滚动事
2021-09-29 17:51:27
408
原创 fixed定位元素被安卓、ios键盘顶起的解决办法
当我们在写H5页面时经常会有fixed固定位置的元素存在,例如下图左中的"作业帮一课APP下载框",当我们input输入的时候键盘会弹起并将fixed定位的下载框顶起,如下图右,ios和安卓部分机型都会有问题,现在针对两个系统总结出来两个解决方案:安卓端:在安卓端,当我们呼起键盘时,窗口的高度(document.documentElement.clientHeight)会改变,也就是会触发window.onresize事件,我们根据resize事件去做相关操作:1.windows.resize事件被触
2021-03-01 15:18:15
4052
原创 VUE表达式{{}}中拼接字符
在表达式中我们一直都只绑定简单的键值。但实际上，对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。例如：{{ number + 1 }} {{ ok ? 'YES' : 'NO' }}{{ message.split('').reverse().join('') }}但是最近我有一个需求，就是在表达式中进行一个拼接。 <div class="data_flex"> <div class="data
2021-02-27 16:03:25
2793
原创 if-else优化
不管是平时在学习js中还是在项目书中写js代码，都避免不了一个问题就是有时候要做大量的分支判断，很多人的第一反应就是使用if else。无可厚非，if else早平时做分支判断的时候是非常好用的，但是代码中嵌套的if/else结构往往导致代码不美观，也不易于理解而且性能低下。所以有时候在我们做项目的时候不可避免的一点的就是要做一些代码的性能以及逻辑的优化。一、使用三元表达式例如：let self = this let level; if(self.current == 'monthly'){ level
2021-02-26 17:08:42
108
原创 css 子元素设置margin-top父元素会跟着移动(塌陷)
css 常见问题 子元素设置margin-top父元素会跟着移动(塌陷)首先我们要搞清楚为什么父元素为什么回跟着移动。原因是边距重叠了。边距重叠：一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。解决方案1、为父元素设置padding。#father { width: 200px; height: 200px; padding: 1px;}#son { width: 100px;
2021-01-15 16:42:41
439
原创 jq 封装公共方法
我们可以用一个自执行函数来封装一个公共弹窗(function(w, $) {function _showSuccessMsg(msg, opt) {new $.zui.Messager(msg, $.extend({type:‘success’,icon: ‘check’,time: 2000}, opt || {})).show();} w.WMsg = { showSuccessMsg: _showSuccessMsg };})(window, jQuery);在调
2020-11-16 16:42:42
622
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人