- 一、前言Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者子组件访问根组件。梳理出如下请求方法:父组件访问子组件:$children 或者 $refs;子组件访问父组件:$parent;子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child... 一、前言Vue项目开发过程中,有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者子组件访问根组件。梳理出如下请求方法:父组件访问子组件:$children 或者 $refs;子组件访问父组件:$parent;子组件访问根组件(通过 new Vue 创建的根 Vue 实例):$root; 二、父组件访问子组件 2.1 使用 $children在父组件中使用 this.$child...
- 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能,它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中,你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render,它比模板更接近编译器。在深入渲染函数之... 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能,它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中,你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render,它比模板更接近编译器。在深入渲染函数之...
- 一、前言在开发前端项目的时候,经常会遇到这样一种开发场景:多个模板页中应用的组件或者页面布局非常相似,比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑:是把它们拆分成多个不同的组件呢?还是只使用一个组件,创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件,就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候,经常会遇到这样一种开发场景:多个模板页中应用的组件或者页面布局非常相似,比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑:是把它们拆分成多个不同的组件呢?还是只使用一个组件,创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件,就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 随着 Web 应用的复杂性不断增加,性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术,它可以帮助我们提高 Web 应用的加载速度,从而提升用户体验。 在本篇技术博文中,我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧,帮助开发人员最大程度地发挥路由懒加载的优势。 随着 Web 应用的复杂性不断增加,性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术,它可以帮助我们提高 Web 应用的加载速度,从而提升用户体验。 在本篇技术博文中,我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧,帮助开发人员最大程度地发挥路由懒加载的优势。
- 一、前言在前期博文《Vue进阶(幺零二):面试必备:2022 Vue经典面试题整理(含答案)》、《Vue进阶(四十七):面试必备:2021 Vue经典面试题总结(含答案)》介绍了Vue技术框架相关的面试内容,本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时,如果组件的 props 和 state 都没发... 一、前言在前期博文《Vue进阶(幺零二):面试必备:2022 Vue经典面试题整理(含答案)》、《Vue进阶(四十七):面试必备:2021 Vue经典面试题总结(含答案)》介绍了Vue技术框架相关的面试内容,本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。 二、React PureComponent 原理介绍当组件更新时,如果组件的 props 和 state 都没发...
- 本期直播主题是《解决开发者“兼容”难题,OpenTiny技术探索与应用解读》,华为云开源DTSE技术布道师曾令卡在本期直播中与开发者一起详细交流了OpenTiny组件库解决方案的核心优势和设计理念。 本期直播主题是《解决开发者“兼容”难题,OpenTiny技术探索与应用解读》,华为云开源DTSE技术布道师曾令卡在本期直播中与开发者一起详细交流了OpenTiny组件库解决方案的核心优势和设计理念。
- @[TOC] ⭐前言大家好!我是yma16,本文分享在vue2和vue3中配置echarts的多图表同步缩放背景:解决echarts的多图表x轴同步联动的问题 ⭐使用dataZoom api实现echart的同步缩放echarts的datazoom api对外暴露原理:echarts的实例存在datazoom缩放的方法,所以只需要在datazoom事件触发其他图表的datazoom即可实现同... @[TOC] ⭐前言大家好!我是yma16,本文分享在vue2和vue3中配置echarts的多图表同步缩放背景:解决echarts的多图表x轴同步联动的问题 ⭐使用dataZoom api实现echart的同步缩放echarts的datazoom api对外暴露原理:echarts的实例存在datazoom缩放的方法,所以只需要在datazoom事件触发其他图表的datazoom即可实现同...
- 1. 引言Vue是目前最流行的JavaScript框架之一,它提供了一种简洁、高效的方式来构建用户界面。在Vue中,组件是构建应用程序的核心概念之一。组件可以封装可重用的代码块,使代码更易于维护和扩展。Vue3是Vue.js的最新版本,在这个版本中引入了许多新特性和改进。本文将详细介绍Vue3中的组件,包括组件的定义、组件的属性和事件、组件的Slots和动态组件等相关内容。 2. 组件的基... 1. 引言Vue是目前最流行的JavaScript框架之一,它提供了一种简洁、高效的方式来构建用户界面。在Vue中,组件是构建应用程序的核心概念之一。组件可以封装可重用的代码块,使代码更易于维护和扩展。Vue3是Vue.js的最新版本,在这个版本中引入了许多新特性和改进。本文将详细介绍Vue3中的组件,包括组件的定义、组件的属性和事件、组件的Slots和动态组件等相关内容。 2. 组件的基...
- uniapp支持vue3语法有一段时间了,这次就基于uni-app+vite4搭建了一个跨端项目。uni-chatGpt 一款基于uni-app+vue3+pinia+markdown等技术搭建的跨多端模仿ChatGPT会话实例项目。支持兼容h5+小程序+App端。 技术栈编辑器:HbuilderX 3.8.4框架技术:Uniapp+Vite4+Vue3+PiniaUI组件库:uView-p... uniapp支持vue3语法有一段时间了,这次就基于uni-app+vite4搭建了一个跨端项目。uni-chatGpt 一款基于uni-app+vue3+pinia+markdown等技术搭建的跨多端模仿ChatGPT会话实例项目。支持兼容h5+小程序+App端。 技术栈编辑器:HbuilderX 3.8.4框架技术:Uniapp+Vite4+Vue3+PiniaUI组件库:uView-p...
- Vue 中键盘事件的使用上一节:《 Vue 事件处理》 | 下一节:《 Vue 中鼠标事件的使用 》 jcLee95 邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址:https://blog.csdn.net/qq_28550263/article... Vue 中键盘事件的使用上一节:《 Vue 事件处理》 | 下一节:《 Vue 中鼠标事件的使用 》 jcLee95 邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址:https://blog.csdn.net/qq_28550263/article...
- VUE组件跨通信vue2 与 vue3 中实现全局事件总线上一节:《Diff 算法基本原理入门》 | 下一节:《Vue 组件常见的数据访问方式总结》 李俊才 的 CSDN博客(jcLee95 ) 邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址:http... VUE组件跨通信vue2 与 vue3 中实现全局事件总线上一节:《Diff 算法基本原理入门》 | 下一节:《Vue 组件常见的数据访问方式总结》 李俊才 的 CSDN博客(jcLee95 ) 邮箱 :291148484@163.com CSDN 主页:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 本文地址:http...
- MySQL 运算符本章节我们主要介绍 MySQL 的运算符及运算符的优先级。 MySQL 主要有以下几种运算符:算术运算符比较运算符逻辑运算符位运算符算术运算符MySQL 支持的算术运算符包括:运算符作用+加法-减法*乘法/ 或 DIV除法% 或 MOD取余在除法运算和模运算中,如果除数为0,将是非法除数,返回结果为NULL。1、加mysql> select 1+2;+-----+| 1+2... MySQL 运算符本章节我们主要介绍 MySQL 的运算符及运算符的优先级。 MySQL 主要有以下几种运算符:算术运算符比较运算符逻辑运算符位运算符算术运算符MySQL 支持的算术运算符包括:运算符作用+加法-减法*乘法/ 或 DIV除法% 或 MOD取余在除法运算和模运算中,如果除数为0,将是非法除数,返回结果为NULL。1、加mysql> select 1+2;+-----+| 1+2...
- MySQL 排序我们知道从 MySQL 表中使用 SQL SELECT 语句来读取数据。如果我们需要对读取的数据进行排序,我们就可以使用 MySQL 的 ORDER BY 子句来设定你想按哪个字段哪种方式来进行排序,再返回搜索结果。语法以下是 SQL SELECT 语句使用 ORDER BY 子句将查询数据排序后再返回数据:SELECT field1, field2,...fieldN FR... MySQL 排序我们知道从 MySQL 表中使用 SQL SELECT 语句来读取数据。如果我们需要对读取的数据进行排序,我们就可以使用 MySQL 的 ORDER BY 子句来设定你想按哪个字段哪种方式来进行排序,再返回搜索结果。语法以下是 SQL SELECT 语句使用 ORDER BY 子句将查询数据排序后再返回数据:SELECT field1, field2,...fieldN FR...
- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义(1)vw、vh、vmin、vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域,换句话说是不包括工具栏和按钮的网页浏览器。(2)具体描述如下:vw:视窗宽度的百分比...
- Nuxt3如何整合Axios?我的答案是,不要在Nuxt3里整合Axios.虽说Axios很好用,并且多数同学都已经很熟悉Axios的使用。但是Nuxt3官方团队已经不建议使用Axios。本文将向各位童鞋介绍:1.为何官方不推荐Axios,2 如何在Nuxt3中封装类似Axios一样的功能。 Nuxt3如何整合Axios?我的答案是,不要在Nuxt3里整合Axios.虽说Axios很好用,并且多数同学都已经很熟悉Axios的使用。但是Nuxt3官方团队已经不建议使用Axios。本文将向各位童鞋介绍:1.为何官方不推荐Axios,2 如何在Nuxt3中封装类似Axios一样的功能。
上滑加载中
推荐直播
-
香橙派AIpro的远程推理框架与实验案例
2025/07/04 周五 19:00-20:00
郝家胜 -华为开发者布道师-高校教师
AiR推理框架创新采用将模型推理与模型应用相分离的机制,把香橙派封装为AI推理黑盒服务,构建了分布式远程推理框架,并提供多种输入模态、多种输出方式以及多线程支持的高度复用框架,解决了开发板环境配置复杂上手困难、缺乏可视化体验和资源稀缺课程受限等痛点问题,真正做到开箱即用,并支持多种笔记本电脑环境、多种不同编程语言,10行代码即可体验图像分割迁移案例。
回顾中 -
鸿蒙端云一体化应用开发
2025/07/10 周四 19:00-20:00
倪红军 华为开发者布道师-高校教师
基于鸿蒙平台终端设备的应用场景越来越多、使用范围越来越广。本课程以云数据库服务为例,介绍云侧项目应用的创建、新建对象类型、新增存储区及向对象类型中添加数据对象的方法,端侧(HarmonyOS平台)一体化工程项目的创建、云数据资源的关联方法及对云侧数据的增删改查等操作方法,为开发端云一体化应用打下坚实基础。
即将直播
热门标签