- 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 不设置？对...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签