- 2025-01-08JS实现 xml 转换 JSON 格式
一、转换方法如下：functionxmlToJson(xml){constparser=newDOMParser();constxmlDoc=parser.parseFromString(xml,'application/xml');constjson=parseElement(xmlDoc.documentElement);returnJSON.stringify(json,null,2);}functionpar
- 2025-01-07vue3的element-plus侧边菜单栏测试案例
未正确集成element-plus的先看前面的随笔集成后没问题，下面案例才能正常运行展示<scriptlang="ts"setup>import{Document,MenuasIconMenu,Location,Setting,}from'@element-plus/icons-vue'consthandleOpen=(key:string,keyPath:string[])=>{
- 2025-01-07LeetCode 747. 至少是其他数字两倍的最大数
问题描述给定一个整数数组nums，其中总是存在唯一的一个最大整数。任务是找出数组中的最大元素，并检查它是否至少是数组中每个其他数字的两倍。如果是，则返回最大元素的下标；否则，返回-1。解题思路这个问题可以通过两个主要步骤解决：寻找最大元素及其下标：首先，我们需要遍历数组
- 2025-01-07给element-plus table 表头添加自定义class
<el-tableclass="margin-top-16":data="selectedTableData":header-cell-class-name="headerCellClassName"style="width:100%"height="400"><el-table-columnprop="name&q
- 2025-01-0624
实验10：组合模式本次实验属于模仿型实验，通过本次实验学生将掌握以下内容：1、理解组合模式的动机，掌握该模式的结构；2、能够利用组合模式解决实际问题。 [实验任务一]：组合模式用透明组合模式实现教材中的“文件夹浏览”这个例子。实验要求：1. 文件的执行不需真正实现，只需简单
- 2025-01-06JS数组基础（二）
一、简单的concat方法在JavaScript中，concat方法一般用于合并两个或多个数组。这个方法不会改变现有的数组，而是返回一个新数组。示例如下：letarr1=[1,2,3,4,5];letarr2=[6,7,8,9,10];letarr3=[11,12,13,14,15];letres=arr1.concat(arr2,arr3);//[
- 2025-01-06vue3版本下element-plus和antd-vue选哪个更好一些？.240109
Vue3发布后，各家第三方库开始陆续重构并支持Vue3，国内两大知名框架ElementPlus和AntDesignVue也相续发布新版支持Vue3。到底应该怎么选择呢？ElementPlus和AntDesignVue3都已不在支持IE了，并不是他们自己放弃了IE而是Vue3本身已经放弃了IE。如果想在低版
- 2025-01-05javasript DOM基础学习
DOM简介1.1什么是DOMDOM是一个处理可扩展标记语言（HTML、XML）的接口，可以改变网页的内容、结构和样式1.2DOM树文档：一个页面就是一个文档，DOM中使用document表示元素：页面中所有的标签都是元素，DOM中使用element表示节点：网页中所有的内容都是节点（标签、属性、文本、注释等），DOM中使
- 2025-01-04与python list有关的操作
尤其注意：append,+,extend的区别Method/FunctionDescriptionExampleInputResultingList/Outputappend(x)Addsasingleelementxtotheendofthelist.[1,2,3].append(4)[1,2,3,4]extend(iter)Addsallelementsofaniterableitertotheendo
- 2025-01-03在Html中使用element-plus 显示不正确
<html><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><scriptsrc="https://unpkg.com/vue@3"></script>
- 2025-01-03element-plus 引入本地图片
方法1<imgsrc="src/assets/default_cover.jpg">如果写成：../assets/default_cover.jpg就会失效方法2vite官网：静态资源处理vue2+webpack<img:src="require('@/assets/default_cover.jpg')">vue3+vite方式1：importimage
- 2025-01-03使用js写一个方法遍历输出页面中的所有元素
在JavaScript中，你可以使用递归函数来遍历DOM树并输出所有元素。以下是一个简单的示例：functiontraverseAndLog(element){console.log(element);varchildren=element.children;for(vari=0;i<children.length;i++){traverseAndLog(children[i
- 2025-01-02Vue cli 插件( plugins.js)
1、功能增加Vue2、创建插件(plugins.js)文件a,b为其它参数exportdefault{install(Vue，a,b){//全局混入Vue.mixin({data(){return{x:100,y:99}
- 2025-01-02layui框架中利用xm-select实现下拉多选功能，以及如何设置默认值
xm-select.js的下载地址：https://gitee.com/maplemei/xm-select/tree/master/dist引入xm-select.js<scriptsrc="/static/tools/pear/component/pear/xm-select.js"></script>dom元素<divid="doors"></div>layui中使用layui.
- 2025-01-01Vue 自定义指令
一、定义语法1、局部//简单，只需要指令语法绑定元素和指令语法所在模块加载时使用nevVue({...,directives:{//element指令绑定的dom，binding获取value指令名(element,binding){},},}//详细，指令绑定元素、元素加载到页面、指
- 2025-01-01如何获取元素的兄弟节点？
在前端开发中，获取元素的兄弟节点可以通过JavaScript的DOMAPI来实现。以下是一些示例：获取下一个兄弟节点你可以使用nextSibling属性来获取元素的下一个兄弟节点。但请注意，nextSibling会返回下一个兄弟节点，无论它是元素节点还是文本节点（例如，空格或换行符）。如果你只关心元素节
- 2025-01-01使用js写一个方法获取某个元素中所有class和id
在JavaScript中，你可以通过元素的className和id属性来获取一个元素的所有class和id。但需要注意，className返回的是一个包含所有class名的字符串，而不是一个数组。如果你需要一个数组，你需要自己进行分割。以下是一个简单的函数，它接受一个元素作为参数，并返回一个对象，该对象包含该元素
- 2024-12-31element-plus DatePicker 日期选择器设置默认打开/ 阻止DatePicker 日期选择器默认收起行为
需求是我只想要一个日期选择框,如下 但是element的日期选择框架都是这样,带有一个框，为了得到我想要的效果，我们把他设置为默认打开，在将其input框隐藏起来。 建议将其单独封装为组件使用，避免影响其它日期选择框<scriptsetuplang="ts">import{ref,onMounted,nextTick,
- 2024-12-30在CSS的transtion中不支持元素的高度为auto的变化，如何实现动态高度动画？
确实，CSS的transition属性不支持对height:auto的动画过渡。这是因为transition需要明确的开始和结束值来计算中间状态，而auto值是动态的，无法提供这样的明确值。不过，你仍然可以通过一些方法实现动态高度动画：使用max-height:一种常见的方法是使用max-height属性来模
- 2024-12-29getComputedStyle与currentStyle
大家好，又见面了，我是你们的朋友全栈君。 本文参考https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle1.简介getComputedStyle是window下的一个全局函数，可以获取元素真正使用的样式。2.语法varstyle=window.getComputedStyle(element[,pseudoElt
- 2024-12-29设计Element UI表单组件居然如此简单！
0前言上文讲解了Jest框架对组件库测试，TypeScript和Jest都为代码质量和研发效率。之前实现Container和Button组件以渲染功能为主，可根据不同属性渲染不同样式去实现布局和不同格式的按钮。本文的表单组件，除了要渲染页面组件，还支持很好页面交互，从Element3的表单组件开始。1表单
- 2024-12-29一个超容易上手（简陋更简单）的纯前端框架！基于 Vue3 + JavaScript + Element Plus 的后台管理模板
一、项目概述本项目是一个纯前端的后台管理模板，采用Vue3、JavaScript和ElementPlus进行开发，旨在为开发者提供一个高效、便捷的后台管理系统前端开发基础框架，具备动态路由、面包屑导航以及多页面打开等实用功能，可大大提升开发效率和用户体验。二、环境准备确保已安装
- 2024-12-28避坑指南：Element UI在Vue2项目开发中的那些坑与解
文章目录一、引言二、ElementUI初体验之坑（一）安装后不生效解决方案：（二）组件引入报错解决方案：三、表单组件的那些“小脾气”（一）重置表单后无法输入（二）表单自动校验“抽风”解决方案：四、日期组件的“时差”问题（一）DatePicker日期难改解决方案：（二）datetime类型报错解
- 2024-12-28Python-DdddOcr的简单使用
前言：我们在做WEB端UI自动化时，会遇到图片验证码校验的登录方式。我在之前的文章也做过介绍:https://www.cnblogs.com/TSmagic/p/16082799.html（Pillow+pytesseract+tesseract-ocr破解简单的图形验证码）https://www.cnblogs.com/TSmagic/p/16117861.html（Pyt
- 2024-12-28使用js封装一个缓动动画函数
在前端开发中，我们经常需要使用缓动动画来创建平滑的过渡效果。以下是一个使用JavaScript封装的简单的缓动动画函数：//缓动函数functionease(t){//这里使用了简单的二次缓出效果，你可以根据需要替换为其他缓动函数returnt*(2-t);}//动画函数functionanima