前端程序媛_Ying博客

业务场景：在el-dialog里有vxe-table表格，表格有前端导出功能，使用vxe-table自带的导出，但是导出的提示框层级低会被弹框盖住，无法显示到最顶层。

业务场景：需要限制日期时间选择器可选择的日期，有两种模式，一种是已知范围，只能选已知范围内的日期，另一种是知道最近天数，只能选今天往前的天数内的日期，超出不能选。

el-radio-button自适应充满盒子的写法。

el-table表格自动循环向上滚动鼠标放上去停止，移开恢复，排序的图标是两个图片，点击向后端发请求带不同的参数。

1、数字定时刷新，显示从0变动到最终数的效果，字体可以下载不同的字体包。3、设置了保留两位小数的情况和整数情况。2、先下载 countup.js,

业务场景：需要使用写一个html文件，实现输入数字，保存调接口。1、使用 JS原生写法，fetchAPI调接口，使用 alert 方法弹框会阻塞线程，所以写了一个弹框。2、使用jQuery，先 npm install jquery，然后引入。1、使用 JS原生写法， fetchAPI调接口，使用。方法弹框会阻塞线程，所以写了一个。

业务场景：选中树的末级节点后，拿到id，向上找每个层级的父级，把向上的所有层级的id，按照从顶级到末级顺序拼接成字符串

业务场景：1、tooltip的背景需要渐变色，写 html 标签，2、饼图内部的百分比需要保留整数 ，使用formatter，

业务需求：表格的列名是循环出来的，后台返回每行的表格数据结构如下，需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽，再写个方法

业务需求，默认是圆点，需要把线的由圆点改为线

kkFileView - 在线文件预览kkFileView官网 - kkFileView使用Spring Boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc,docx,Excel,pdf,txt,zip,rar,图片等等业务场景：需要点击按钮，弹出弹框预览pdf文件这里使用的是3.x.x 版本，需要下载base64。

业务场景，点击某个按钮需要跳转到外部iframe的地址，但是需要在本项目内显示。以前项目中写过调用外部链接的功能，是有菜单的，但是这次是按钮，所以不能直接把地址配到菜单里。

组件原本是在PC端使用的，现在需要把组件再封装一次，供app调用，但是在app上会显示tag栏，有占位影响空间，所以需求去掉头部tag，只显示下方组件。实现方法，以前是直接引用的组件，现在改为动态引用组件，使用,挂载后，获取tag栏的dom，使用display：‘none’；隐藏，然后再动态导入组件。

需要点击编辑时，全部表格显示编辑框，点击保存，全部保存。

el-input-number方法不支持插槽，只有el-input支持下面的插槽append写单位，但是el-input输入的数字超过限制后不会自动变成最大值，所以这里使用的是el-input-number，单位使用div，重写了样式，注意要给div设置高度。需求：目标室温输入框数据库设置最大是4位整数，限制一位小数，且后面要加单位，当输入数字超过限制，默认显示限制的最大值 ，所以就有了输入完图一自动变为图二的数字。input输入框使用了el-input-number。

应用场景：需要在header区域，写24小时天气预测轮播，按钮在轮播图外面，默认隐藏左侧按钮，当点击右侧按钮后，左侧按钮显示，当点击到最后一个轮播图的显示时，隐藏右侧按钮。通过获取索引，监听索引的方法实现。项目里以前使用的是swiper6.7，所以这次写这个轮播还用了6版本，没有升级。

vue3弹窗中循环生成表单的校验和重置问题

主页面是由header和下面的tabel，2个组件构成，需要在css里使用flex布局， 就解决了弹窗导致的页面右侧缩小问题。

【代码】点击切换或隐藏盒子的卷起、展开效果。

在表单中,当选择不同的数据类型时,需要在下面选择时间时和数据类型对应上, 通过监听数据类型的变化, 给时间做格式化,校验规则,都是不能选当前的时间,所以需要转换时间戳.

【代码】实现循环滚动效果。

点击el-table跳转到详情页的两种写法

因为折叠面板使用的是动画,所以要监听动画结束,再获取折叠后的高度,再更新表格的最大高度即可

项目背景: 在vue2中el-table的数据量太大,并且有点击单元格选中和鼠标框选单元格选中数据,并对数据进行操作的功能,所以在不使用虚拟滚动前,非常卡顿,使用后完美解决卡顿问题.

项目有两个需求,既能在el-table实现点选又能实现鼠标框选,

【代码】vue2中私有过滤器filters用法。

Promise.all()方法是一个 Promise 对象方法，可以将多个 Promise 实例包装成一个新的 Promise 对象，最终返回一个数组，其中包含所有 Promise 实例的返回值。

切换日期时,选中框问题和日总计问题。

由于el-table的位置有偏移, 当右键点击el-table的行事件时弹出菜单, 但是当点击最右边或者最下边的时候, 菜单会被盖掉, 所以在获取距离的时候减去整个table的偏移距离, 并且要把盖住的菜单的宽和高减去,就能正常显示到页面了.

log前的abc，快捷输入console.log的问题

2.detail_07-map.vue 创建地图实例，添加地图。1. 在 index.html 里通过 script 标签引入。

1. 只循环展示 houseFacility 里索引是 facilitySort 里包含的索引的对象。includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false。3. 只展示 item 里的前 4 个，使用 slice 截取前 4 个。2. 使用v-if includes() 判断。

把相同类别的放在一个数组中，类别为key，数组为value，这样方便对后续指示器的显示进行处理。从后台得到的数据并没有对相应数据分组，得到的是总的数据。

使用 class 二次封装 axios 使用流程。

【代码】dayjs计算时间差diff。

经纬度位置获取navigator.geolocation.getCurrentPosition,无法在谷歌浏览器获取，在火狐浏览器可以正常获取

使用原生Ajax 封装 axios。readystate存有xmlhttprequest的状态。

【代码】解决css文字重叠问题。

$nextTick和浅拷贝Object.assign

slice(a, b)是截取索引包括 a 不包括 b 之间的数或字符串，返回的是新数组。返回值：始终都会返回一个包含从原始数组中删除的项的新数组，改变原数组。slice(a), 是从索引为a 的开始截取到最后的数组。splice 功能有：插入、删除、替换。