前端小白, 稀土：雩风十六

axios 是一个流行的网络请求库。本文使用typescript，结合axios类型源码，利用面向对象思想，一步一步封装一个类型完整的基础版axios，便于刚接触axios封装的新手学习。

前端下载后端文件流，xlsx文件可以下载，但是打开显示“文件已损坏”的处理方案

Error: 11000 duplicate key error collection 报错 意思是插入的id和集合中已经存在的id产生了冲突，造成这个的原因有几种，大致分类了一下，但是解决方法都大差不差，核心就是清除重复索引，手动设置id并保证id不会重复

el-select和el-tree的封装, 实现在父子节点严格关联情况下, 选择了父节点与其所有子节点，则只保留父节点key, 否则舍弃父节点key只保留子节点key, 便于权限管理

前端发送请求，后端传回文件流，前端接受到后立刻打开下载窗口下载文件。重点在于axios需要添加responseType: 'blob'，还有使用window.URL.createObjectURL(new Blob([data]))加载获取到的data

很多时候我们会在绘制echarts图表时，使用以下方法监听浏览器尺寸变化，让图表resize()完成响应式然后，有些时候，比如在B端，经常会有侧边栏的宽度变化影响我们工作区各种div的尺寸自动变化，这时候就迫切地需要echarts能够随父容器尺寸变化而响应式调整自身尺寸。

今天开发H5网站需要接入易班，经过易班授权然后重定向（code: 302），使用axios发请求，但是前后端均配置跨域的情况下，不管怎么弄都是一直跨域但是我们看networknetwork中对应请求的response的header里已经接收到了重定向的location，然而axios无法从error中获取response。

项目前台需要使用Vue3+Ts来写一个H5应用，然后我用模板创建创建完后进入，两眼一黑。

git合并自己分支代码到dev或master分支

使用typeof判断undefined，使用 ==或者===判断null，使用 isNaN() 判断NaN

用Vue-admin-template做后台时，难免遇到在某一父界面进入子界面查看详情或者进行其他操作的情况，或者父路由使用了重定向到其某子路由。默认情况下，这时候侧边栏对应的父路由会取消高亮，但是我们想要它保持高亮。

axios上传文件的api封装

项目中遇到了这样一个问题：我想要从父页面跳转到子页面然后在父页面中通过进行跳转，想要的结果是跳转后父路由区域替换为子路由，但是实际结果却是路径改变了，面包屑也更新了，控制台里也显示触发了子路由的mounted钩子里的方法，但是页面仍然是父页面没有替换为子页面。

在el-dialog中放置了一个表单，打开el-dialog时，表单没有收集内容，各项为空，此时表单的提交按钮被禁用，只有每个表单项都收集到内容时，才会将提交按钮设置为可用。

element-ui的el-table初始化时，el-table滚动到指定行并将其高亮显示。需要用到setCurrentRow()

将yyyy-mm-dd格式日期字符串转为yyyymmdd格式数字。

项目里遇到的一个需求：在权限树勾选权限后，向后端发送对应的权限id数组。大概就是这样（图中数据都是测试使用随便设置的，有些没逻辑）获得，是选择的节点的key数组，也是我们需要过滤的数组。获得，是选择的节点的node数组。其中使用了扁平化处理后的树状数组。

git —— 分布式版本控制工具，团队协作开发项目的必备技能。

引入iconfont后，原本彩色的图标变成黑白，彩色部分甚至一坨黑，该问题的解决方案。

将svg图片进一步压缩，去除冗余数据，以便前端在web中使用

vue2 + 高德地图API 通过IP获取用户当前位置信息的方法，错误default.APIXXX is not a Constructor的应对

使用background-clip:text实现颜色或是图片对文字的填充，轻松实现酷炫文字效果！

放大镜功能的核心实现思路就是两张图，一大一小，计算光标预览区域左上角的坐标，然后根据两张图所在div的对应宽高比，等比反方向移动大图，溢出部分设置，从而实现放大镜的效果在css3的实现方法中，可以使用，来设置图片的移动，此外还可以使用js获取标签进行对应属性的更改。这里面主要是对pageX、pageY、offsetX、offsetY、offsetLeft、offsetTop、clientX、clientY等的区分使用。