![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 61
普通网友
这个作者很懒,什么都没留下…
展开
-
el-tree组件展示节点过多时造成页面卡顿、奔溃的解决办法
解决el-tree组件展示节点过多时造成页面卡顿、奔溃前几天测试提了个BUG,文件列表展示5w个文件页面会卡顿甚至奔溃。项目用的是vue+element-ui框架,我是使用el-tree进行渲染文件列表的。参考网上使用virtual-scroll-list插件与el-tree源码写成一个新组件。virtual-scroll-list可以只渲染页面呈现部分的节点,这样就不会造成卡顿了,源el-tree是直接将5w个节点直接渲染到页面,导致页面奔溃。这是使用virtual-scroll-list插件与e原创 2022-03-12 12:55:23 · 7742 阅读 · 7 评论 -
Vue3.0报错:The component has been registered but not used vueno-unused-components,关闭eslint
背景当创建项目时选择了 eslint ,那么当存在定义而未使用的组件,或存在定义而未使用的变量时,会报错。。Note: 我用的是 Vue3.0 。原因分析即 eslint 默认规则导致了不必要的报错。解决方法修改规则如果开启了 eslint ,新增 Component 时,报错:The “EchartsDemo” component has been registered but not used vue/no-unused-components解决方法:在 package.jso原创 2022-03-11 21:27:45 · 1630 阅读 · 0 评论 -
Vue ElementUI el-carousel 走马灯 指示灯样式修改
Carousel 走马灯一、原始样式二、修改后三、代码<template> <div> <el-carousel height="250px" > <el-carousel-item v-for="item in 4" :key="item"> <h3 class="small">{{ item }}</h3> </原创 2022-03-11 19:49:08 · 1490 阅读 · 1 评论 -
SpringMVC 获取请求数据
SpringMVC 获取请求数据获取请求参数获取基本数据类型获取POJO数据类型获取数组数据类型获取集合数据类型访问静态资源请求数据乱码问题参数绑定注解@requestParam获取Restful风格的参数(@PathVariable注解进行占位符的匹配获取工作)自定义类型转换器获取Servlet相关API获取请求头@RequestHeader@CookieValue文件上传文件上传客户端三要素单文件上传原理单文件上传步骤上传至本地磁盘多文件上传总原创 2022-03-11 18:26:18 · 200 阅读 · 0 评论 -
react-router-dom v6的重定向
import { useEffect } from "react";import { useNavigate } from "react-router-dom";function Redirect({ to }) { let navigate = useNavigate(); useEffect(() => { navigate(to); }); return null;}// usage<Routes> <Route path="/" el原创 2022-03-11 15:49:12 · 304 阅读 · 1 评论 -
CSS实现图片悬停文字叠加效果
引言在这篇文章中,我们将看到如何轻松创建一个漂亮的图像悬停文本覆盖效果。对于本教程,你必须具备充分的 HTML 和 CSS 基本知识。编写HTML我们的 html 代码非常简单,只有几行:<div class="image"> <img class="image__img" src="https://cdn.pixabay.com/photo/2017/12/15/13/51/polynesia-3021072__340.jpg" alt="Bricks"原创 2022-03-11 11:42:34 · 335 阅读 · 0 评论 -
100套大数据可视化炫酷大屏Html5模板
项目背景:由于自己公司项目里面用到一个数据可视化大屏页面,自己网上各种谷歌百度,发现资源良莠不齐,而且大多数都是收费的,甚至一个页面一收费的那种,前前后后自己不管是付费的还是免费的收集了不少,于是自己打算整理下,免费分享给大家,以免大家再走冤枉路。如果大家有珍藏的好模板,欢迎大家继续补充贡献!!!版权声明:以下所有模板我均收集于网络,如有涉及版权问题,请及时联系我或在下方评论,我会第一时间删除相关内容100套大数据可视化炫酷大屏Html5模板;包含行业:社区、物业、政务、交通、工程、医疗、金融银.原创 2022-03-11 10:20:51 · 12856 阅读 · 13 评论 -
解决Vue中安装sass-loader和node-sass版本匹配的报错
解决Vue中安装sass-loader和node-sass版本匹配的报错报错原因是可能会存在的:就是直接安装也会安装最新版本的npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loader安装完成后就会运行网上说是因为sass-loader安装的版本太高,卸载重新安装低版本即可,网上大部分都是安装的7的版本,我装的是7.3.1所以解决方法很简单如果你是我上面那种安装方原创 2022-03-10 12:38:42 · 306 阅读 · 0 评论 -
数据结构与算法:终于可以用三种语言(C,C#,JavaScript)把图的广度优先遍历讲清楚了(推荐收藏)
文章目录邻接矩阵存储图的广度优先遍历过程分析C语言实现队列编程程序中加入图的处理函数结果的再次分析C#语言实现图的广度优先遍历、并显示广度优先遍历生成树JavaScript语言实现图的广度优先遍历、并显示广度优先遍历生成树邻接矩阵存储图的广度优先遍历过程分析对图1这样的无向图,要写成邻接矩阵,则就是下面的式子一般要计算这样的问题,画成表格来处理是相当方便的事情,实际中计算机处理问题,也根本不知道所谓矩阵是什么,所以画成表格很容易帮助我们完成后面的编程任务。在我们前面介绍的内容中,有不转载 2022-03-10 11:17:47 · 662 阅读 · 0 评论 -
在react项目中使用了sass后导入antd.css报错
在react项目中使用了sass后导入antd.css报错最近在项目导入了antd,在引用他样式的时候,项目报错,如果用import 导入antd.css,页面能正常出现,但终端这里一直报错,大概就是这个Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):Failed to parse source map: ‘webpack://antd/./components/time-picker/style/index.les原创 2022-03-10 09:53:25 · 546 阅读 · 0 评论 -
代驾小程序源码全套,支持二开(Thinkphp+bootstrap+小程序uniapp)
代驾小程序源码全套,支持二开(Thinkphp+bootstrap+小程序uniapp)支持二开!包含基本的代驾功能,内部基于腾讯地图开发!1.基于ThinkPHP+Bootstrap的极速后台代驾系统;2.基于uniapp开发的代驾小程序源码;3.运行环境,直接可部署宝塔:php 7.1.3+mysql 5.7+nginx1.21(可降低版本)4.支持线上线下支付,线上支付(需在代码中去掉注释);5.支持报单(扫码即下单)和客户主动下单;6.支持行驶中途等待计费等,平台抽佣,区分白天黑夜计费原创 2022-03-09 13:34:37 · 2246 阅读 · 6 评论 -
[JavaScript实例解析]简易TODO List
本实例来自菜鸟教程实例代码HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-03-09 12:14:13 · 83 阅读 · 0 评论 -
vue中组件的props属性(详)
今天这篇文章,让你彻底学会props属性……props主要用于组件的传值,他的工作就是为了接收外面传过来的数据,与data、el、ref是一个级别的配置项。问题一:那props具体是怎么使用呢?原理又是什么呢?往下看**1、【定义被调用组件】**首先,我们先定义一个person组件,用于显示个人信息的组件,我们放了一个人的姓名,性别,以及年龄,定义好这个组件之后,就可以等待其他组件进行调用。那么既然别的组件可以调用,我们就需要再定义一个props属性,用于接收别的组件传进来的值。**注意:**组原创 2022-03-09 10:50:19 · 769 阅读 · 0 评论 -
Vue3 ElementPlus Admin
Vue3 Element Plus Admin 开箱即用的后管理系统。它基于vue3和element plus 实现。内置了动态路由,i18n国际化,动态权限菜单等功能功能- 登录 / 注销- 动态路由- 动态侧边栏(支持多级路由嵌套)- 动态面包屑- 快捷导航(标签页)- 本地/后端 mock 数据- 組件 - 富文本 - Markdown(未完成)- 表格 - 动态表格 - 综合表格- 错误页面 - 401 - 404- ECharts 图表- Clip原创 2022-03-09 09:29:26 · 1130 阅读 · 0 评论 -
MyBatis-Plus 如何实现连表查询
mybatis-plus-joingiteegithub使用方法安装在项目中添加依赖<dependency> <groupId>com.github.yulichang</groupId> <artifactId>mybatis-plus-join</artifactId> <version>1.2.2</version></dependency>或者clone代码到原创 2022-03-08 11:54:34 · 13435 阅读 · 0 评论 -
Java-Jackson使用详解
Java-Jackson使用详解序列化Json是什么?1.基本规则2.获取数据3.用途Jackson1.导入Jar包2.Json注解3.Json转为Java对象4.Java对象转换Json序列化序列化 (Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态写入到临时或持久性存储区。以后,可以通过从存储区中读取或反序列化对象的状态,重新创建该对象。Json是什么?Jason是JavaScript Object Notati原创 2022-03-08 10:34:12 · 287 阅读 · 0 评论 -
element-plusicons vue3 统一导入及注册全局el-icon组件 element-plus1.2.0版本
统一导入及注册全局el-icon组件 element-plus1.2.0版本Element Plus 团队表示正在将原有组件内的 Font Icon 向 SVG Icon 迁移,正式版本Font Icon将被弃用,于是目标是对代码进行对应的更新,Font Icon换成SVG Icon。下面全局引用-main.jsimport ElementPlus from 'element-plus'import * as icons from '@element-plus/icons'const app=原创 2022-03-08 09:14:02 · 380 阅读 · 0 评论 -
7hutool实战FileUtil 文件工具类(100多个文件常用操作方法)
技术活,该赏关注+一键三连(点赞,评论,收藏)再看,养成好习惯hutool实战(带你掌握里面的各种工具)目录用途:文件工具类(文件常用操作)使用场景提供100多个文件常用操作方法,包含并不局限于:判断文件或文件夹是否为空、判断file是否为文件或文件夹、递归文件夹里的所有文件、获取指定文件夹的所有文件名、获取临时文件夹或临时文件的内容或者路径、计算文件夹或文件的总大小、创建文件或文件夹、创建临时文件或临时文件夹、删除文件或文件夹、修改文件名或文件夹名、复制文件或文件夹、移动文件或文件夹、清空文件原创 2022-03-08 07:54:00 · 7518 阅读 · 0 评论 -
10 个算法提升你的 JavaScript 技能
1)在数组中查找缺失的数字Input: [1, 2, 3, 4, 6, 7, 8, 9, 10]Output: 5const find_missing = function(input) { let n = input.length + 1; let sum = 0; for (let i in input) { sum += input[i]; } return Math.floor((n * (n + 1)) / 2) - sum;};提示:算术级数和公原创 2022-03-07 20:43:04 · 68 阅读 · 0 评论 -
终于理清楚了Promise以及async和await
promise理解:1,是js异步编程的新的解决方案2,是一个构造函数3,用来封装一个异步操作,并可以获得其结果promise三个状态:1,pendding 未确定2,resolved 成功3,rejected 失败注:状态只能改变一次,成功数据称为value,失败称为reasonpromise的基本使用为什么要用Promise:1.指定回调函数的方式灵活,可以在异步任务前指定也可以在异步任务后指定,而以前指定回调函数必须在异步任务开始前指定。2.支持链式调用,可以解决回调地狱问题原创 2022-03-07 09:16:31 · 647 阅读 · 0 评论 -
2022最新前端规范
2022最新前端规范【一】必要一、 引用二、对象三、数组四、字符五、属性六、变量七、比较运算符和等号八、注释九、类型转换和强制类型转换十、命名规范十一、VUE相关规范【二】推荐一、解构二、循环(迭代器)三、控制语句四、对象【一】必要一、 引用使用 const 定义你的所有引用;避免使用 var。为什么 这样能够确保你不能重新赋值你的引用,否则可能导致错误或者产生难以理解的代码// badvar a = 1;// good原创 2022-03-07 07:53:15 · 231 阅读 · 0 评论 -
前端基础知识第三章---移动端WEB开发之rem适配布局
前言我不停奔跑,只为追赶当年被寄予厚望的自己前端基础知识第三章—移动WEB开发之rem适配布局一、rem 基础二、媒体查询(1)什么是媒体查询(2)语法规范2.1 mediatype 查询类型2.2 关键字2.3 媒体特性2.4 案例:根据页面宽度改变背景变色(3)引入资源(理解)三、Less 基础(1)维护 css 的弊端(2)Less 介绍(3)Less 使用(4)Less 变量(5)Less 编译(6)Less 嵌套(7)Less 运算原创 2022-03-06 04:24:48 · 94 阅读 · 0 评论 -
【宝藏级】PyEcharts 超详细的使用指南
Python可视化神器-pyecharts手册pyecharts简介优点:安装:官方文档:pyecharts快速开始在`Notebook`中创建一个条形图:链式调用:配置选项:全局配置项`AnimationOpts`:画图动画配置项`InitOpts`:初始化配置项`ToolBoxFeatureOpts`和`ToolboxOpts`:工具箱配置项`TitleOpts`:标题配置项`DataZoomOpts`:区域缩放配置项`LegendOpts`:图例配置原创 2022-03-06 03:02:51 · 4734 阅读 · 3 评论 -
Vue解决报错1_This relative module was not found .componentsLogin.vue in .srcrouterindex.js
报错描述:This relative module was not found:* ./components/Login.vue in ./src/router/index.js版本vue2.0,@vue/cli 4.5.11,应该是路径的问题解决将.换为@即可,发现不在报错原创 2022-03-06 01:42:02 · 692 阅读 · 0 评论 -
vue3+ts+vite+pinia 项目搭建
1. 起始,项目搭建yarn 创建项目yarn create vitepnpm 安装依赖(如果没有可以用npm)// mac安装pnpmsudo npm i -g yarn// 安装依赖pnpm i//启动项目yarn dev//安装一下pretter和eslintpnpm i prettier eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue vue-eslint-parser @types原创 2022-03-06 00:20:39 · 460 阅读 · 0 评论 -
2021 前端校招面试知识点(八股文)整理
1. JavaScript基本数据类型 (7种)this 的指向 (new, 隐式绑定, 显式绑定)Function 的 call, apply, bind 方法Promise, eventloop, 宏任务和微任务闭包 (概念, 用途, 手写)原型链继承 (extends, 原型链继承, 构造函数继承, 组合继承, 寄生组合继承)深拷贝和浅拷贝事件冒泡/捕获, 事件委托, 阻止冒泡, 哪些事件不能冒泡sort() 的复杂度2. 浏览器回流和重绘http 缓存, 协商缓存c原创 2022-03-05 20:05:38 · 813 阅读 · 0 评论 -
vue-cli(vue脚手架)安装 详细教程
vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。一.安装vue-cli1、 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。注意:webpack 4.原创 2022-03-03 23:38:00 · 2140 阅读 · 0 评论 -
uniapp map组件的markers,polyline使用及问题
最近在做巡检任务功能,需要在安卓端记录当前巡检轨迹,以及原本的路线显示,由于是使用uniapp框架开发的,所以这里我使用的是uniapp里的map组件。参考官方文档:https://uniapp.dcloud.io/component/map?id=map注意:地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者。一、获取当前位置:type:默认为 wgs84 返回 gps 坐标,gcj02 返回国测局坐标,可用于 uni.openLocation 的坐标,app平台高德SDK仅支持返回gc原创 2022-03-03 22:31:34 · 946 阅读 · 2 评论 -
TypeError Cannot read properties of undefined (reading ‘NormalModule‘)
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule')TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (/Users/ylmac/github/erabbit-client-ts/node_modules/vue-loader-v16/dist/plugi原创 2022-03-03 21:36:50 · 1037 阅读 · 0 评论 -
React-router-dom v6.x的使用
React-router-dom v6.x的使用前言react-router-dom v6的具体内容可以在react-router-dom文档上查看,但是是英文版,英语水平不好的同学可以在网上找大佬的翻译。本人在公司搭了一个简单的后台管理系统的模板,今天想升级一下依赖,随便研究了一下react-router-dom6.x版的使用。总的来说,变化不是特别大。现在我把常用的几个变动总结一下,供大家参考:1. 原先的<Switch>替换成了<Routes>按照网上大佬的说法,&l原创 2022-03-03 16:59:13 · 192 阅读 · 0 评论 -
Node Sass 7.0.1 版与 ^4.0.0 不兼容
Node Sass 7.0.1 版与 ^4.0.0 不兼容;Node Sass version 7.0.1 is incompatible with ^4.0.0用node构建项目的时候,用到了sass-loader,结果万事俱备,只欠东风的时候,突然报了版本不兼容。解决方案:1、npm uninstall node-sass;2、npm i -D sass;3、npm run dev;...原创 2022-03-03 15:54:38 · 388 阅读 · 3 评论 -
elasticsearch7.x安装异常 ERROR [2] bootstrap checks failed. You must address the points described in th
ERROR:[2]bootstrapchecksfailed.Youmustaddressthepointsdescribedinthefollowing[2]linesbeforestartingElasticsearch.bootstrapcheckfailure[1]of[2]:maxfiledescriptors[4096]forelasticsearchprocessistoolow,increasetoatleast[65535]bootstrapcheckfailure[2]of[2]:m原创 2022-03-03 13:45:36 · 201 阅读 · 0 评论 -
2022跨年烟花代码(九)HTML5夜景放烟花绽放动画效果
HTML5夜景放烟花绽放动画效果html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Cont原创 2022-03-03 11:54:10 · 141 阅读 · 0 评论 -
1 problem (1 error, 0 warnings) 1 error and 0 warnings potentially fixable with the `--fix` option
这个是 lint格式造成的,在总目录下新建一个vue.config.js文件,输入以下代码module.exports = { lintOnSave:false}重启一下软件原创 2022-03-03 00:03:27 · 422 阅读 · 0 评论 -
都2021年了,你还在写ES5 ?快醒醒吧,这份ES6超全教程拯救你
〝 古人学问遗无力,少壮功夫老始成 〞**都2021年了,你还在写ES5 ?快醒醒吧,这份ES6超全教程拯救你,**作为JavaScript语言的下一代标准。ES6其实在2015年就已经发布了,很多人并不清楚ES和JavaScript之间的关系,其实ES是JavaScript书写的标准规范,而ES6就是让JavaScript的编写习惯得到更好的优化和改善,而ES5相对ES6落后了很多,很多人现在写JavaScript的规范还停留在ES5,所以就让飞兔小哥哥救你们于水深火热中吧,如果这篇文章能给你带来一点.原创 2022-03-02 13:32:55 · 424 阅读 · 0 评论 -
selenium find_element_by_定位方式语法改变,提示find_element_by_ commands are deprecated
上周重装系统升级了python版本从3.6升级到了3.8,发现旧的脚本不能用了,显示如下提示:find_element_by_* commands are deprecated. Please use find_element() instead看了下 为啥之前的方法不能用了,如下 def find_element_by_id(self, id_) -> WebElement: """Finds an element by id. :Args:原创 2022-03-02 12:28:12 · 1023 阅读 · 0 评论 -
数据结构与算法:终于可以用三种语言(C,C#,JavaScript)把图的广度优先遍历讲清楚了(推荐收藏)
文章目录邻接矩阵存储图的广度优先遍历过程分析C语言实现队列编程程序中加入图的处理函数结果的再次分析C#语言实现图的广度优先遍历、并显示广度优先遍历生成树JavaScript语言实现图的广度优先遍历、并显示广度优先遍历生成树邻接矩阵存储图的广度优先遍历过程分析对图1这样的无向图,要写成邻接矩阵,则就是下面的式子一般要计算这样的问题,画成表格来处理是相当方便的事情,实际中计算机处理问题,也根本不知道所谓矩阵是什么,所以画成表格很容易帮助我们完成后面的编程任务。在我们前面介绍的内容中,有不转载 2022-03-02 03:32:23 · 174 阅读 · 0 评论 -
前端面试,如果连前端基础都没有掌握,那还能面试成功吗?
前言基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架再好,无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。(本篇文章可能只是适用于刚毕业的同学或者毕业 2 年之内的小伙伴,大家酌情阅读~~~)面试准备1)准备面试简历:个人基本信息:如姓名、年龄、联系电话、邮箱,专业,学校等工作经历:包括工作时间、公司、岗位、职责、技术栈、突出业绩等。对工作理解和掌握情况:说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。其他原创 2022-03-02 02:28:50 · 302 阅读 · 0 评论 -
【杂谈】为什么说Linux和服务器是天生一对?
?? Java学习:Java从入门到精通总结?? Spring系列推荐:Spring源码解析?? 最近更新:2022年2月15日?? 个人简介:通信工程本硕??、阿里新晋猿同学??。我的故事充满机遇、挑战与翻盘,欢迎关注作者来共饮一杯鸡汤?? 点赞 ?? 收藏 留言 ?? 都是我最大的动力!相信很多同学都有过玩一玩服务器的经历吧,之前在我上学那会儿阿里云99块能包三年,于是就跟风租了一台,后面好像也被我冷落了哈哈。不知道大家有没有过这样的疑问:为什么我遇到的服务器基本上全是Linux系统呢?.转载 2022-03-02 01:25:09 · 104 阅读 · 0 评论 -
vue判断列表中包含某一项_判断字符串中是否包含某个字符串
String对象的方法1. indexOf()indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的 字符串值没有出现,则该方法返回 -1。var str=‘你好啊双11!’;console.log(str.indexOf(’!’) !=-1) //true2. search()search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。var str_a=‘hello 双11!’co原创 2022-03-02 00:21:40 · 3042 阅读 · 0 评论