- 2、表格 基本使用方法主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签，table、tr和td标签table：是用来标识这里是表格标签tr：是一行的内容，相当于一整行为单位，是一个大盒子td：是一行中具体的内容， <tabl... 2、表格 基本使用方法主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签，table、tr和td标签table：是用来标识这里是表格标签tr：是一行的内容，相当于一整行为单位，是一个大盒子td：是一行中具体的内容， <tabl...
- 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接，href为用于指定链接目标的url的地址，我们还可以往a标签里面加target属性target属性分为两种：self 和 blankself是指在点击链接后，在当前页面打开新页面，而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时，我们可以使用“#... 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接，href为用于指定链接目标的url的地址，我们还可以往a标签里面加target属性target属性分为两种：self 和 blankself是指在点击链接后，在当前页面打开新页面，而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时，我们可以使用“#...
- 5、图像标签使用img标签需要些别的属性，例如：src属性为图片地址，这里实例中的图片使用的是本地文件，相对路径alt标签是在图片加载不出来时，出现的提示文字，提示我们这个图片原本是什么的，加入我图片地址写错的话，alt标签就会发挥作用，如图title标签是当我鼠标悬停，放在图片上时显示的文字，如图我们还能自定义图片的大小，可以添加width宽度属性，或者高度hight属性，当然两者应该选... 5、图像标签使用img标签需要些别的属性，例如：src属性为图片地址，这里实例中的图片使用的是本地文件，相对路径alt标签是在图片加载不出来时，出现的提示文字，提示我们这个图片原本是什么的，加入我图片地址写错的话，alt标签就会发挥作用，如图title标签是当我鼠标悬停，放在图片上时显示的文字，如图我们还能自定义图片的大小，可以添加width宽度属性，或者高度hight属性，当然两者应该选...
- 3、文本格式化标签主要作用是突出重要性，一般情况下全称的，语义更强烈，如：strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗，删除，倾斜，下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont... 3、文本格式化标签主要作用是突出重要性，一般情况下全称的，语义更强烈，如：strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗，删除，倾斜，下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
- 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。html只是用来制作网页的一种语言，由各种各样的标签组成html制作网页，而很多个网页聚集在一起，构成网站二、HTML基本用法1、标题标签共 h1到h6 6... 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。html只是用来制作网页的一种语言，由各种各样的标签组成html制作网页，而很多个网页聚集在一起，构成网站二、HTML基本用法1、标题标签共 h1到h6 6...
- 全栈开发实战｜人事管理系统的设计与实现（Spring Boot + Vue 3 + MyBatis） 全栈开发实战｜人事管理系统的设计与实现（Spring Boot + Vue 3 + MyBatis）
- 概念1、创建 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：let app = new Vue({});在构造函数中传入一个对象，并且在对象中声明各种 Vue 需要的数据和方法，包括：- el- data - methods等等 接下来我们一 一介绍。2、模板或元素每个 Vue 实例都需要关联一段 Html 模板，Vue 会基于此模板进行视图渲染... 概念1、创建 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：let app = new Vue({});在构造函数中传入一个对象，并且在对象中声明各种 Vue 需要的数据和方法，包括：- el- data - methods等等 接下来我们一 一介绍。2、模板或元素每个 Vue 实例都需要关联一段 Html 模板，Vue 会基于此模板进行视图渲染...
- Vue.js 组件是该框架最强大的功能之一，能够扩展 HTML 元素并封装可重用的代码。通过组件系统，我们可以使用独立可复用的小组件来构建大型应用，几乎任何类型的应用的界面都可以抽象为一个组件树。全局组件能够被所有实例使用，注册全局组件的语法格式为：Vue.component(tagName, options)，其中 tagName 是组件名，options 是配置选项。注册后，我们可以使用... Vue.js 组件是该框架最强大的功能之一，能够扩展 HTML 元素并封装可重用的代码。通过组件系统，我们可以使用独立可复用的小组件来构建大型应用，几乎任何类型的应用的界面都可以抽象为一个组件树。全局组件能够被所有实例使用，注册全局组件的语法格式为：Vue.component(tagName, options)，其中 tagName 是组件名，options 是配置选项。注册后，我们可以使用...
- 编辑 Vue.js 组件的自定义事件可以让子组件向父组件传递数据，非常方便实用。在使用自定义事件时，我们可以使用 v-on 来绑定事件，每个 Vue 实例都实现了事件接口，即使用 $on(eventName) 监听事件和使用 $emit(eventName) 触发事件。此外，在父组件中，我们可以使用 v-on 来监听子组件触发的事件。下面是一个示例，子组件和它外部完全解耦，只需要触发一... 编辑 Vue.js 组件的自定义事件可以让子组件向父组件传递数据，非常方便实用。在使用自定义事件时，我们可以使用 v-on 来绑定事件，每个 Vue 实例都实现了事件接口，即使用 $on(eventName) 监听事件和使用 $emit(eventName) 触发事件。此外，在父组件中，我们可以使用 v-on 来监听子组件触发的事件。下面是一个示例，子组件和它外部完全解耦，只需要触发一...
- 目录Class 属性绑定数组语法Style 属性绑定在 Vue.js 中，我们可以使用 v-bind 来动态设置元素的 class 和 style 样式属性。Class 属性绑定我们可以使用 v-bind:class 设置一个对象来动态切换 class。例如：以上实例中，当 isActive 为 true 时，会显示一个绿色的 div 块，否则不显示... 目录Class 属性绑定数组语法Style 属性绑定在 Vue.js 中，我们可以使用 v-bind 来动态设置元素的 class 和 style 样式属性。Class 属性绑定我们可以使用 v-bind:class 设置一个对象来动态切换 class。例如：以上实例中，当 isActive 为 true 时，会显示一个绿色的 div 块，否则不显示...
- 一、前言vant中的van-image组件的src参数默认为图片的网络链接：<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg"/>当要引用本地的图片时，直接写图片的路径在vue项目中会刷不出图片（但用 <img> 标签可以显示 ）。 二、解决方式一<van-swipe :autopl... 一、前言vant中的van-image组件的src参数默认为图片的网络链接：<van-image width="100" height="100" src="https://img.yzcdn.cn/vant/cat.jpeg"/>当要引用本地的图片时，直接写图片的路径在vue项目中会刷不出图片（但用 <img> 标签可以显示 ）。 二、解决方式一<van-swipe :autopl...
- 一、前言Vue项目开发过程中，会经常需要使用console.log、console.info、alert等测试语句来输出内容，而在生产环境之中，我们不希望控制台同样输出以上信息，特别是用户信息相关。组包前，逐一去删除、注释显然费时费力，好在Vue提供了通过配置文件修改配置变量，实现在开发环境打印，而生产环境不打印控制台信息的方法。 二、配置文件修改修改build/webpack.prod.... 一、前言Vue项目开发过程中，会经常需要使用console.log、console.info、alert等测试语句来输出内容，而在生产环境之中，我们不希望控制台同样输出以上信息，特别是用户信息相关。组包前，逐一去删除、注释显然费时费力，好在Vue提供了通过配置文件修改配置变量，实现在开发环境打印，而生产环境不打印控制台信息的方法。 二、配置文件修改修改build/webpack.prod....
- 一、引入场景有时候我们不希望组件被重复渲染影响用户使用体验；或出于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以应用keep-alive组件。官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素... 一、引入场景有时候我们不希望组件被重复渲染影响用户使用体验；或出于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以应用keep-alive组件。官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素...
- js获取url参数有两种情况： 一、应用场景一：内部页面之间互相传值假如要从A页面跳转到B页面，this.$router.push({path:"/B",query:{ Id : this.tId , ...}})进入B页面之后，this.Id = this.$route.query.Id;就能将A页面的id传入B页面，进行参数获取。 二、应用场景二：外系统跳转Vue项目时自带参... js获取url参数有两种情况： 一、应用场景一：内部页面之间互相传值假如要从A页面跳转到B页面，this.$router.push({path:"/B",query:{ Id : this.tId , ...}})进入B页面之后，this.Id = this.$route.query.Id;就能将A页面的id传入B页面，进行参数获取。 二、应用场景二：外系统跳转Vue项目时自带参...
- 一、前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 二、表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对... 一、前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 二、表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签