前端 组件wolftable格式
redis的订阅发布功能中，前端如何监听到消息，并修改前端页面。
 { // 1 判断是否登录， let token= this.$cookies.get('token') if(token){ this.$axios.post(`${th ......
密钥格式化
给定一个许可密钥字符串 s，仅由字母、数字字符和破折号组成。字符串由 n 个破折号分成 n + 1 组。你也会得到一个整数 k 。 我们想要重新格式化字符串 s，使每一组包含 k 个字符，除了第一组，它可以比 k 短，但仍然必须包含至少一个字符。此外，两组之间必须插入破折号，并且应该将所有小写字母转 ......
vue（四）组件交互
Props Prop可以实现各组件间的数据传递（父组件传递数据给子组件），支持传递的数据类型可以是：基础数据类型、对象、函数。返回的数据类型是数组或对象时，默认值需要是函数。 使用方式如下： 1、在需传递的组件中（父组件），export需要传递的数据 2、在需传递的组件中（父组件），import 接 ......
【18.0】前端框架Bootstrap
# 【18.0】前端框架Bootstrap > 该框架已经帮我们写好了很多页面样式，如果需要使用，只需要下载对应文件 > > 直接CV拷贝即可 > 在使用Bootstrap的时候，所有的页面样式只需要通过修改class属性来调节即可 # 【一】什么是Bootstrap - Bootstrap是一个开 ......
前端接收后端文件后乱码
前端可尝试 1 设置responseType为blob类型; 2 设置content-type: 为后端返回的类型如excel类型 其它可以不懂可以百度或者gpt ......
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. 实验要求 ##### 了解 ......
Java实现浏览器端大文件分片上传组件
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
vue3 + elementplus tab组件动态切换，组件保存校验为空获取不到数据bug
需求是这样的，根据第一个tab里面的准入模式，如果是专业版，上面tab显示6个，如果是简易版，6个tab要隐藏后面两个，每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了，然后每个组件里面嵌套的是对应的小组件，component动态切换，默认打开当前页面的时候，会通过接口统 ......
前端基础-js篇（一）
1.use strict （1）ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能还能够使用，大部分的修改是默认不生效的。 （2）需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。 （3）当它处于脚本文件的顶部时，则整个脚本文件都将以“现代”模式进行 ......
8.legend格式化
<script> const getname = ["时长异常", "时长正常", "无时长"]; //初始化getname const getNum = [0, 0, 0]; //初始化getNum export default{ data(){ return{ chartOption:{ leg ......
9.tooltip格式化
//1.当params是一维数组时 formatter: params => { return ( `${params.seriesName}<br/>` + `<span style="display:inline-block;margin-right:5px;border-radius:10px ......
2.vue-charts组件
1. vue-echarts和echarts的区别 · vue-echarts是封装后的vue插件， 基于 ECharts v4.0.1+ 开发，依赖 Vue.js v2.2.6+，功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。 · echarts就是普通的js库。 2. v ......
前端使用protobuf进行传参
一.proto的理解 1.以.proto结尾的文件是protobuf文件，且.proto是一种传参规则的定义。 2.常用的请求传参方式是json或xml，因为在大多数的语言中这两种轻量型语言都能被其他语言识别到（java、python、javascript、c++等等）。 proto作为区别于前两者 ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）、控制台（Console）页、源代码（Sources）、网络（Network）、性能优化（Performance）... ......
【17.0】前端基础jQuery之jQuery补充
# 【17.0】前端基础jQuery之jQuery补充 # 【一】组织标签后续执行 - 方式一 ```html Title ``` - 方式二 ```html Title ``` # 【二】阻止事件冒泡 ```html Title div div>p div>p>span ``` # 【三】事件委托 ......
一套比较完整的字节面试题，包含计算机网络、操作系统、前端等
一、算法和数据结构 实现一个函数，判断两个给定的字符串是否为异构字符串。 异构字符串是指由相同字符但顺序不同的字符串。例如，“abb”和“bab”就是异构字符串。 答案： function isIsomorphic(str1, str2) { if (str1.length !== str2.len ......
29.图片转base64格式
使用场景： ①可以减少图片的请求数量（集合到js、css代码中）； ②可以防止因为一些相对路径等问题导致图片404错误； ③提高加载速度； 步骤一：打开网站：https://www.strerr.com/cn/base64_encode_img.html 步骤二：上传图片，复制转换后的base64数 ......
26.父组件接口慢导致子组件渲染不成功？
方案：可以用watch监听meta，在监听里面调用接口。这样就保证父组件传过来的值一定能接收到，无论接口的快慢。 步骤一：父组件 <template> <div> <zi-jian :meta='meta'></zijian> //绑定参数:meta </div> </template> <scri ......
2023-07-06 uview-ui组件u-checkbox设置label-disabled无效==》点击文本仍旧触发checkbox
解决方案：既然无效，那就给checkbox包裹的文本绑定一个点击事件，该点击事件使用.stop来阻止事件冒泡，这样点击文本就不会触发checkbox的change了，可以参考一下代码： <u-checkbox> <view @click.stop="stopBack"> </View> </u-ch ......
封装组件库 发布到npm仓库
1. 组件封装 src下新加package文件夹，用来存放组件，我们来封装一个按钮 2. 引入到app.vue 进行检验组件是否正常 3. 使用Vue插件模式 重点：用到了Vue提供的install公共方法，会在被调用也就是Vue.use(plugin)时被调用，这样插件就能全局注册 在packag ......
Vue 先初始化子组件再初始化父组件的方法（自定义父子组件mounted执行顺序）
> **写在前面：** > > * 本篇内容内容主要讲述了，在使用 `Konva` 进行开发过程中遇到的一些问题。（既然是组件加载顺序，主要牵扯到的就是，父子组件的关系，父子组件的生命周期） > > * 众所周知，`Vue`中父子组件生命周期的执行顺序为： > > ```javascript > / ......
【15.0】前端基础jQuery之进阶
# 【15.0】前端基础jQuery之进阶 # 【一】操作标签 ## 【1】操作类 #### （1）JS版本 ##### `classList.add()` 方法 - 用于向元素添加一个或多个类名。 - 如果指定的类名已存在，则不会添加。 - 示例： ```javascript element.cl ......
【16.0】前端基础jQuery之jQuery事件
# 【16.0】前端基础jQuery之jQuery事件 # 【一】jQuery绑定事件的两种方式 ## 【1】使用`.on()`方法： - 使用`.on()`方法可以绑定一个或多个事件处理程序到选择器匹配的元素上。该方法可以为动态添加的元素提供事件绑定。 ### 语法： - ```javascrip ......