deciduous_leaves的博客

兼容IE对于一个菜鸡前端来说，简直是噩梦般的存在。我先哭为敬！😭😭😭好了，话不多说，摸索中解决问题之路即将开启，我们准备出发～👊（建议将文章全部看完之后再进行尝试，因为中间有很多尝试没有成功）重要提醒：1、改完代码记得清浏览器缓存，再去看结果，尤其是在坚信自己写得没错的时候，不行就把浏览器关了再打开（好几次都是清完缓存没反应，关了重新打开就好了，就很迷）2、安装依赖时能用npm就别用cnpm，别问我为什么🙄️问题产生原因及解决思路：IE浏览器不能显示vue页面，主要原因是IE无法读取es

问题场景：在vue页面中渲染五百多条数据后，在前端实现关键字搜索的功能，数据加载和页面渲染都很快，只是在输入框打字或删除时卡顿（数据量有二三十条时无明显卡顿），输入框使用iview的Input的search属性输入框问题排除：1、首先去除掉对v-model绑定值的监听事件，问题没能解决2、然后将iview的Input组件换成原生input输入框，问题依然存在3、去除掉输入框的查询事件，让该输入框没有任何功能，问题还是没能解决由于页面数据量的多少不同，输入框卡顿的程度也不同，所以就陷入了寻

场景是这样的，动态添加子组件，在父组件中循环显示，可以随时增加活删除子组件<div class="itemTemplate" v-for="(item,index) in templateList" :key="index"> <Icon type="ios-close-circle-outline" size="32" @click="deleteTem(index)"/> <child :data="childData[index]" />&l

首先介绍一下使用背景，前端采用html单页面引用vue的方式（逼不得已这么做，否则直接用vue不香嘛），废话不多说页面大致是这样，现在需要做的是在iframe页面里面触发事件跳转页面，并且使父级vue页面的左侧菜单选中相应页面的菜单，当然iframe子页面也是vue，但是其他页面也不影响一、子页面向父页面传值1、在iframe页面里触发事件，找到他的父级页面的dom元素，用postMessage传值，里面所有的都是参数，cmd是为了能在父级vue页面区分该操作的用途2、在父级vue页

项目背景是用vue开发的小程序，需要获取当前用户的地理位置，折腾了好久终于弄好了，今天分享给大家，话不多说，let's go!第一步：在index.html页面引入高德地图<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己申请的key"></script>注意：引入地图的js一定要放在引用js的前面，不让会报'AMap' is not defined的错

完整报错：Layer.js?e2f0:197 Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0，系统中有生成二维码的drawImage，我一直以为是生成二维码的报错，而且开始我觉得这个报错出现的完全没有规律，一报错就疯狂报，一刷新就没了，修改了生二维码的代

改别人的代码，满屏报TypeError: Cannot read property 'length' of null，这种报错根本定位不到出错代码，小小崩溃。改就改吧，一个2000行代码的编辑页，代码格式乱到没眼看，呼～深呼吸，静下心来慢慢找。首先我把页面中所有的.length数据找到，在标签里加上了v-if="data && data.length > 0",在js代码中也加上了if判断，然后又找到所有的for循环，也加上了判断，先确定所要操作的数组元素是否存在，再去找它的l