冯阿宝-优快云博客

原创 2020-09-27 数组去重

方法一：使用es6中的set数据结构 //Array.from()将类数组对象或可迭代对象转化为数组 //一个类数组对象必须含有 length 属性，且元素属性名必须是数值或者可转换为数值的字符，可迭代对象包括字符串，map,set, var arr=[1,2,2,3,2,2,4] function unique(val){ var arr1=Array.from(new Set(val)) return arr1 } unique(arr) 方法二： ...

2020-09-29 10:10:15 167

原创浅拷贝与深拷贝的实现

浅拷贝与深拷贝 1.前提掌握条件： for( var k in obj) for…in循环 ES6语法：object.assign(target,…source) 2.概念解析：浅拷贝：仅拷贝第一层数据，更深层次的数据只引用地址。深拷贝：使用函数递归来实现深层次数据的拷贝。 3.实现方式：浅拷贝： //原始方法 var obj={ name:'lisa', age:18 } var obj1={} for(let k in obj){ obj1[k]=obj[k] } //-------

2020-09-23 23:08:11 193

原创锚点定位跳转解决

文章目录锚点定位的优化：1.锚点定位的写法：2.锚点定位存在的问题：3.优化方案：锚点定位的优化： 1.锚点定位的写法： <a href="#content">点击我前往p标签处</a> <p id="content">您发qau分红期货全日跑去让他好白菜奇偶饭前后瑞万</p> 2.锚点定位存在的问题：点击以后会出现路由的跳转，比如上述中的路由会跳转到#content中， 3.优化方案：使用element.scrollIntoView():滚动当前元素

2020-09-15 10:51:57 430

原创 2020-08-05

vue实现类似浏览器刷新功能： 1.应用场景：表单搜索框重新检索刷新所有数据、或者关闭弹框时遮罩层下面的页面重新刷新。比如： 2.实现方法： (1)刷新整个页面：缺点：类似强制刷新，在刷新时页面会有空白期 this.$router.go(0)//：刷新整个页面的方式一 //========================================================================================= //与方式一对比 //this.$

2020-08-05 16:32:12 184

原创倒计时功能

（1）涉及技术点： 1、innerText与textContent兼容性处理函数封装。 2、定时器中定时任务无法在页面加载时刷新数据的处理。 3、Date内置对象的使用。 4、setTimeout、setInterval、clearInterval对比（2）难点：时间差的处理 <div> <span>距离高考还有</span> <span id="day">天</span> <span id="hour">时</span>

2020-08-01 18:23:53 196

原创 CSS3总结

文章目录一：过渡效果(1)可作为后面3D旋转的一部分。二：3D转换：(1) 3D移动(2)透视:(3) 3D旋转(4)3D转换(5)缩放转换三：动画一：过渡效果 (1)可作为后面3D旋转的一部分。 transtion-property:all/width/height//所要过渡的属性 transtion-duration:0//过渡话费的时间 transtion-timing-function:ease/linear/ease-in//运动曲线二：3D转换： (1) 3D移动 transform:

2020-07-13 20:15:52 131

原创移动端常见布局方案

文章目录一.基本概念：（1）移动端兼容性处理：主要处理webkit内核即可。（2）解决屏幕适配问题的方案：（3）物理像素比的问题：（4）移动端特殊样式的处理二.移动端布局方案：1.单独制作移动端页:（1）流式布局（百分比布局）（2）弹性布局:（3）less+rem+媒体查询布局（4）混合布局2.响应式页面兼容移动端:（1）响应式布局原理（2）bootstarp原理: 一.基本概念：（1）移动端兼容性处理：主要处理webkit内核即可。（2）解决屏幕适配问题的方案：与视口相关的视口标签的设置（即移动端屏

2020-07-02 13:34:12 1280

原创 vue自定义指令，过滤器，异步请求等处理

文章目录一：自定义指令二：过滤器三：计算属性，方法，侦听器对比四：vue异步请求的方法五：懒加载（按需加载路由）六：Render渲染函数一：自定义指令 vue.directive('指令名',{})//第二个参数是与指令有关的函数 bind:function(el,binding){}//el是绑定自定义指令的元素，binding为指令处理函数的相关属性，通常与样式相关的函数放在bind函数中，与行为相关的如keyup放于inserted中 inserted:function(el,binding){}/

2020-07-01 22:12:06 2622

原创 vue对表单的处理，组件，路由的使用

一：对表单的处理表单数据的双向绑定： <input v-model="属性值">//使用v-model双向绑定表单修饰符：.number/.lazy/.trim <input v-model.number="num">//转换为数字类型 <input v-model.trim=" n um ">//去除两端的空格，中间的空格无法去除 <input v-model.lazy="num">//将表单的input事件转换为change事件默认选中效果：针对

2020-07-01 12:18:28 802

原创 mongoose数据库使用及node连接

这里写自定义目录标题mongodb数据库使用及node连接mongodb compassmongodb数据库导入数据文件在node中使用mongodb的步骤：1.准备好mongodb和mongodb compass2.node连接mongodb数据库在node中对数据进行增删改查操作在node.js代码中使用数据库数据在node中使用账号连接mongodb数据库 mongodb数据库使用及node连接 MongoDB 是一个介于关系数据库和非关系数据库之间的产品。MongoDB 将数据存储为一个文档，数据结

2020-06-28 16:42:22 628

qq_45196214的博客