JS
关注
分享
扫一扫
前端程序媛Ying
这个作者很懒，什么都没留下…
展开
-
JavaScript 中toLocaleString()的基本用法，数字格式千分位
是 JavaScript 中多个内置对象（如NumberDateArray等）都拥有的方法，其作用是将对象的值转换为符合特定语言环境的字符串表示形式。下面分别介绍不同对象使用该方法的具体用法。原创 2025-02-14 17:04:03 · 485 阅读 · 0 评论 -
vue3中web前端JS动画案例（四）侧边栏横幅效果-右下角广告-淘宝案例
myJsAnimation.js, 这里使用了上次封装的动画方法，并进行了改造。原创 2024-04-22 16:26:35 · 560 阅读 · 0 评论 -
vue3中web前端JS动画案例（三）链式运动-同时运动
这里把方法抽取成JS文件，文件2是同时运动，对传入的属性，以及边界除了进行了改动，使代码更加完善。原创 2024-04-19 15:02:42 · 282 阅读 · 0 评论 -
vue3中web前端JS动画案例（一）
vue3中web前端JS动画案例，上述案例主要使用定时器，和绝对定位产生动画。原创 2024-04-18 15:50:35 · 376 阅读 · 0 评论 -
vue3中web前端JS动画案例（二）多物体运动-多值运动
【代码】vue3中web前端JS动画案例（二）多物体运动-多值运动。原创 2024-04-19 11:26:36 · 399 阅读 · 0 评论 -
Js中slice和splice区别
slice(a, b)是截取索引包括 a 不包括 b 之间的数或字符串，返回的是新数组。返回值：始终都会返回一个包含从原始数组中删除的项的新数组，改变原数组。slice(a), 是从索引为a 的开始截取到最后的数组。splice 功能有：插入、删除、替换。原创 2023-02-24 10:15:43 · 312 阅读 · 0 评论 -
el-table表格自动循环向上滚动鼠标放上去停止，移开恢复
el-table表格自动循环向上滚动鼠标放上去停止，移开恢复，排序的图标是两个图片，点击向后端发请求带不同的参数。原创 2023-12-31 17:31:13 · 1898 阅读 · 0 评论 -
使用countup.js制作数字滚动效果
1、数字定时刷新，显示从0变动到最终数的效果，字体可以下载不同的字体包。3、设置了保留两位小数的情况和整数情况。2、先下载 countup.js,原创 2023-12-31 16:51:57 · 1091 阅读 · 0 评论 -
html文件Js写输入框和弹框调接口jQuery
业务场景：需要使用写一个html文件，实现输入数字，保存调接口。1、使用 JS原生写法，fetchAPI调接口，使用 alert 方法弹框会阻塞线程，所以写了一个弹框。2、使用jQuery，先 npm install jquery，然后引入。1、使用 JS原生写法， fetchAPI调接口，使用。方法弹框会阻塞线程，所以写了一个。原创 2023-12-30 15:52:19 · 883 阅读 · 0 评论 -
算法-从树某节点到顶级的id，拼接成字符串
业务场景：选中树的末级节点后，拿到id，向上找每个层级的父级，把向上的所有层级的id，按照从顶级到末级顺序拼接成字符串原创 2023-12-23 11:47:25 · 602 阅读 · 0 评论 -
格式化Echarts的X轴显示，设置显示间隔
业务需求：x轴间隔4个显示，并且末尾显示23时原创 2023-12-15 15:17:51 · 3509 阅读 · 0 评论 -
vxe-table循环生成表格，表格里的某些数值设置颜色
业务需求：表格的列名是循环出来的，后台返回每行的表格数据结构如下，需要表格里只有“当期”的行里数值超限waterGuildLine后显示红色。需要在vxe-table里写个插槽，再写个方法原创 2023-12-14 10:55:57 · 902 阅读 · 0 评论 -
Vue3中调用外部iframe链接方法
业务场景，点击某个按钮需要跳转到外部iframe的地址，但是需要在本项目内显示。以前项目中写过调用外部链接的功能，是有菜单的，但是这次是按钮，所以不能直接把地址配到菜单里。原创 2023-11-27 11:37:53 · 2667 阅读 · 0 评论 -
vue3弹窗中循环生成表单的校验和重置问题
vue3弹窗中循环生成表单的校验和重置问题原创 2023-10-18 11:27:04 · 2333 阅读 · 0 评论 -
el-form表单中不同数据类型对应的时间格式化和校验规则
在表单中,当选择不同的数据类型时,需要在下面选择时间时和数据类型对应上, 通过监听数据类型的变化, 给时间做格式化,校验规则,都是不能选当前的时间,所以需要转换时间戳.原创 2023-09-07 11:09:32 · 1796 阅读 · 1 评论 -
实现循环滚动效果
【代码】实现循环滚动效果。原创 2023-09-01 10:56:26 · 309 阅读 · 0 评论 -
获取element-ui的Collapse折叠后高度
因为折叠面板使用的是动画,所以要监听动画结束,再获取折叠后的高度,再更新表格的最大高度即可原创 2023-06-26 16:18:51 · 2122 阅读 · 0 评论 -
使用虚拟滚动优化el-table长列表加快运行速度
项目背景: 在vue2中el-table的数据量太大,并且有点击单元格选中和鼠标框选单元格选中数据,并对数据进行操作的功能,所以在不使用虚拟滚动前,非常卡顿,使用后完美解决卡顿问题.原创 2023-06-26 14:45:26 · 4503 阅读 · 4 评论 -
vue中实现el-table点选和鼠标框选功能
项目有两个需求,既能在el-table实现点选又能实现鼠标框选,原创 2023-06-21 10:52:02 · 6682 阅读 · 8 评论 -
vue2中私有过滤器filters用法
【代码】vue2中私有过滤器filters用法。原创 2023-06-13 09:21:45 · 235 阅读 · 0 评论 -
Promise.all() 方法的使用
Promise.all()方法是一个 Promise 对象方法，可以将多个 Promise 实例包装成一个新的 Promise 对象，最终返回一个数组，其中包含所有 Promise 实例的返回值。原创 2023-06-09 17:10:04 · 4321 阅读 · 0 评论 -
ECharts日历热力图点击事件和选中日期加边框
切换日期时,选中框问题和日总计问题。原创 2023-06-06 11:57:47 · 843 阅读 · 0 评论 -
vue2中el-table在页面右下方时点击右键菜单位置设置
由于el-table的位置有偏移, 当右键点击el-table的行事件时弹出菜单, 但是当点击最右边或者最下边的时候, 菜单会被盖掉, 所以在获取距离的时候减去整个table的偏移距离, 并且要把盖住的菜单的宽和高减去,就能正常显示到页面了.原创 2023-05-24 11:18:05 · 823 阅读 · 0 评论 -
3. Vue自定义全局指令-时间格式化案例
通过使用自定义指令 v-ftime，格式化时间。原创 2023-04-05 19:54:56 · 225 阅读 · 0 评论 -
百度地图位置显示API
2.detail_07-map.vue 创建地图实例，添加地图。1. 在 index.html 里通过 script 标签引入。原创 2023-04-03 20:52:41 · 234 阅读 · 0 评论 -
JS 房屋设施展示 includes 用法
1. 只循环展示 houseFacility 里索引是 facilitySort 里包含的索引的对象。includes 可以判断一个数组中是否包含某一个元素，并返回true 或者false。3. 只展示 item 里的前 4 个，使用 slice 截取前 4 个。2. 使用v-if includes() 判断。原创 2023-04-03 12:30:09 · 125 阅读 · 0 评论 -
轮播图组件自定义指示器
把相同类别的放在一个数组中，类别为key，数组为value，这样方便对后续指示器的显示进行处理。从后台得到的数据并没有对相应数据分组，得到的是总的数据。原创 2023-04-02 20:17:24 · 518 阅读 · 0 评论 -
使用class二次封装axios
使用 class 二次封装 axios 使用流程。原创 2023-04-01 20:06:38 · 409 阅读 · 0 评论 -
dayjs计算时间差diff
【代码】dayjs计算时间差diff。原创 2023-03-30 13:06:05 · 2956 阅读 · 0 评论 -
经纬度位置获取navigator.geolocation.getCurrentPosition
经纬度位置获取navigator.geolocation.getCurrentPosition,无法在谷歌浏览器获取，在火狐浏览器可以正常获取原创 2023-03-28 15:22:08 · 1434 阅读 · 3 评论