- Vue2和Vue3是两个不同版本的Vue框架。Vue3相较于Vue2在性能、开发体验和功能等方面都有了很大提升。其中最重要的区别是在Reactivity（响应式系统）上的改进，使得Reactivity更快、更精准、更易于调试。另外，在组件编译和Tree-Shaking方面也进行了优化，减少了代码文件体积。 Vue2和Vue3是两个不同版本的Vue框架。Vue3相较于Vue2在性能、开发体验和功能等方面都有了很大提升。其中最重要的区别是在Reactivity（响应式系统）上的改进，使得Reactivity更快、更精准、更易于调试。另外，在组件编译和Tree-Shaking方面也进行了优化，减少了代码文件体积。
- 五、伪类选择器分为：链接伪类，结构伪类，伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下... 五、伪类选择器分为：链接伪类，结构伪类，伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下...
- 五、伪类选择器分为：链接伪类，结构伪类，伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下... 五、伪类选择器分为：链接伪类，结构伪类，伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下...
- 四、并集选择器并集选择器可以选择多组标签, 同时为他们定义相同的样式，通常用于集体声明。并集选择器是各选择器通过英文逗号（,）连接而成，任何形式的选择器都可以作为并集选择器的一部分。使用逗号隔开<!DOCTYPE html><html lang="en"><head> <style> div, p, .pig li { ... 四、并集选择器并集选择器可以选择多组标签, 同时为他们定义相同的样式，通常用于集体声明。并集选择器是各选择器通过英文逗号（,）连接而成，任何形式的选择器都可以作为并集选择器的一部分。使用逗号隔开<!DOCTYPE html><html lang="en"><head> <style> div, p, .pig li { ...
- 三、子选择器子选择器只能选择某一元素的子元素，不能选择其孙子元素，即只能选择器最近一级的元素需要使用大于号（英文状态下）如： <style> .nav>a { color: red; } </style><body> <div class="nav"> <a href="#">我是儿子</a> ... 三、子选择器子选择器只能选择某一元素的子元素，不能选择其孙子元素，即只能选择器最近一级的元素需要使用大于号（英文状态下）如： <style> .nav>a { color: red; } </style><body> <div class="nav"> <a href="#">我是儿子</a> ...
- 一、定义复合选择器是建立在基础选择器的基础上的，对基本选择器进行组合形成的复合选择器可以更精确的，更高效的选择目标元素（标签），精确指出想要选择的标签，避免多选，错选。复合选择器是由两个或多个基础选择器，通过不同方式组合而成的常用的复合选择器：后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ... 一、定义复合选择器是建立在基础选择器的基础上的，对基本选择器进行组合形成的复合选择器可以更精确的，更高效的选择目标元素（标签），精确指出想要选择的标签，避免多选，错选。复合选择器是由两个或多个基础选择器，通过不同方式组合而成的常用的复合选择器：后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ...
- 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 来监听子组件触发的事件。下面是一个示例，子组件和它外部完全解耦，只需要触发一...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签