自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 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 98

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

浅拷贝与深拷贝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 113

原创 锚点定位跳转解决

文章目录锚点定位的优化: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 210

原创 2020-08-05

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

2020-08-05 16:32:12 116

原创 倒计时功能

(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 137

原创 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 78

原创 移动端常见布局方案

文章目录一.基本概念:(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 1126

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

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

2020-07-01 22:12:06 2411

原创 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 421

原创 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 353

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除