![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
方法
正儿八经学前端
道阻且长,行则将至,行而不缀,未来可期。
展开
-
数组/字符串常用方法
【代码】数组/字符串常用方法。原创 2022-10-11 17:38:07 · 141 阅读 · 1 评论 -
JS中 reduce() 的用法
一、语法arr.reduce(function(prev,cur,index,arr){…}, init);其中,arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;init 表示初始值。常用的参数只有两个:prev 和 cur。二、栗子先提供一个原始数组:var arr = [1,2,3,4,5,6,7,7];1. 求转载 2021-06-25 20:48:06 · 221 阅读 · 0 评论 -
js中的深拷贝与浅拷贝
浅拷贝:将对象中的各个属性依次进行复制,浅拷贝只复制一层对象属性,如果对象属性中还有对象,赋值仅仅是地址,会相互影响。深拷贝:将对象中的各个属性一次进行复制,深拷贝会递归赋值所有层的对象属性,如果对象属性还有对象,继续拷贝,会完全独立。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2021-06-11 11:54:18 · 127 阅读 · 2 评论 -
vue双向数据绑定原理
view(视图)到model(数据)的变化通过事件监听方法addEventListener()。model(数据)到view(视图)的变化是通过es5的数据劫持方法Object.defineProperty()。vue内部设置Object.defineProperty()方法中的get和set操作,属性拦截方式,把data对象中的数据转化get和set,数据变化视图更新。代码如下:<!DOCTYPE html><html lang="en"><head> .原创 2021-06-03 10:26:50 · 113 阅读 · 0 评论 -
js 对象 数组 遍历常用方法
遍历对象1、for … in 循环遍历对象自身的和继承的可枚举属性(循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).).let obj = { name: '小明', age: '20' } for(let i in obj) { console.log(i, ':', obj[i]); } 结果如下图:2、使用Object.keys()遍历返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)let obj = { n原创 2021-05-27 14:21:08 · 754 阅读 · 0 评论 -
js 短路运算
&& 和 || 也叫短路运算符短路&&: 只要碰到了假值(false),就会短路,并返回该假值, 只要短路,不会继续执行后面的表达式。短路||: 只要碰到了真值(true),就会短路,并返回该真值, 只要短路,不会继续执行后面的表达式。(一般用作默认值)注意:假值有以下6个:null undefined NaN false 0 ’ ’ console.log('abc' && null); // null conso..原创 2020-11-13 14:34:35 · 2418 阅读 · 0 评论 -
在JavaScript 中如何检查对象为空
可以使用ES6中的“Object.keys()"方法。严谨写法如下:function isEmptyObject (value) { value && Object.keys(value).length === 0 && value.constructor === Object}原创 2020-10-21 12:57:32 · 71 阅读 · 0 评论 -
Vue之在methods中使用filter的方法
方法如下:this.$options.filters['过滤的方法名'](传入需要过滤的值)原创 2020-10-13 16:38:24 · 648 阅读 · 2 评论 -
二维数组扁平化处理方法
方法如下:...new Set([].concat(...arr).map(i=>i.aaa))效果如下:原创 2020-10-10 17:16:54 · 1065 阅读 · 0 评论 -
ios滑动流畅
只需添加一行css样式:如下-webkit-overflow-scrolling: touch<div class="dy-body" v-if="showContent" style="-webkit-overflow-scrolling: touch;">原创 2020-09-29 14:44:47 · 90 阅读 · 0 评论 -
flex布局- 属性说明
flex 包括容器container和内部元素item,容器中存在两条轴,水平主轴main axis和垂直交叉轴cross axis,可以通过容器的flex-direction属性修改主轴方向flex 容器指定元素为flex布局容器:.container { display: flex | inline-flex; //块级元素使用flex、行内元素使用后者}注意:设置为flex布局后,子元素的 float、clear(清除浮动)、vertical-align(垂直对齐)转载 2020-09-15 12:35:42 · 282 阅读 · 0 评论 -
ES6中 常用使用方法
1、解构赋值数组解构以前,为变量赋值,只能直接指定值。let a = 1;let b = 2;let c = 3;ES6 允许写成下面这样。let [a, b, c] = [1, 2, 3];解构默认值let [a = 0, b, c] = [1, 2, 3];对象解构解构不仅可以用于数组,还可以用于对象。let { foo, bar } = { foo: 'aaa', bar: 'bbb' };foo // "aaa"bar // "bbb"如果变量名与属性名原创 2020-09-11 16:37:54 · 219 阅读 · 0 评论 -
ES5 中的 forEach,map, filter, some, every新方法
1、forEachforEach() 方法对数组的每个元素执行一次提供的函数。功能等同于for循环.应用场景:为一些相同的元素,绑定事件处理器!栗子:遍历数组[“张飞”,“关羽”,“赵云”,“马超”]var arr = ["张飞","关羽","赵云","马超"];//第一个参数:element,数组的每一项元素//第二个参数:index,数组的下标//第三个参数:array,正在遍历的数组arr.forEach(function(element, index, array){ cons原创 2020-09-11 16:06:56 · 152 阅读 · 0 评论 -
ES6中 let ,const的使用方法
1、 let的使用ES6 新增了let命令,用来声明变量。它的用法类似于var。let声明的变量只有在当前作用域有效{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1不存在变量提升// let 的情况console.log(bar); // 报错ReferenceErrorlet bar = 2;不允许重复声明let a = 10;let a = 1;//报错原创 2020-09-11 15:48:24 · 105 阅读 · 0 评论 -
时间戳转为年月日时分秒格式, 日期时间比较
1、自定义方法转换小于10前面补0 function add0 (m) { return m < 10 ? '0' + m : m }转为年-月-日 时:分:秒格式 function dateTime (ts) { var time = new Date(ts) var year = time.getFullYear() var month = time.getMonth()+1 var day = time.get转载 2020-09-11 10:42:54 · 3242 阅读 · 0 评论 -
移动端 h5唤起拨号界面(支持iOS,Android)
方法:tel: 接电话号码栗子:tel:95382上代码:<div class="mobilePhone"> <a :href="`tel:${personalInfo.mobilephone}`">拨打手机</a> <a v-if="personalInfo.mobilephone === '' ? true : false">拨打手机</a></div><div class="hotline">原创 2020-09-10 11:33:06 · 1594 阅读 · 1 评论