- Vue3 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子：实例 1<div id="app"> {{ message.split('').reverse().join('') }}</div>实例 1 中模板变的很复杂起来，也不容易看懂理解。接下来我们看看使用了计算属性的实例：实例 2<!DOCTYPE html><html... Vue3 计算属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子：实例 1<div id="app"> {{ message.split('').reverse().join('') }}</div>实例 1 中模板变的很复杂起来，也不容易看懂理解。接下来我们看看使用了计算属性的实例：实例 2<!DOCTYPE html><html...
- Appcube ABC图片懒加载文件global_VueLazyload使用 Appcube ABC图片懒加载文件global_VueLazyload使用
- 本文适用于写过Vue2的人，也是给自己做一个速查备份。 命令行创建项目要求Node.js版本16.0及以上。执行命令：npm init vue@latest详细文档 定义数据<template> <div> {{state.myValue}} </div></template><script setup>import { reactive } from 'vue'const state =... 本文适用于写过Vue2的人，也是给自己做一个速查备份。 命令行创建项目要求Node.js版本16.0及以上。执行命令：npm init vue@latest详细文档 定义数据<template> <div> {{state.myValue}} </div></template><script setup>import { reactive } from 'vue'const state =...
- 概述以太网交换机工作在数据链路层（ 也包括物理层）使用一个或多个以太网交换机互连起来的交换式以太网， 其所有站点都属于同一个广播域。随着交换式以太网规模的扩大， 广播域相应扩大。巨大的广播域会带来很多弊端： 囗广播风暴 囗难以冒理和维护 囗潜在的安全问题 二、网络中会频繁出现广播信息TCP/IP ... 概述以太网交换机工作在数据链路层（ 也包括物理层）使用一个或多个以太网交换机互连起来的交换式以太网， 其所有站点都属于同一个广播域。随着交换式以太网规模的扩大， 广播域相应扩大。巨大的广播域会带来很多弊端： 囗广播风暴 囗难以冒理和维护 囗潜在的安全问题 二、网络中会频繁出现广播信息TCP/IP ...
- 节点的复制使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性这个方法默认只会复制当前节点，而不会复制节点的子节点可以传递一个true作为参数，这样该方法也会将元素的子节点一起复制在本案例中，像li是一个节点，里面的“孙悟空”是一个子节点，需要使用true来一块复制上 <body> <button id="btn01">点我一下</button> ... 节点的复制使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性这个方法默认只会复制当前节点，而不会复制节点的子节点可以传递一个true作为参数，这样该方法也会将元素的子节点一起复制在本案例中，像li是一个节点，里面的“孙悟空”是一个子节点，需要使用true来一块复制上 <body> <button id="btn01">点我一下</button> ...
- 最近在【wow程序员】（https://www.wowcoder.net/）上所众包接单【微信小程序开发】项目，需求首页需要沉浸式的背景色和导航一起，看起来大气。然后给首页加了背景但是首页字体就是黑色，需要改成白色。自然就是"navigationBarTextStyle": "#fffff", // 顶部文字颜色这样改了。然后就发现就报错如下“[Vue warn]: Invalid prop... 最近在【wow程序员】（https://www.wowcoder.net/）上所众包接单【微信小程序开发】项目，需求首页需要沉浸式的背景色和导航一起，看起来大气。然后给首页加了背景但是首页字体就是黑色，需要改成白色。自然就是"navigationBarTextStyle": "#fffff", // 顶部文字颜色这样改了。然后就发现就报错如下“[Vue warn]: Invalid prop...
- 二、常用 Composition API官方文档 1.拉开序幕的setup语法糖理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。2.<span style="co... 二、常用 Composition API官方文档 1.拉开序幕的setup语法糖理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。2.<span style="co...
- Vue3.0中的响应式原理 vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。Object.defineProperty(data, 'count', { get () {}, set () {}})存在问题：新增属... Vue3.0中的响应式原理 vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。Object.defineProperty(data, 'count', { get () {}, set () {}})存在问题：新增属...
- 二、常用 Composition API官方文档 1.拉开序幕的setup语法糖理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。2.<span style="co... 二、常用 Composition API官方文档 1.拉开序幕的setup语法糖理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。2.<span style="co...
- 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> ...
上滑加载中
推荐直播
-
华为云码道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 · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签