查了好久,觉得使用AntDesignVue中的Tree树形控件因项目需求,节点的移动不通过拖拽移动,需要通过弹窗实现节点的移动,因此基于添加、删除实现。当前仅使用节点添加、删除、移动(删除+添加)以及懒加载。开发中移动时注意懒加载的值,否则移动后,已经展开的节点无法正常展开使用Treetree引入使用AntDesignVue中的Tree树形控件引入Tree(://antdv.co
原创 精选 2022-10-25 10:37:52
10000+阅读
1点赞
针对过多数据列表展示造成过多节点渲染使页面卡死或卡顿,特地封装一个简易的虚拟列表,大家可在此基础上进行针对修改组件基于vue3+elementplus+ts+tailwindcss开发设计思路分为三部分:父容器占位;一个子容器展示通过滚动条计算的数据相当于真实渲染节点;一个子容器作为虚拟列表不渲染列表提供列表真实高度显示滚动条实现页面结构html<elscrollbarclass="scrollb
原创 精选 2022-09-14 12:05:20
10000+阅读
2点赞
WEB 就是 World Wide Web 的缩写,称之为全球广域网,俗称 WWW。对于用户来说其实就是由多个网页组合在一起而形成一种服务。WEB 前端负责展示一个网站当中前台网页里的内容。而网页是由前端工程师使用 HTML 语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。HTML 超文本标记语言(Hyper Text Markup Language)就是用来描述网
原创 2024-03-15 10:28:56
96阅读
WEB 就是 World Wide Web 的缩写,称之为全球广域网,俗称 WWW。对于用户来说其实就是由多个网页组合在一起而形成一种服务。WEB 前端负责展示一个网站当中前台网页里的内容。而网页是由前端工程师使用 HTML 语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。HTML 超文本标记语言(Hyper Text Markup Language)就是用来描述网
原创 2022-06-07 14:49:42
146阅读
WEB就是WorldWideWeb的缩写,称之为全球广域网,俗称WWW。对于用户来说其实就是由多个网页组合在一起而形成一种服务。WEB前端负责展示一个网站当中前台网页里的内容。而网页是由前端工程师使用HTML语言编写而成的一种文件,它里面会包含文字、图片、超链接、音频、视频等等这些内容。HTML超文本标记语言(HyperTextMarkupLanguage)就是用来描述网页的一种计算机语言。HTM
原创 2022-06-08 20:28:09
122阅读
当需要模拟键盘或者鼠标操作时,Python需要使用 ActionChains 来处理,Java需要 Actions 来处理。 常用模拟鼠标的行为,比如单击,双击,拖动等。当调用 ActionChain
原创 2022-07-25 09:06:16
30阅读
实战演练章节需要结合本章节所学知识点,完成对 web 产品的测试用例设计练习。测试人论坛发帖技术社区平台,主要为技术人员使用,技术人员作为普通用户可以在社区参与帖子的讨论,也可以发帖提出问题。社区具有分类、搜索、发帖、回帖等功能。此 web 系统的发帖功能需求为:前提条件:登录1、入口:点击导航栏右侧的【+新建话题】,底部弹出创建新话题控件。2、标题输入框:展示默认文案,点击输入标题内容,也可以粘
转载 2022-10-06 00:16:22
27阅读
实战演练章节需要结合本章节所学知识点,完成对 web 产品的测试用例设计练习。测试人论坛发帖技术社区平台,主要为技术人员使用,技术人员作为普通用户可以在社区参与帖子的讨论,也可以发帖提出问题。社区具有分类、搜索、发帖、回帖等功能。此 web 系统的发帖功能需求为:前提条件:登录1、入口:点击导航栏右侧的【+新建话题】,底部弹出创建新话题控件。2、标题输入框:展示默认文案,点击输入标题内容,也可以粘
原创 2022-06-06 18:35:55
131阅读
音视频的录制音视频的分为服务端录制和客户端录制,下面主要讲的是利用webrtc进行客户端录制的方式。 因为WebRTC 录制音视频流之后,最终是通过 Blob 对象将数据保存成多媒体文件的, Blob 对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成 ...
前言屏幕共享在工作中是非常实用的功能,比如开会时分享ppt,数据图表等,老师也可以分享自己的屏幕,实现线上教学,那么屏幕共享是如何实现的呢,今天就跟随笔者一起研究一下吧!获取button元素javascriptconststartButton=document.getElementById('startButton');检测浏览器是否支持mediaDevices是Navigator只读属性,返回一
原创 2021-11-04 12:01:21
10000+阅读
1点赞
对于 WEB 产品来说,有一些常见的 Bug,本章节挑选一些比较典型的 Bug 进行举例介绍。UI Bug页面展示的时候,需要根据长度的边界值去设计用例进行验证。一般来说都会有超长内容的验证。看看文字超长之后,页面展示会不会出现问题。如果出现问题的话,可能就类似于这样,出现了滚动条,内容被遮盖了一部分。这是不想看到的场景,是需要进行修改的。比如可以折行展示,或者超出部分...,这些解决方案都是可以
转载 2022-10-06 00:16:47
52阅读
页里的内容
转载 2022-11-08 16:36:36
68阅读
当需要模拟键盘或者鼠标操作时,Python需要使用 ActionChains 来处理,Java需要 Actions 来处理。常用模拟鼠标的行为,比如单击,双击,拖动等。当调用 ActionChains 或者 Actions 的方法时,会将所有操作按顺序存入队列,当调用 perform() 方法时,队列中的事件会依次执行。引入依赖Python 版本# 引入依赖from selenium.webdri
原创 2022-05-26 18:08:46
104阅读
本文节选自霍格沃兹测试开发学社内部教材当需要模拟键盘或者鼠标操作时,Python需要使用 ActionChains 来处理,Java需要 Actions 来处理。常用模拟鼠标的行为,比如单击,双击,拖动等。当调用 ActionChains 或者 Actions 的方法时,会将所有操作按顺序存入队列,当调用 perform() 方法时,队列中的事件会依次执行。引入依赖Python 版本# 引入依赖f
原创 2022-05-10 17:40:06
96阅读
web前端技术社区分享 一.国外的前端技术网站: 1. 名称:W3C: 网址:http://www.w3.org/ 理由:前端技术的规范标准几乎都是W3C制定的 2.名称:ECMA 网址:http://www.ecmascript.org/ 理由:JavaScript最核心的内容就是ECMA 3.名
转载 2017-03-29 11:45:00
180阅读
2评论
音视频的录制音视频的分为服务端录制和客户端录制,下面主要讲的是利用webrtc进行客户端录制的方式。因为WebRTC录制音视频流之后,最终是通过Blob对象将数据保存成多媒体文件的,Blob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取,也可以转换成ReadableStream来用于数据操作。Blob表示的不一定是JavaScript原生格式的数据。File接口
推荐 原创 2021-09-09 11:08:30
10000+阅读
1点赞
了解LRU之前,我们应该了解一下缓存,大家都知道计算机具有缓存内存,可以临时存储最常用的数据,当缓存数据超过一定大小时,系统会进行回收,以便释放出空间来缓存新的数据,但从系统中检索数据的成本比较高。缓存要求:固定大小:缓存需要有一些限制来限制内存使用。快速访问:缓存插入和查找操作应该很快,最好是O(1)时间。在达到内存限制的情况下替换条目:缓存应该具有有效的算法来在内存已满时驱逐条目如果提供一个缓
原创 精选 2021-11-23 11:45:51
10000+阅读
1点赞
最近做白板项目,最重要的工具栏模块在网上搜了搜都没找到想要的,狠下心自己原生封装一个。最终效果展示:!在这里插入图片描述(https://s4.51cto.com/images/blog/202201/06103713_61d655d98e68073884.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFF
原创 2022-01-06 10:38:23
2774阅读
1点赞
JavaScript 是脚本语言,是一种轻量级的编程语言,可以插入 HTML 页面的编程代码。插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 可以直接写入 HTML 输出流,也就是直接改变 HTML 的内容。也可以对事件做出反应,比如鼠标点击之后弹出弹窗,或者改变样式之类的。位置JavaScript 脚本必须位于 HTML 文档中 ​​<script>
原创 2022-06-07 14:48:56
82阅读
本文节选自霍格沃兹测试开发学社内部教材JavaScript是脚本语言,是一种轻量级的编程语言,可以插入HTML页面的编程代码。插入HTML页面后,可由所有的现代浏览器执行。JavaScript可以直接写入HTML输出流,也就是直接改变HTML的内容。也可以对事件做出反应,比如鼠标点击之后弹出弹窗,或者改变样式之类的。位置JavaScript脚本必须位于HTML文档中<script与</script
原创 2022-06-08 20:28:42
134阅读
  • 1
  • 2
  • 3
  • 4
  • 5