![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
ModuleNotFoundError No module named ‘gdal‘
一方面:conda install gdal成功另一个方面:Unofficial Windows Binaries for Python Extension Packages下载python对应版本的GDAL,我的python3.9版本的,下载如下pip install GDAL-3.3.2-cp39-cp39-win-amd64.whl安装成功import gdal仍然出问题:Python 3.9.6 (default, Aug 18 2021, 15:44:49) [MSC v.1916 64原创 2022-03-12 13:05:45 · 2960 阅读 · 0 评论 -
Vue 展示巨量数据,vue-virtual-scroller 使用说明 vue3 vue2
Vue 展示巨量数据,vue-virtual-scroller 使用说明 vue3 vue2一、遇到的问题最近在做的一个小工具中需要解决一个展示巨量数据列表的问题,数据有 8万 多条。刚开始我是直接让它渲染的,结果用了 60 秒之多,我以为是数据处理耗时多,经过排查,发现是 dom 渲染用时长,数据处理其实只用了不到 100ms,如下图:二、解决方案 vue-virtual-scroller所以目前主要需要解决的就是如何能流畅展示这么多数据的问题,搜了下,搜到 vue-virtual-scrol原创 2022-03-11 20:00:02 · 1838 阅读 · 1 评论 -
tui-image-editor 图片编辑组件
针对图片的涂鸦、缩放、标注等操作,需要借助canvas来操作,这里借助tui-image-editor绘图组件来实现基础的涂鸦等功能可以参考一篇使用教程博客:快给你的Vue项目添加一个编辑图片组件吧_Senar的博客-CSDN博客_vue 图片编辑组件[这里是图片001]https://blog.csdn.net/i_am_a_sb/article/details/109944501里面介绍的很详细,不过我对自己要使用的情况做了一些个性化,并封装成一个组件,方便调用tui.image-editor-官原创 2022-03-11 18:37:04 · 2347 阅读 · 3 评论 -
RuoYi-flowable工作流管理
上周有网友留言需要工作流相关的系统,今天介绍的这个就支持自定义的表单,可能未必是他想要的,但也许有其他人需要呢?反正都已经折腾完了??老苏已经尽量简化了安装,你只要下载一个 zip 文件,上传到群晖并解压,再执行一条命令就可以完成全部的安装,中途不需要修改任何东西,应该够简单了吧??什么是 RuoYi-flowable ?RuoYi-flowable 是基 RuoYi-vue 4.x + flowable 6.5 开发的工作流管理软件。前端采用 Vue、Element UI。后端采用 Sp.原创 2022-03-11 16:00:09 · 2699 阅读 · 0 评论 -
MybatisPlus使用QueryWrapper调用queryWrapper.last(“limit 1“)时,多次请求该接口后,结尾多出一个“LIMIT 5”
项目场景:在使用mybatisPlus自定义查询时,调用queryWrapper.last(“limit 1”),想取出查询结果的第一条问题描述:使用该接口做数据查询,在初次请求结果正常,请求该接口五次左右,会出现sql报错,提示SQL语句错误,查看控制台日志:limit 1 LIMIT 5 {FAILED after 69 ms} java.sql.SQLSyntaxErrorException:发现在sql语句尾部多加了一条“limit 5”,具体组合为:select * from sy原创 2022-03-11 14:36:30 · 9455 阅读 · 0 评论 -
java springCloud控制层访问https下的html文件并以流显示到页面
目标:java controller访问https://xxxx/xxxx.html,以流的形式直接返回该页面1.添加信任管理器类public class MyX509TrustManager implements X509TrustManager { // 检查客户端证书 public void checkClientTrusted(X509Certificate[] chain, String authType) throws CertificateException {原创 2022-03-11 13:14:26 · 472 阅读 · 0 评论 -
Echarts气泡图(相邻效果,气泡之间不叠加)
效果图借助Echarts中提供的样例完成,官网样例可自行前往官网链接放下面啦!!Examples - Apache ECharts使用版本完整代码如下<!-- d3js 气泡图 --><template> <div id="bubble" style="width: 500px;height:500px"></div></template><script>import * as echarts from原创 2022-03-11 11:52:57 · 1425 阅读 · 1 评论 -
2021-06-30 vue 安装webpack包时遇到npm ERR的解决办法
目录尚硅谷的webpack的建议安装包提示npm ERR!报错尚硅谷的webpack的建议安装包npm install -D webpack@4.41.5 webpack-cli@3.3.10 webpack-dev-server@3.10.2npm install -D html-webpack-plugin clean-webpack-plugin ts-loader cross-env提示npm ERR!报错PS F:前端2021-vue尚硅谷 ypescriptw原创 2022-03-11 10:31:19 · 2286 阅读 · 0 评论 -
计算机毕业设计-基于SpringBoot+Vue的新冠疫苗预约接种管理系统
计算机毕业设计-基于SpringBoot+Vue的新冠疫苗预约接种管理系统1.开发环境及工具下载开发语言:Java架构:B/S框架:SpringBoot+vue数据库:MySQL编译工具:Idea、Eclipse、MyEclipse (选其一)其他:jdk1.8、maveneclipse 下载mysql 5.7 下载jdk 1.8 下载tomcat 8.0 下载maven 3.5 下载idea 下载2 系统功能模块系统管理模块:用户管理、角色管理、菜单管理、部门管理原创 2022-03-10 12:49:00 · 635 阅读 · 3 评论 -
本地存储(Local Storage) 和 会话存储(Session Storage)
我不会告诉你任何定义和概念,上车,读完这篇博客,你就会对本地存储(Local Storage) 和 会话存储(Session Storage)有一个清晰的认识。目录前提知识范例示例1:将键值对提供给本地存储示例2: 本地存储中设置键值对示例3: 获取空值示例 4:将数组存储在本地存储中示例 5:从本地存储中获取数组示例 6:从本地存储中获取数组?示例 7:清除本地存储示例 8:仅从本地存储中删除 Name1 键值对会话存储总结前提知识请按照我以下的步骤来:1、在任转载 2022-03-10 11:28:07 · 802 阅读 · 0 评论 -
基于JavaScript的电梯调度设计
电梯调度一、 项目目的学习调度算法通过实现电梯调度,体会操作系统调度过程学习特定环境下多线程编程方法二、开发工具开发环境:Chrome + Subline Text开发语言:JavaScript三、术语表术语解释呼梯信号调度请求并联控制共用一套呼梯信号系统,把两台或多台规格相同的电梯并联起来控制内呼梯按钮电梯内部发出呼梯信号的按钮,只对单部电梯有效外呼梯按钮电梯外部发出呼梯信号的按钮,对所有并联控制的电梯有效四、项目方案1. 调度算法(1) 内调度:LOOK原创 2022-03-10 10:03:46 · 471 阅读 · 0 评论 -
使用VS Code 调试时出现crbug1173575, non-JS module files deprecated,浏览器无法打开html代码。
用vscode运行程序时,出现crbug/1173575, non-JS module files deprecated解决方法1、打开launch.json,点击调试里的配置2、将configurations下面的配置全都注释掉,问题即可解决。3、按F5重新运行程序,即可发现可以打开网页。...原创 2022-03-09 13:44:53 · 1555 阅读 · 3 评论 -
[已解决]TypeError Can not set property ‘xxx‘ of undefined报错情况分析
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析那篇报错说的是Cannot read ——“不能读取未定义的数据”这个报错是Cannot set ——“不能设置未定义的数据”,也就是说你不能给未定义的数据赋值。可以看到:如果一个变量a没有在data中定义,你这样去给它赋值: this.a = 'hello,world',是没有问题的。这说明跟 数据在不在data中定义 没啥关系。问题在于this的指向th原创 2022-03-09 12:24:29 · 2006 阅读 · 0 评论 -
Vue和Springboot实现SM4加密和解密(前端可加密,后端可加解密,MD5同理)
Vue和Springboot实现SM4加密和解密(前端可加密,后端可加解密,MD5同理)前言一、前端加密输入的密码前置检测粘贴我的 SM4.js 代码在组件中调用加密结果二、Springboot 后端进行 SM4 的解密和加密引入库复制我的 SM4 加解密代码调用方法总结前言网站配置 https 比较麻烦,所以为了我们的用户账户安全,密码在从前端传输到后端的过程中,最好加密一下,选用 SM4 有两个原因,一是国产加密算法,二是这个国密算法是对称的,只要加密和解原创 2022-03-09 11:00:35 · 6185 阅读 · 6 评论 -
Vue3 中setup()和<script setup><script>
setup()方法在组件创建之前执行,是组合式 API 的入口方法可以接受两个参数 props 和 contextsetup方法中,要将数据暴露给页面模板,需要结合ref,和reactive,并使用return官网例子:<!-- MyBook.vue --><template> <div>{{ readersNumber }} {{ book.title }}</div></template><script>原创 2022-03-09 09:39:47 · 1190 阅读 · 0 评论 -
uView(Tabbar 底部导航栏)
(一)第一种方式1,每个菜单页面都要“首页” “发布” “我的” 每个页面都要<template> <view> 首页 <u-tabbar :list="tabBar" @change="changeEvent()" bg-color="rgb(51, 61, 73)" active-color="rgba(8,141,246, 1)" inactive-color="#fff"> </u-tabbar> <原创 2022-03-09 08:05:31 · 1871 阅读 · 0 评论 -
react-router-dom v6 使用
react-router-domreact-router-dom v6 整体体验相对于 v5 ,体验要好更多,最大的一个改变,就是曾经的 Route 不可嵌套,整个路由配置必须拆分成若干小块,除非通过 react-router-config 这种插件,才可以实现对整个路由的管理,然而现在,不需要任何插件就可实现对路由配置的管理。官网地址: react-router当前例子,根据分支对应例子:react-router-dom-v6-examplev6 与 v5 的区别当前环境安装npm原创 2022-03-08 13:25:07 · 188 阅读 · 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-08 12:04:49 · 812 阅读 · 0 评论 -
JavaScript之彻底学会Event Loop
前言学习JavaScript执行机制能更好的理解JavaScript的代码执行顺序,进而更好的理解JavaScript的异步模式。Event Loop即事件循环,是浏览器或Node解决单线程运行时不会阻塞的一种机制。(也可以理解为经常使用的异步)在正式学习Event Loop之前,先提出几个问题:什么是同步与异步?JavaScript是一门单线程语言,那如何实现异步?同步任务和异步任务的执行顺序如何?异步任务是否存在优先级?同步与异步计算机领域中的同步与异步和我们现实社会的同步和异原创 2022-03-08 10:44:28 · 74 阅读 · 0 评论 -
elementUI使用scss自定义主题编译时Using for division is deprecated and will be removed in Dart Sass 2.0.0
解决办法使用通过scss自定义elementUI的主题时,若sass版本不对,编译时会警告Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 虽然不影响正常编译,但是很影响心情,我们只需要在package.json文件里修改"sass": "~1.32.6"即可使用scss文件修改elementUI自定义主题方法Element 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SC原创 2022-03-08 09:24:15 · 253 阅读 · 0 评论 -
2020JS必看面试题
1. javascript的typeof返回哪些数据类型.答案:string,boolean,number,undefined,function,object2. 例举3种强制类型转换和2种隐式类型转换答案:强制(parseInt,parseFloat,number)隐式(== ===)3. split() join() 的区别答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串4. 数组方法pop() push() unshift() shift()答案:push()尾部添加 p原创 2022-03-07 20:53:27 · 3088 阅读 · 0 评论 -
若依管理系统RuoYi-Vue(二):权限系统设计详解
本篇文章试图讲解若依Vue系统中的权限设计原理以及实战,为什么是“试图”?因为这也是摸索着理解的,不一定准若依Vue系统中的权限管理部分的功能都集中在了系统管理菜单模块中,如下图所示。其中权限部分主要涉及到了用户管理、角色管理、菜单管理、部门管理这四个部分。一、若依Vue系统中的权限分类根据观察,若依Vue系统中的权限分为以下几类菜单权限:用户登录系统之后能看到哪些菜单按钮权限:用户在一个页面上能看到哪些按钮,比如新增、删除等按钮接口权限:用户带着认证信息请求后端接口,是否有权限访问,该接口原创 2022-03-07 09:26:46 · 11564 阅读 · 3 评论 -
快速拿捏常用的CSS选择器
文章目录一、基本语法掌握二、CSS的引入方式2.1 内部样式2.2 行内样式2.3 外部样式三、选择器3.1 基础选择器3.1.1 标签选择器3.1.2 类选择器3.1.3 id选择器3.1.4 通配符选择器3.2 复合选择器3.2.1 后代选择器3.2.2 子选择器3.2.3 并集选择器3.3.4 伪类选择器3.3选择器小结CSS主要用来设计网页的样式,美化网页,从页面布局、字体、颜色、背景和其他种种方面提升网页的颜值,因此此原创 2022-03-07 08:03:24 · 116 阅读 · 0 评论 -
【重构前端知识体系之HTML】HTML5的新特性——拖放
【重构前端知识体系之HTML】HTML5的新特性——拖放内容速递引言在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。拖放的操作,多用在拖拽排序列表、游戏拼图等。下文中出现拖放与拖拽表达同一个意思。官方介绍HTML 拖放(Drag and Drop)接口使应用程序能够在浏览器中使用拖放功能。例如,用户可使用鼠标选择可拖拽(draggable)元素,将元素拖拽到可放置(droppable)元素,并释放鼠标按钮以放置这些元素。拖拽操作期间,会有一个可拖拽元素的半透明快照跟随着鼠标指针原创 2022-03-06 03:13:09 · 266 阅读 · 0 评论 -
Vue(踩坑)Error in render “TypeError Cannot read properties of undefined (reading ‘length‘)“
我在网上搜了好久,说是我层级太深了taskfillist我在vuex中的state中定义的是一个空数组<div v-if="taskfillist.length>0">解决办法:在组件mounted过程中,taskfillist声明的空数组。在taskfillist.length前面增加taskfillist&& <div v-if="taskfillist&&taskfillist.length>0">完美解决!原创 2022-03-06 01:52:22 · 676 阅读 · 0 评论 -
Vue3.0项目实战+ElementUI从入门到实战
课程地址:Vue3.0项目实战2021|Vue差异化对比+实操公司后台管理系统|零基础入门前端开发教程(C#/.Net/Vue基础/Vue3技术入门讲解/Vue实战)_哔哩哔哩_bilibili https://www.bilibili.com/video/BV17V411j76p?p=1ElementUI从入门到实战【升职加薪,只争朝夕】-学习视频教程-腾讯课堂 https://ke.qq.com/course/3547529零.开篇介绍Vue3 vs Vue2Vue-cli构建Vue3项目.原创 2022-03-06 00:31:00 · 817 阅读 · 0 评论 -
uniapp组件-uni-transition过渡动画
过渡动画,通常用于元素的过渡效果,例如淡隐淡出效果,遮罩层的效果、放大缩小的效果等一、基础过渡动画<template> <view> <uni-section title="基础过渡动画" type="line"></uni-section> <view class="example-body"> <button @click="open(['slide-top'])">slide-top</button&g原创 2022-03-03 22:43:07 · 1918 阅读 · 0 评论 -
uni-app watch事件监听三种用法
1、普通监听(无法监听到第一次绑定的变化)<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}2、普通监听(可监听到第一次绑定的变化)第一种方式有一个缺点 就是当值第一次绑定的时候 不会执行监听函数,,只有当值改变的时候 才会执行,如果想在第一次绑定的原创 2022-03-03 21:48:15 · 1024 阅读 · 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-03 17:10:27 · 465 阅读 · 0 评论 -
npm ERR code ERESOLVE
在运行npm install时报错:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: operatingsystem@0.1.0npm ERR! Found: vue@3.1.5npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the root projectnpm ERR转载 2022-03-03 16:05:44 · 204 阅读 · 0 评论 -
JavaScript基础语法整理
JavaScript基础语法整理特征注意:JavaScript的组成JavaScript的引入方式内部脚本外部引入JavaScript规范化的标签放置位置JavaScript语法及其规则注释变量基本数据类型JavaScript和JAVA的区别typedef—获取当前变量的类型引用数据类型运算符比较运算符逻辑等和全等运算符逻辑运算符正则对象RegExp对象的创建方式test方法正则对象使用注意事项JS数组对象原创 2022-03-03 15:01:12 · 98 阅读 · 0 评论 -
elementUI中的Popconfirm弹出框自定义调整(按钮位置,颜色调整)
elementUI中的Popconfirm弹出框自定义调整1.需求2.更改组件3.用法只需要加入这段css样式,注意不能使用scoped<style lang="scss">.el-popconfirm__main { margin: 23px 24px 17px 24px; font-size: 14px; font-family: MicrosoftYaHei; color: #333333;}.el-popconfirm__action { marg原创 2022-03-03 13:56:46 · 4607 阅读 · 1 评论 -
Ajax请求的五个步骤
目录Ajax请求的五个步骤一、定义1、什么是Ajax2、同步与异步的区别3、ajax的工作原理二、实现AJAX的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求6、局部更新三、完整的AJAX实例Ajax请求的五个步骤一、定义1、什么是AjaxAjax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交原创 2022-03-03 12:05:18 · 874 阅读 · 1 评论 -
2021前端面试经常被问到的题(附答案)
面试经常被问到的题一、html51、html常见面试题2、艺术喵 2 年前端面试心路历程(字节跳动、YY、虎牙、BIGO)| 掘金技术征文3.前端 100 问:能搞懂 80% 的请把简历给我4、前端优化二、css1.CSS 基础面试题(附答案)2.如何居中div?3. CSS3新特性4.清除浮动5.media媒体查询6.讲一讲Flex布局,以及常用的属性?7.BFC8.px rem em vh vw之间的区别到底是啥?9.0.5px的线10.12px以下的字体原创 2022-03-03 00:14:40 · 131 阅读 · 0 评论 -
高赞 GitHub 项目盘点:中国 Web 开发者路线图
推荐最近很火的 6 个开源项目,本期所有推荐都已经收录到 Awesome GitHub Repo,欢迎各位读者 Star。欢迎 Star:https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo本期推荐的开源项目是:1. 中国 Web 开发者路线图2. 一个简单的绘图应用程序3. 通过 JSON 配置就能生成各种后台页面4. 针对直播、语聊、视频通话等推出的低代码解决方案5.一个 Python 包,可以为你生成假数据6. 数据可视化开放平原创 2022-03-02 13:44:12 · 159 阅读 · 0 评论 -
Web全栈~22.数据结构(线性表)
Web全栈~22.数据结构(线性表)上一期前言数据结构系列的博客,我过去也有写过,但那都是基于C语言。接下来几期关于数据结构的博客则会使用Java来实现。数据结构的逻辑概念就不重复说了,这里提供以前写过的博客链接。顺序表采用一组地址连续的存储单元依次存放数据元素,通过元素之间的先后顺序来确定元素 之间的位置,因此存储空间的利用率较高单链表采用一组地址任意的存储单元来存放数据元素,通过存储下一个节点的地址值来确定节 点之间的位置,因此存储空间的利用率较低。存储方式比较顺序表查找的时间复杂度为 O原创 2022-03-02 12:39:20 · 101 阅读 · 0 评论 -
浅析npm run serve命令
本地开发一般通过执行 npm run serve 命令来启动项目,那这行命令到底存在什么魔法?我们来一探究竟。根据这篇文章思路:使用vue-cli初始化后运行npm run server到底干了什么得知,npm run serve 实际上会执行 vue-cli-service serve(该文件位于 node_modules.binue-cli-service.cmd),查看该文件,发现最终会执行 node vue-cli-service.js serve(该文件位于 node_modules@vue转载 2022-03-02 03:43:25 · 3816 阅读 · 0 评论 -
在Windows中初次安装VS Code详细过程及初始化
前言嗨,大家好,近期有个基于VUE.js的前端的项目,在Idea中开发比较卡。所以就在本地的Windows环境中的电脑安装了VS Code。详细过程记录下来,供大家参考。VS Code介绍VSCode(全称:Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置,也可以通过内置的扩展程序商店安装原创 2022-03-02 02:39:51 · 867 阅读 · 0 评论 -
一招解决vue中Module not found Error Can‘t resolve ‘xxx‘
你是否遇到过类似于这种的报错,是不是觉得很头疼,不知道从哪解决。别急,下面两步解决问题。解决方案:1.删除项目文件夹下的node_modules文件夹2.执行npm install命令,重新安装包。执行完上面两步,应该就解决问题了。...原创 2022-03-02 01:36:09 · 5179 阅读 · 0 评论 -
vue项目中chunk-vendors.js提示报错的查看方法
经常在vue项目中,会有chunk-vendors.js报出的各种错误提示,但可能有的报错很多人不懂的如何查看,接下来,给大家一个示例:上图中的报错,很多人可能只会看【Vue warn】中的错误,而忽略【system】中的错误提示,导致在页面中找了无数个“indexOf”也解决不了错误,其实这条错误产生的步骤都已经在【system】中。让我们由下往上看,错误产生的步骤流程依次是settlement–>otherfun–>list_fun–>audio_play,很明显是因为audio_原创 2022-03-02 00:32:37 · 8479 阅读 · 0 评论