自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 问答 (4)
  • 收藏
  • 关注

原创 chrome浏览器点击元素会触发mouseLeave事件的问题

前言最近发现在chrome浏览器中点击一个元素的时候,有几率会触发该DOM元素的mouseLeave事件,原因暂时还不知道解决办法发现问题后在网上看看有没有人遇到过相同的情况,发现不少人都遇到了这个问题,大部分的解决办法是这个handleMouseLeave = function (e){ if (!e.relatedTarget || !e.toElement) { // BUG in Chrome return; } // Correct behavior...}

2020-08-27 19:35:47 889

原创 IE11下onclick不生效的问题

前言项目中的icon上绑定的click事件在IE11下无法被触发具体问题// HTML<div> <span></span> <span></span> <span></span> <span className=icon onClick={this.handleClick} style={{ position: relative; top: 2px }}></span></d

2020-05-19 17:34:50 3441

原创 element-ui之el-checkbox遇到的一些问题

el-checkbox绑定了v-model却不能响应 <el-checkbox style="transform: translateY(50%);" v-model="option.isDefaults" :label="''" @click.prevent.native="setDefaultOption(index)" ></el-checkbo...

2019-12-08 21:11:18 2291

原创 Vue-router传参

前言之前都有用过vue-router,也传过参,但是都是看过文档之后直接用,没有具体了解过到底传参有哪几种方法,那么今天就来总结一下。URL传参这种方式可以直接在URL里面添加参数传过去//router-link跳转<router-link :to={path:`/son/${id}`}></router-link>//js跳转goto(id){ this....

2019-11-23 18:49:44 221

原创 JavaScript数组去重

数组中含有NaNes5NaN是不会等于自身的,我们可以利用这个特性function uniqueArray(array){ var NaNMark = true; var temp = []; for(let i = 0; i < array.length; i++){ //判断这个元素是不是NaN if(array[i] !== array[i]){ NaNMar...

2019-11-11 13:00:40 84

原创 HTTP的强缓存与协商缓存

什么是缓存缓存就是浏览器将最近请求过的资源储存在本地磁盘或者内存当中,当再次访问的时候,就不用通过请求服务器来加载资源,可以直接从本地获取资源,从而加快资源加载速度,减轻服务器压力。但是问题来了,如果服务器上的资源更新了,而我们还是从本地取旧的资源怎么办呢?于是就有了强缓存和协商缓存的区别了。什么是强缓存强缓存就是浏览器根本不会发请求给服务器,通过http头中的Expires和cache-c...

2019-11-09 15:44:49 309

原创 KMP算法

前言最近在刷算法题的时候遇到了一题要我们实现indexof这个函数,我在做的时候用的是很暴力的算法,应该是叫BF算法,但是我想到之前上数据结构课的时候老师说过一种算法是不用逐个逐个匹配的,可以根据一定的规律跳着匹配,后来我在评论中看到这种算法叫KMP算法。KMP算法kmp算法就是在匹配子串中找到相同的前缀和后缀,例如a b c d a b d在字符d的前面的子串中,前面有一个ab,后面也...

2019-11-09 14:54:39 93

原创 移动端WEB开发过程中小米浏览器的一个坑?

我有一个页面是用v-if渲染的,在其他浏览器都可以正常打开这个页面,但是在小米浏览器就不行,明明前一天还一切正常的,后来在小米浏览器的设置里面点进广告拦截一看,原来小米浏览器将我的页面当成了广告屏蔽掉了,真是十分的坑爹。。修改的方法将屏蔽名单里自己的IP地址删掉就可以了。...

2019-10-30 17:30:15 1708 1

原创 px2rem-loader不能将vant的组件转换成rem

前言在我的网瓣项目中,我想要对不同设备做一个大小的适配,使用到了lib-flexible,这个插件是根据屏幕的宽度去设定根元素的font-size的,而接下来就是要将写代码的时候用到的px单位转换成rem单位,使用的是px2rem-loader,自己写的css选择器中的px单位可以被转换成rem,但是vant组件中的选择器仍然是px。解决办法正当我想去看看有没有人提出这个issue的时候,我...

2019-09-05 21:51:43 2164

原创 项目记录之jsonp与打包后无法显示阿里iconfont

前言之前我写了一个项目,然后在面试的时候面试官想要看一下我的项目,无奈我没有部署到服务器上面,本来是想趁着周末部署一下的,后来想了一下就为了一个项目太麻烦了,先将就一下将项目打包存到手机上,用手机查看就可以了。那么之前我的这个项目跨域用的是vue-cli的proxy配置选项,也就是代理来解决的,当发布的时候就不可以这样了,要自己写一个代理服务器,所以我就改变了跨域方式,改为使用了Jsonp。问...

2019-08-25 16:38:27 302

原创 ES6学习之Generator

什么是GeneratorGenerator 函数有多种理解角度。语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。function* helloWorld...

2019-08-19 12:13:16 81

原创 ES6学习之Promise

什么是Promise所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。–《ECMAScript6入门》特点(1)他的状态不受外界影响,promise对象有三种状态,pending,fulfil...

2019-08-17 23:28:21 92

原创 Vue练习项目

介绍这是我学习完VUE全家桶之后练习的项目,目前只完成了豆瓣部分,网易云准备开始着手,豆瓣部分UI是自己写的,感觉好累。。后面的网易云部分准备用vant来写UI,不自己写了。项目中的图片加载使用了vue的插件vue-lazyload,下拉加载更多图片是自己写的。豆瓣的搜索功能是没有做的,因为豆瓣的搜索API最近关闭了。用到的知识vue + axios + vue-router + Vuex ...

2019-08-17 10:34:51 736

原创 ES6学习之Proxy

什么是Proxyproxy原意为代理,代理在计算机中通常是指代理服务器,当我们要访问一个网址的时候,要先访问代理服务器,再由代理服务器去访问要访问的网址。而es6中代理的不是服务器,而是对象,当我们要访问一个对象的时候,要先经过Proxy。如何使用proxyproxy使用构造函数来构建一个新的proxy实例var proxy = new Proxy(target,handler);其中...

2019-08-16 17:56:11 116

原创 ES6学习之symbol

什么是symbolsymbol是用来防止属性名冲突的,用symbol创建的变量是独一无二的创建symbollet a = Symbol();typeof a//symbol在es6中,symbol也成为了JavaScript的数据类型之一,其他六种是,undefind,null,number,string,boolean,objectsymbol创建的时候也可以传入参数,但是这仅仅是...

2019-08-15 17:20:39 105

原创 什么是BFC?

当初一开始学习CSS的时候就听说过BFC,跟浮动相关的,一直说什么触发BFC清除浮动,但是那时候我也没有具体去了解过BFC是什么东西,甚至不知道如何触发BFC,BFC的作用,只是照着别人清除浮动的方式来做。今天刚好又遇到了BFC,那么就来了解一下BFC到底是什么东西什么是BFC以下是MDN官方的定义块格式化上下文(Block Formatting Context,BFC) 是Web页面的...

2019-08-12 17:58:59 562

原创 node+express接收post过来的表单数据

<!-- html代码 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-04-24 11:46:45 3873 2

原创 JavaScript call函数原理

Function.prototype.fakeCall = function (context) { var content = context || window; context.fn = this; //保存函数 var args = [...argements].slice(1); var result = content.f...

2019-03-15 21:37:20 416

原创 git与github

简单讲一下怎么把git和github联系起来首先先去下载git(如果git官网下载太慢的话,可以在这里下载)https://pc.qq.com/detail/13/detail_22693.html下载好之后,按照git默认的配置去安装就好,或者可以自行百度每一步的步骤然后开始配置git在开始菜单中找到git bash打开之后输入这两条命令,其中your name填你的用户...

2018-09-25 22:19:29 173

原创 mouseover mouseout和mouseenter mouseleave的区别

mouseover mouseout:在鼠标进入或者离开作用元素或者其子元素时,都会触发在进入son的时候,因为离开了father,所以会触发一次mouseout,同理,在再次进入father的时候,也因为离开了son,所以先触发了一次mouseout再触发mouseover。在进入子元素也会触发mouseover是因为子元素的mouseover事件冒泡到父元素中,被父元素监听到,进而触发...

2018-08-14 16:35:37 10684

空空如也

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

TA关注的人

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