摘要: 踩坑背景:项目需求一个echarts图标组件,后期为了用户体验,新增了全屏切换的功能 技术实现:采用了js内置方法,requestFullScreen来实现的某个容器的最大化,踩坑之路:由于使用的时element的ui库,图标组件中有使用了select组件和dropdowm组件作为了用户进行筛选的工 阅读全文
posted @ 2020-09-28 11:38 因一人念一城 阅读(5059) 评论(0) 推荐(0) 编辑
摘要: 逻辑场景: 业务组件内部正常使用的table来展示一组list数据,照例使用了饿了么的分页组件, bug复现:正常操作是没啥问题的, 测试妹子来了个骚操作,1.将pagesize调为最小,2. 然后跳转到最后一页,3.将pagesize调大, 原因分析: 本来也没啥, 不就是触发了两次getlist 阅读全文
posted @ 2020-08-23 16:06 因一人念一城 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 记录一次前端下载xlsx文档流: 思路: 1. 调用接口接受后台返回的文档流资源, 2.通过内置对象Blob构造器进行解析得到链接地址 3.通过a标签的下载功能得到资源 说下中间踩得坑, 首先项目中使用axios进行的接口调用, 你如果希望得到的是原始的二进制文档流 ,敲黑板: 那么你的请求头里面要 阅读全文
posted @ 2020-07-30 10:29 因一人念一城 阅读(1440) 评论(0) 推荐(0) 编辑
摘要: 1,css篇: 全局引入公共的scss或者其他预编译文件 ,主要依赖:sass-resources-loader, 详见我上一篇博客2. js篇: 2.1:props和$emit 巧用修饰符语法糖sync来优雅的更新props ,父子组件的传值prop是很常用的业务,需要在子组件去更新prop的场景 阅读全文
posted @ 2020-07-22 11:51 因一人念一城 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 当项目越来越大的时候,便于后期维护和代码的编写效率 提取css是必须的 但是每个页面都又可能用到全局声明的 scss变量 每个页面引入? 显然不是程序猿的作风, 于是 sass-resources-loader 闪亮登场 使用步骤和把大象关进冰箱是一样的 找到大象,. cnpm install sa 阅读全文
posted @ 2020-07-07 17:50 因一人念一城 阅读(593) 评论(0) 推荐(0) 编辑
摘要: 随心记之 webpack自动注册全局组件 // 是否包含 '-' function isContains(str, character = '-') { return str.indexOf(character) != -1 } // 首字符转大写 function firstToUpper(str 阅读全文
posted @ 2020-07-07 17:37 因一人念一城 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 由于业务需求需要支持多文件上传, 出于复用思想,就把element的上传文件组件进行了二次封装 ,但是多文件上传的时候发现报错: Cannot set property 'status' of null 踩坑之路开始, 查了下网上说是 fileList 这个值不能修改, 不明所以, 看了下报错是没有 阅读全文
posted @ 2020-07-07 17:36 因一人念一城 阅读(1591) 评论(0) 推荐(0) 编辑