![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
林木森森森
物联网工程专业
展开
-
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 · 933 阅读 · 0 评论 -
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 · 3481 阅读 · 0 评论 -
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 · 2414 阅读 · 0 评论 -
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 · 240 阅读 · 0 评论 -
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 · 92 阅读 · 0 评论 -
HTTP的强缓存与协商缓存
什么是缓存缓存就是浏览器将最近请求过的资源储存在本地磁盘或者内存当中,当再次访问的时候,就不用通过请求服务器来加载资源,可以直接从本地获取资源,从而加快资源加载速度,减轻服务器压力。但是问题来了,如果服务器上的资源更新了,而我们还是从本地取旧的资源怎么办呢?于是就有了强缓存和协商缓存的区别了。什么是强缓存强缓存就是浏览器根本不会发请求给服务器,通过http头中的Expires和cache-c...原创 2019-11-09 15:44:49 · 313 阅读 · 0 评论 -
移动端WEB开发过程中小米浏览器的一个坑?
我有一个页面是用v-if渲染的,在其他浏览器都可以正常打开这个页面,但是在小米浏览器就不行,明明前一天还一切正常的,后来在小米浏览器的设置里面点进广告拦截一看,原来小米浏览器将我的页面当成了广告屏蔽掉了,真是十分的坑爹。。修改的方法将屏蔽名单里自己的IP地址删掉就可以了。...原创 2019-10-30 17:30:15 · 1724 阅读 · 1 评论