前端highcharts error
Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
1、利用远程连接器上传csv文件 2、进入hive创建表结构： 创建一个Hive表的SQL语句：这个表名为 "sales"，包含了五个列：day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件，每一行都用逗号分隔字段。 create table s ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
Docker - ERROR: failed to solve: golang:latest: error getting credentials - err: exec: "docker-credential-desktop": executable file not found in $PATH, out: ``
Dockerfile: FROM golang:latest WORKDIR /app ADD . . RUN go get RUN go build -o app . CMD ["/app/app"] zzh@ZZHPC:/zdata/MyPrograms/Go/aaa$ docker build ......
error C2065: “CV_DATA_AS_ROW”: 未声明的标识符
ce_dect\main_face.cpp(117): error C2065: “CV_DATA_AS_ROW”: 未声明的标识符将 “CV_PCA_DATA_AS_ROW” 改为 PCA::DATA_AS_ROW即可。 PCA::PCA(InputArray data, InputArray m ......
前端的一些布局技巧
一、当前页面无拖动的滑轮 这个只需要设置占据整个页面容器的高为100vh，页面的body的margin为0就行了 body{ margin: 0; } .最大容器类名{ height: 100vh; } 二、flex布局 display:flex就是将盒子设置成一个弹性盒子，弹性布局属性，还可以赋值 ......
springboot 接收前端数组
前端：(黄色内容为必选项！！！) axios({ url: "/access/getArr", method: "post", data: JSON.stringify([1,2,3,4]), headers: { "Content-Type": "application/json", }, }); ......
微软最热门的10款前端开源项目！
本文来盘点微软开源的十大前端项目，这些项目在 Github 上获得了超过 45 万 Star！ Visual Studio Code Visual Studio Code 是一款由微软开发的开源的代码编辑器。它支持多种编程语言，如C、C++、C#、Python、JavaScript 和 TypeSc ......
前端安装pnpm 包报错
安装pnpm 包管理器 全局安装 npm install pnpm -g 设置源 pnpm config get registry // 查看源 pnpm config set registry http://registry.npm.taobao.org // 切换淘宝源 使用： pnpm ins ......
前端 数学计算 big.js 使用
解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一，同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二，第三方库 bignumber.js math.js big.js bi ......
springboot数据传到前端在echarts中显示
后端正常返回查询所有的信息 前端使用echarts.min.js和jquery.min.js进行使用 ajax使用： $(document).ready(function() { $.ajax({ url: 'http://localhost:7070/selectHang', //你的url me ......
Error系列-常见异常问题解决方案以及系统指令总结
前情提要 作为一名开发，日常工作中会遇到很多报错的情况，希望我的总结可以帮助到小伙伴们~ 日常工作中也会遇到需要部署项目或者登陆linux系统操作的情况，很多时候需要查找一些命令，于是我决定，要把我日常经常用到的一些命令总结起来，分享给小伙伴们~~ 下面以各个场景为案例，来列举我常用的一些命令 场景 ......
前端上传大文件处理（切片、断点续传）
思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传, ......
typescript_error_函数实现重复
在对ts文件执行编译后, 即执行tsc命令后, 函数名报错:"函数实现重复", 原因是新生成的同名js文件中包含了同样的函数名被识别到 在.ts文件目录下执行tsc --init生成tsconfig.json文件, 之后再编译就不会报错了( 注意必须是.ts文件的目录, 我在对D:/test/typ ......
渗透测试中的前端调试（一）
前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理，包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息，我们就可以更准确地发现网站的漏洞，制定出有效的攻击策略。前端知识对于安全来说，不但可以提高测试效率，还可以拓宽测试思路。 ......
前端技术点滴整理-1
一、ETag相关 ETag（Entity Tag）是 HTTP 1.1 协议中的一部分，用于确定浏览器缓存的一个资源在服务器上是否已经被修改。它是一个可以分配给特定版本和实例的资源的标识符，通常是一个哈希值。服务器可以在发送资源时，将该资源的 ETag 一起发送给客户端。然后客户端在再次请求该资源时 ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
关于前端echart图大小联动
import React, { Component } from "react"; import * as echarts from 'echarts'; class Chart1 extends Component { constructor(props) { super(props); this ......
执行docker-compose up -d时出现ERROR: Failed to Setup IP tables: Unable to enable SKIP DNAT rule
执行： service docker restart 解释： 有些东西删除了 docker iptables 条目。如果您重新启动 Docker，它将重新创建它们 ( systemctl restart docker)。您需要禁用任何其他管理 iptables 的功能，以防止将来发生这种情况。即可。 ......
前端根据swagger,生成 .ts 映射接口文件
新建 generator.js 文件，写入以下代码 const fs = require('fs') const path = require('path') const parse = require('swagger-parser') const beautify = require('js-b ......
前端根据swagger,生成javascript映射接口文件
创建文件 generator.js 写入以下代码 const fs = require('fs') const path = require('path') const http = require('http') function mkdirsSync(dirname) { if (fs.exis ......
前端大文件上传、文件切片、断点续传
一、项目初始化1、项目初始化我们创建一个 big-file-upload 目录作为当前项目的根目录文件。 执行以下命令对当前项目进行初始化，生成 package.json 文件： npm init -y2、搭建项目结构在项目根目录中创建 public 目录，作为前端静态资源目录。同时在 public ......
typescript_error_运算符“+”不能应用于类型“Number”和“Number”
function add_(num1: Number, num2: Number) { return num1 + num2 } console.log(add_(5, 7)) Number 是一个 Interface， number 才是表示类型，换成小写就可以了 function add_(nu ......
前端性能优化必杀技：骨架屏让你快人一步
在现代前端开发中，用户体验和性能优化一直是小伙伴们追求的目标之一。骨架屏(Skeleton Screen)作为一种优化用户界面加载速度的方法，应用在各种（App/小程序/h5）应用里面。本文将深入探讨骨架屏的最佳实践，结合代码案例，介绍如何实现和优化骨架屏。 什么是骨架屏？ 骨架屏是一种在页面加载过 ......
记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)
什么是缓存? 当我们第一次访问网站的时候，比如 juejin.cn，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。 缓存的优点和应用场景 Web缓存种类：indexDB、localStorage、sessionStorage。 缓解服务 ......
大前端是什么？
大前端是什么？ 简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的 ......
前端大文件分片上传断点续传
分片上传 分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。 断点续传 断点续传是指在上传过程中，如果上传失败或者中断了，可以从上次上传的 ......
前端vue项目部署中，用户还在访问系统，存在缓存问题，部署后需要ctrlF5强制刷新，解决热更新的几种方案
问题描述： 问题是这样的，在部署的时候，用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存；如果在部署的时候或者部署之前，用户并没有打开系统页面，部署完成后，才访问操风系统，不会存在缓存的。我刚才测试了一下。要想解决，部署之前或在部署中，用户还再使用的情况下，前端得写定时获 ......
更新wsl,docker无法启动wrong fs type, bad option, bad superblock on cgroup, missing codepage or helper program, or other error.解决方案
PS C:\Users\xxxx> wsl -vWSL 版本： 2.0.0.0内核版本： 5.15.123.1-1WSLg 版本： 1.0.57MSRDC 版本： 1.2.4485Direct3D 版本： 1.608.2-61064218DXCore 版本： 10.0.25880.1000-2306 ......
PHP 导出 Excel 报错: Formula Error: An unexpected error occurred
1. 问题描述一个项目中用到了需要将用户手机号导出到 Excel ，最初写完测试是正常的，如下图所示 在后来的某一天，导出手机号突然出现了报错，如下图所示 通过提示我们将问题定位在了 B 列 4867 行。 这是因为在 excel 中，单元格中的值如果是以 “=” 开头，则说明这个单元格是根据其他单 ......
构建前端框架;零依赖性的反应性和可组合性
原文链接：https://18alan.space/posts/how-hard-is-it-to-build-a-frontend-framework.html homeabout Building a Frontend Framework; Reactivity and Composabilit ......