样式 组件scoped vue
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
vue 自定义指令实现overflow-tooltip
利用element ui el-tooltip 组件实现 1. 创建overflow-tooltip指令 import Vue from 'vue' /* eslint-disable */ function getStyle(obj, attr) { if (obj.currentStyle) { ......
vue--计算属性
在 Vue.js 中，计算属性（Computed Property）是一种特殊的属性，它基于现有的数据计算出一个新的值，并且会根据其依赖的数据进行自动更新。计算属性主要用于将复杂的逻辑和变量计算封装为属性，以便在模板中直接使用。以下是使用计算属性的一般步骤： 1.在 Vue 实例的 computed ......
Vue3 中的 expose的应用 - 限制对子组件实例的访问
我从3A平台购买了云服务器。如果你在开发一个开源的组件或库，你有可能想保持一些内部方法的私有性。在Vue 3.2之前，这并不容易实现，因为所有在选项API中声明的方法或数据等都是公开的，所以模板可以访问它。 组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。 ### 组合 ......
界面组件DevExpress ASP.NET Core v23.1新版亮点 - 增强的数据可视化
DevExpress ASP.NET Core Controls使用强大的混合方法，结合现代企业Web开发工具所期望的所有功能。该套件通过ASP.NET Razor标记和服务器端ASP.NET Core Web API的生产力和简便性，提供客户端JavaScript的性能和灵活性。ThemeBuil ......
vue3 ref全家桶(小满zs vue3 笔记六)
tip1: vue3 无响应式数据(控制台数据已经变化,但是页面无刷新) <template> <div>认识Ref全家桶</div> <div>{{ message }}</div> <button @click="change">改变</button> </template> <script s ......
手把手教你自定义自己SpringBoot Starter组件源码剖析
我们知道SpringBoot Starter也就是启动器。是SpringBoot组件化的一大优点。基于这个思想，基于这个思想SpringBoot 才变得非常强大，官方给我们提供很多开箱即用的启动器。 Spring Boot Starter 是 Spring Boot 的一个重要特性，它有以下优点： ......
前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义精美底部操作栏导航栏工具栏 可用于电商购物车底部导航
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
学习swiper组件
swiper 介绍 Swiper是一款前端制作轮播图的插件 安装 cdn 可以进入https://www.swiper.com.cn/cdn/index.html 直接复制，一般使用4.0.1版本，复制下面两行，并且修改版本号即可。 <link rel="stylesheet" href="http ......
wpf样式模板的使用
<Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:d="http://schemas.microsoft.com/expressio ......
修改默认alert样式
alert 简单的弹窗，常用于调试时判断代码执行到哪里出问题（类似断点） 例子： alert("11111") this.$aleret this.alert() 方法用于显示带有一个标题，一条指定消息，一个关闭按钮和一个确定按钮的警告框。例子： this.$alert(`hhhhhhh`, 'bi ......
Vue（十）：监视属性——watch
1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> ......
vue（七）路由 vue-router
安装和使用 通过vue-router路由管理页面之间的关系，是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis ......
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。解决方法：①：管理员方式运行PowerShell,输入get-ExecutionPolicy。如果它回复Restricted，表示是禁止的②： ......
Vue 通过vuex动态缓存 keep-alive
在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
vue（六）网络请求
Axios Axios是一个基于promise的网络请求库，安装npm install --save axios 局部引入：组件中引入import axios from "axios" 全局引入：main.js中引入，并挂载 // 在main.js中全局引入 import axios from "a ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
vue（四）组件交互
Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。 使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接 ......
Hive 组件（进阶中级）
## Hive 组件（进阶中级） ### 1. 实验一：Hive 组件部署 #### 1. 实验任务一：环境需求 ##### 1.1. 步骤一：解压安装文件 ~~~bash [root@master ~]# ls anaconda-ks.cfg jdk-8u152-linux-x64.tar.gz ......
大数据平台及组件安装部署
## 大数据平台及组件安装部署 ### 实验一：Hadoop 全分布部署 1. #### 实验任务一：Hadoop 集群验证 分布式集群搭建完成后，根据 Hadoop 两大核心组成，可以通过监测这 HDFS 分布式文件 系统和 MapReduce 来完成监测工作，通过以下步骤完成 Hadoop 集群 ......
Flume 组件安装配置
## Flume 组件安装配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握下载和解压 Flume ##### 掌握 Flume 组件部署 ##### 掌握使用 Flume 发送和接受信息 #### 1.2. 实验要求 ##### 了解 Flume 相关知识 ......
HBase 组件安装与配置
## HBase 组件安装与配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握 HBase 安装与配置 ##### 掌握 HBase 常用 Shell 命令 #### 1.2. 实验要求 ##### 了解 HBase 原理 ##### 熟悉 HBase 常用 ......
Sqoop 组件安装与配置
## 1.Sqoop 组件安装与配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 下载和解压 Sqoop ##### 配置 Sqoop 环境 ##### 安装 Sqoop ##### Sqoop 模板命令 #### 1.2. 实验要求 ##### 熟悉 Sqoop ......
ZooKeeper 组件安装配置
## 1.ZooKeeper 组件安装配置 #### 1.1. 实验目的 ##### 完成本实验，您应该能够： ##### 掌握下载和安装 ZooKeeper ##### 掌握 ZooKeeper 的配置选项 ##### 掌握启动 ZooKeeper #### 1.2. 实验要求 ##### 了解 ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用（SPA） 解释一下“什么是”单页面 ： ......
vue3-watch监听器的使用
## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意：在嵌套的变更中， // 只要没有替换对象本身， // 那么这里的 `newValue` 和 `oldValue` 相同 ......
第十篇 - Vue接收后台Json数据
先看下想达到的效果，当用户名密码输错了，就报用户名密码错误。用户名密码成功了，就跳转到登录成功页面 上一节已经实现SpringBoot封装Json数据，这次使用Vue post API获取Json数据 HelloWorld.vue /* eslint-disable */ <template> <d ......
Java实现浏览器端大文件分片上传组件
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......