摘要: 闭包是JavaScript中最强大的特性之一,JavaScript允许函数嵌套,并且内部函数具有外部函数的所有变量和函数的完全访问权限 阅读全文
posted @ 2024-08-25 16:51 嘿!那个姑娘 阅读(10) 评论(1) 推荐(0) 编辑
摘要: img图片标签加loading=lazy,图片懒加载,只有出现在视口才会加载图片 不同分类下的数据加展开收起按钮,通过slice截断数据,展开之后再返回类型下的全部数据,控制展开收起的属性可以在循环列表的数据上加一个属性像isMore属性,控制不同的类展开收起按钮的状态 隐藏的元素不渲染Dom,像一 阅读全文
posted @ 2024-08-25 16:49 嘿!那个姑娘 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 问题 在一个滚动列表中,顶部有一个【全部置入】的按钮,点击按钮要将可视区域内的图片置入到页面中 思路 点击按钮时,循环遍历每个元素算出它的坐标-滚动条距离顶部的scrollTop 通过IntersectionObserver观察者来判断哪些元素在可视区域内 实现 这次就使用IntersectionO 阅读全文
posted @ 2024-08-14 22:12 嘿!那个姑娘 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 在CSS中,选择器用于指定你想要样式化的HTML元素。关于子元素、兄弟元素和直接子元素的表示,我们可以使用不同类型的选择器。以下是一些基本的概念和示例: 子元素(Descendant Selector) 子元素选择器,或者更准确地说是后代选择器,使用空格来指定一个元素内部的另一个元素,无论它们之间隔 阅读全文
posted @ 2024-08-10 16:13 嘿!那个姑娘 阅读(144) 评论(0) 推荐(1) 编辑
摘要: 问题 当在项目中遇到一个场景,有一个tab页面,tab的切换调用的都是一个接口,只是传入的参数不同,这个时候接口返回很慢,短时间内多次切换tab栏,可能会造成数据渲染错误,页面多次刷新等问题 解决思路 在请求接口时,如果上个接口没有请求介绍,就取消掉上次接口的调用。 实现 接口请求是通过axios发 阅读全文
posted @ 2024-08-10 15:59 嘿!那个姑娘 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 项目描述: 员工可通过拖拽精细化安排、分配自己未来时间的任务 核心技术及功能介绍: 基于vue、ant-Design和日历组件fullcalendar,实现任务从左侧列表拖至右侧日历面板,在日历面板上以15分钟为最小单位调整任务时间,日历面板可安排昨天及未来的任务,每个任务完成时,自动生成工作日志。 阅读全文
posted @ 2024-03-27 11:09 嘿!那个姑娘 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 需求: 在项目开发中,拖拽左侧的数据新增到日历面板上,这时会调后端新增接口,但是我不想刷新日历组件,所以需要后面新增接口的回调返回新增这条数据的id,在新增接口回调中前端手动将id绑定到对应数据。 问题 info.event是日历单个event的所有属性,info.event下的属性是面板的自有属性 阅读全文
posted @ 2024-03-19 11:14 嘿!那个姑娘 阅读(21) 评论(0) 推荐(0) 编辑
摘要: 功能解析: 左侧是一个高级编辑器,右侧是一个表单,输入表单内容,点击【生成内容】按钮,连接ws,ws会一直放回生成内容,每次返回都赋值给高级编辑器,这样就达到一直自动输入的效果了。 高级编辑器采用wangEditor编辑器 import { Editor, Toolbar } from '@wang 阅读全文
posted @ 2023-12-29 16:56 嘿!那个姑娘 阅读(102) 评论(1) 推荐(0) 编辑
摘要: 当焦点在弹窗中,点击esc按钮能正常关闭弹窗,但是当焦点在iframe页面中时,esc按键就不生效了 试错: 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe 阅读全文
posted @ 2023-11-21 16:31 嘿!那个姑娘 阅读(929) 评论(0) 推荐(0) 编辑
摘要: 会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件,可以在组件里拖动排序,也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件,可以随意拖 阅读全文
posted @ 2023-11-21 10:38 嘿!那个姑娘 阅读(597) 评论(2) 推荐(0) 编辑