- 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面... 一、前言在开发前端项目的时候，经常会遇到这样一种开发场景：多个模板页中应用的组件或者页面布局非常相似，比如较为熟悉的el-dialog、el-tooltip和el-table等页面布局。这时候就会考虑：是把它们拆分成多个不同的组件呢？还是只使用一个组件，创建足够的属性来改变不同的情况。这些解决方案都不够完美。如果拆分成多个组件，就不得不冒着如果功能变动你要在多个文件中更新它的风险。另一方面...
- 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中... 一、前言在vue项目使用vue-resource实现异步加载的过程中，需要在任何一个页面任何一次http请求过程中，增加对token过期的判断，如果token已过期，需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断，那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢？答案是有的!vue-resource中...
- 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht... 一、前言vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。vue-resource是一个非常轻量的用于处理HTTP请求的插件，它提供了两种方式来处理HTTP请求：使用Vue.http或this.$ht...
- 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注... 一、前言在项目实战过程中，需要为项目主页实现日程日历功能，主要包括日程的增删改查。在网上研究一番后，经过对比发现一款比较好用的良心插件Fullcalendar。Fullcalendar是一个可以创建日历日程管理的开源组件。下面让我们来认识下该日程日历组件的强大吧。本文由以下几个部分组成：1.安装fullcalendar;2.简易DEMO;3.Template中FullCalendar属性注...
- @TOC 前言Vue.js 是一款流行的 JavaScript 框架，广泛应用于构建交互性强、响应速度快的现代 Web 应用程序。Vue 指令是 Vue.js 中的一项重要特性，它们允许开发者将特定的行为应用到 HTML 元素上，从而使得 DOM 操作更加便捷和灵活。在本篇文章中，我们将介绍 Vue 指令的基础知识，帮助读者快速入门 Vue.js 开发。 一、内容渲染指令内容渲染指令有两种：... @TOC 前言Vue.js 是一款流行的 JavaScript 框架，广泛应用于构建交互性强、响应速度快的现代 Web 应用程序。Vue 指令是 Vue.js 中的一项重要特性，它们允许开发者将特定的行为应用到 HTML 元素上，从而使得 DOM 操作更加便捷和灵活。在本篇文章中，我们将介绍 Vue 指令的基础知识，帮助读者快速入门 Vue.js 开发。 一、内容渲染指令内容渲染指令有两种：...
- 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成... 一、前言做前端项目开发，创建自定义组件是必不可少的一项基本技能，前端应用框架（像Vue、React、Angular）都已提供一些已封装好、可复用的组件。但在实际项目开发过程中，根据具体的项目需求，会遇到一些定制化开发需求的应用场景，此时，框架提供的通用组件已不再满足我们的需求，需要自定义可复用组件的编码。实现自定义组件的基本思路如下：组件需要实现什么效果；建立组件模板，先把架子搭起来，完成...
- 一、前言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...
- 文章目录🍋重定向🍋介绍Pinia🍋为什么选择Pinia？🍋前置准备🍋搭建Pinia🍋Pinia 存储和读取数据🍋总结🍋重定向在介绍本节的内容之前，我们来介绍一个小知识点—重定向只要在index.ts中加入了，这样可以帮助我们在首次进入到网站的时候，我们可以直接进入到定位的指定路由组件 { path:'/', redirect:'/home' }🍋介... 文章目录🍋重定向🍋介绍Pinia🍋为什么选择Pinia？🍋前置准备🍋搭建Pinia🍋Pinia 存储和读取数据🍋总结🍋重定向在介绍本节的内容之前，我们来介绍一个小知识点—重定向只要在index.ts中加入了，这样可以帮助我们在首次进入到网站的时候，我们可以直接进入到定位的指定路由组件 { path:'/', redirect:'/home' }🍋介...
- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 一、前言Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人... 一、前言Vue项目改造升级后，原本本地热部署后IE可正常打开的项目出现页面白屏且控制台给出SCRIPT1002:语法错误的提示信息。经过代码排查，发现项目中新引入了一些依赖包导致系统无法正常启动。出现以上错误，可从以下几个方面查找原因：可能与IE的某些插件冲突。把所有无关的IE加载项全部禁用后尝试；引用了不存在的 js 文件；页面的某些文件在文档模型还没建立时就已经开始引用相关的节点；令人...
- 文章目录🍀Vue3 编程式路由导航指南🍀何为编程式路由导航🍀实现编程式导航🍀Vue2、3的编程式路由导航的对比🍀总结🍀Vue3 编程式路由导航指南Vue Router 是 Vue.js 官方的路由管理器，它与 Vue.js 核心深度集成，让构建单页面应用变得轻而易举。在 Vue3 中，我们依然可以使用 Vue Router 来管理路由，并且 Vue3 中引入的 Compositi... 文章目录🍀Vue3 编程式路由导航指南🍀何为编程式路由导航🍀实现编程式导航🍀Vue2、3的编程式路由导航的对比🍀总结🍀Vue3 编程式路由导航指南Vue Router 是 Vue.js 官方的路由管理器，它与 Vue.js 核心深度集成，让构建单页面应用变得轻而易举。在 Vue3 中，我们依然可以使用 Vue Router 来管理路由，并且 Vue3 中引入的 Compositi...
- 文章目录🍋简单介绍🍋在路由配置中使用 props🍋props的第一种写法🍋props的第二种写法🍋props的第三种写法🍋总结🍋简单介绍在 Vue3 中，使用 Vue Router 进行路由管理时，可以通过配置路由规则的 props 属性，将路由参数传递给组件。这样可以使路由参数直接作为组件的属性，在组件中使用更加方便🍋在路由配置中使用 props在定义路由规则时，可以通过设... 文章目录🍋简单介绍🍋在路由配置中使用 props🍋props的第一种写法🍋props的第二种写法🍋props的第三种写法🍋总结🍋简单介绍在 Vue3 中，使用 Vue Router 进行路由管理时，可以通过配置路由规则的 props 属性，将路由参数传递给组件。这样可以使路由参数直接作为组件的属性，在组件中使用更加方便🍋在路由配置中使用 props在定义路由规则时，可以通过设...
- 文章目录🍀路由中的参数🍀query参数🍀params参数🍀区别和适用场景🍀总结🍀路由中的参数在 Vue 中，路由参数是指在访问不同页面时传递的信息。它们可以用来动态地构建页面内容，实现页面间的数据传递和状态管理。Vue 的路由系统提供了多种方式来处理路由参数，包括动态路由、查询参数和路由元信息等🍀query参数我们接着使用上节用到的相关代码，在路径匹配后面我们加了一个问号，在问... 文章目录🍀路由中的参数🍀query参数🍀params参数🍀区别和适用场景🍀总结🍀路由中的参数在 Vue 中，路由参数是指在访问不同页面时传递的信息。它们可以用来动态地构建页面内容，实现页面间的数据传递和状态管理。Vue 的路由系统提供了多种方式来处理路由参数，包括动态路由、查询参数和路由元信息等🍀query参数我们接着使用上节用到的相关代码，在路径匹配后面我们加了一个问号，在问...
- 文章目录🍋路由器的核心概念🍋history模式🍋Hash模式🍋to的两种写法🍋总结Vue3提供了一个强大而灵活的路由器，它能够帮助我们构建单页面应用程序（SPA）并管理页面之间的导航。本文将深入探讨Vue3路由器的工作原理，包括其核心概念、使用方法以及一些高级技巧。🍋路由器的核心概念在Vue3中，路由器的核心概念包括路由器实例、路由器选项、路由表、路由视图和导航守卫。路由器实例：... 文章目录🍋路由器的核心概念🍋history模式🍋Hash模式🍋to的两种写法🍋总结Vue3提供了一个强大而灵活的路由器，它能够帮助我们构建单页面应用程序（SPA）并管理页面之间的导航。本文将深入探讨Vue3路由器的工作原理，包括其核心概念、使用方法以及一些高级技巧。🍋路由器的核心概念在Vue3中，路由器的核心概念包括路由器实例、路由器选项、路由表、路由视图和导航守卫。路由器实例：...
- 文章目录🍀什么是路由？🍀介绍Vue3中的路由🍀创建路由🍀总结🍀什么是路由？网络的角度：网络中的路由：在网络中，路由是指确定数据包从源到目的地的路径的过程。路由器是负责执行这一过程的设备，它们根据网络中的路由表来选择最佳路径将数据包传输到目的地。网络中的路由是指网络数据包的传输路径选择Vue3的角度：在Vue.js中，路由是指管理应用程序中不同页面之间导航的方式。Vue Router... 文章目录🍀什么是路由？🍀介绍Vue3中的路由🍀创建路由🍀总结🍀什么是路由？网络的角度：网络中的路由：在网络中，路由是指确定数据包从源到目的地的路径的过程。路由器是负责执行这一过程的设备，它们根据网络中的路由表来选择最佳路径将数据包传输到目的地。网络中的路由是指网络数据包的传输路径选择Vue3的角度：在Vue.js中，路由是指管理应用程序中不同页面之间导航的方式。Vue Router...
上滑加载中
推荐直播
-
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操2025/01/10 周五 15:30-17:30
MindStudio布道师
算子工具性能优化新特性演示——MatMulLeakyRelu性能调优实操
回顾中 -
用代码全方位驱动 OBS 存储2025/01/14 周二 16:30-18:00
阿肯 华为云生态技术讲师
如何用代码驱动OBS？常用的数据管理，对象清理，多版本对象访问等应该如何编码？本期课程一一演示解答。
即将直播 -
GaussDB数据库开发2025/01/15 周三 16:00-17:30
Steven 华为云学堂技术讲师
本期直播将带你了解GaussDB数据库开发相关知识，并通过实验指导大家利用java基于JDBC的方式来完成GaussD数据库基础操作。
去报名
热门标签