前端
文章平均质量分 56
繁华哟
这个作者很懒,什么都没留下…
展开
-
The import path cannot end with a ‘.ts‘ extension
这是在用 vite+vue+ts 的时候,项目里报出来的。页面里的代码是这么写的<script lang="ts">import settings from '@/settings'export default { setUp() { console.log(settings) return { settings } },}</script>解决方法是在tsconfig.json里改一点东西:{ "compilerOptions": {原创 2022-03-12 13:14:01 · 1272 阅读 · 0 评论 -
vue+elementui Carousel 走马灯 一次轮播4张图片
vue<el-carousel :loop="false" :autoplay="false" height="204px"> <el-carousel-item class="el-car-item" v-for="(list, index) in dataList" :key="index"> <img v-for="(imgList,index2) in list" :key="index2" class="top-img" :src="imgLi原创 2022-03-11 20:08:26 · 888 阅读 · 2 评论 -
Uncaught Invalid geoJson format TypeError Cannot read properties of undefined (reading ‘length‘)
乡镇、街道使用echart时报错解决,在echart.js中找到函数parseGeoJSON,用下边的将其替换即可function parseGeoJSON(geoJson, nameProperty) { geoJson = decode(geoJson); return map(filter(geoJson.features, function (featureObj) { // Output of mapshaper may have geometry nul原创 2022-03-11 18:45:26 · 911 阅读 · 1 评论 -
Springboot+Vue前后端分离项目的部署
Springboot+Vue前后端分离项目的部署项目介绍项目部署准备后端部署数据上传前端部署开放端口总结项目介绍本项目是基于springboot+vue的前后端分离的,数据库用的是MongoDB,前端用了vue+echarts,这也是我一个假期的学习成果吧。项目部署准备本项目最终是运行在云服务器上的,所以先做一些部署前的准备。(我所列出的软件并非必须,你也可以使用其他软件)需要用到的软件:Navicat Premium:开发的时候是在自己电脑上开发的,所以数据都在自原创 2022-03-11 16:08:37 · 1198 阅读 · 1 评论 -
node.js使用报错“The chunk argument must be of type string or an instance of Buffer or Uint8Array“
异常node:internal/errors:464 ErrorCaptureStackTrace(err); ^TypeError [ERR_INVALID_ARG_TYPE]: The "chunk" argument must be of type string or an instance of Buffer or Uint8Array. Received an instance of Array at new NodeError (node:internal/erro原创 2022-03-11 14:44:49 · 3928 阅读 · 0 评论 -
JavaScript中函数的防抖与节流
目录一、函数的节流1.1 定义1.2 解决方法1.3 案例演示1.3 .1? 代码演示1.3 .2? 运行结果?1.3 .3? 添加函数节流操作1.3 .4? 运行结果??二、函数的防抖2.1? 定义2.2? 解决方法2.3? 案例演示2.3.1? 代码展示2.3.2? 运行结果2.3.3 添加函数防抖操作2.3.4? 运行结果一、函数的节流1.1 定义同时触发多次函数执行,执行的是相同内容,要求只执行第一次请求。例如scroll事件,鼠标滚动一次触发多次函数执行,原创 2022-03-11 13:22:43 · 160 阅读 · 0 评论 -
element plus 主题色替换
最近在学习vue3.0,再配合饿了吗,尝试重构一个项目。因为element ui只适用于2.x不适用于3.x。所以只能使用element plus。现在我有一个需求是需要把主题色需要进行替换。使用element plus官网提供的方法设置scss均无效。尝试降低至1.1.0-beta.1之前的版本,这样可以使用和element ui一样的主题编辑器进行设置。但是在网站设置颜色后点击下载,直接报错。这个方法也已失败告终。最后查阅资料使用element-theme可以来解决这个问题。解决方案如下:1、从官原创 2022-03-11 12:01:08 · 1277 阅读 · 1 评论 -
谷粒学院(九)EasyExcel 课程分类模块
文章目录一、EasyExcel 简介1、Excel导入导出的应用场景2、EasyExcel特点3、案例1:EasyExcel进行Excel写操作4、案例2:EasyExcel进行Excel读操作二、课程分类添加功能(后端)1、引入easyexcel依赖2、使用代码生成器把课程分类代码生成3、创建实体类和excel对应关系4、编写 EduSubjectController 类5、编写EduSubjectServiceImpl 类6、创建读取Excel监听器7转载 2022-03-10 12:57:09 · 314 阅读 · 0 评论 -
测试人员必备技能——如何利用F12快速定位前后端BUG
前言在测试人员测试过程中经常需要通过抓包来区分一些前后端的Bug,特别是Web端的测试,利用浏览器中的F12开发者选项,就能进行网站界面测试、调试,分析网页所出现的问题,查看html元素、查看响应事件等方面。F12开发者工具面板用Google打开一个页面,点击键盘右上方的F12按钮,弹出F12开发者工具面板。如下:元素****(Elements):****查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。****控制台(Console):****控制原创 2022-03-10 11:36:14 · 6278 阅读 · 0 评论 -
关于 vite.config.js 相关配置,拿走不谢
使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下:import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'export default defineConfig({ plugins: [vue()],})当以命令方式运行 vite 时,vite 会自动解析项目根目录下 vite.config.js 的文件。配置不全时,在开发环境下运行都是正常的,但是打包上线的时候就会出原创 2022-03-09 13:53:01 · 1427 阅读 · 1 评论 -
Vue安装及环境配置、开发工具
本文主要介绍了Vue的安装及环境配置,新建vue项目,简单介绍vue开发工具和项目结构。文章目录前言一、node.js安装和配置1. 下载安装node.js2. 配置默认安装目录和缓存日志目录3. node.js环境配置4. 配置淘宝镜像源二、安装vue及脚手架1.安装vue.js2.安装webpack模板3.安装脚手架vue-cli 2.x4.vue-cli2创建vue项目三、安装vue-cli 3.x1、卸载旧版本2、安装新版本3、新建项目4、运行原创 2022-03-09 11:08:52 · 148 阅读 · 0 评论 -
vue3+Element-plus icon图标无法显示的问题(已解决)
项目场景:在使用vue3+element-puls时,默认的icon图片无法显示的问题问题描述:在使用element-plus 1.2.0-beta.3版本时引入侧栏组件时,导航左侧icon图标无法显示效果图应该是源码如下<el-row class="tac"> <el-col :span="12"> <h5>Default colors</h5> <el-menu default-ac原创 2022-03-09 09:47:59 · 815 阅读 · 0 评论 -
vite&vue3中使用批量导入 import.meta.glob import.meta.globEager
vite glob-import 官方文档1.引入库以 Vuex4+ 批量导入store模块为例假设有如下目录结构代码:import { createStore } from 'vuex'导入模块const files = import.meta.glob('./module/*.js')或者const files = import.meta.globEager('./module/*.js')注意,路径需为以 ./ 开头)或绝对路径(以 / 开头,相对于项目根目录解析impo原创 2022-03-09 08:13:35 · 5722 阅读 · 0 评论 -
React项目全球新闻发布管理系统 - 新版问题解决方式整理及部署网站至 Netlify
整理了一下新版的变化以及遇到的坑的解决办法,最后也会分享将网站及接口部署的方式。千锋前端-React全家桶_React项目全球新闻发布管理系统https://www.bilibili.com/video/BV1fw411d7R5文章目录P4P5P6P11P15P17P18P22P29P30P34P38P41P43P45P50P67进阶: 多语系网站接口数据部署网站及接口P4反向代理 setupProxy.js 改为:// setupProx原创 2022-03-08 13:33:15 · 640 阅读 · 1 评论 -
nodeinternalmodulescjsloader936 throw err; ^ Error Cannot find module ‘@vuecli-plugin-babel‘
错误背景描述,在网上通过gitee下载了一个项目,执行npm run serve 时报错在网上搜了一下说是执行:npm install babel-plugin-import -D我试了一下并不管用解决方法:1.删除当前项目的node_modules 文件2.再执行 cnpm install 即可...原创 2022-03-08 12:12:52 · 231 阅读 · 0 评论 -
JavaScript提高班之面向对象(六)
JavaScript帝国之行??内容地址JavaScript基础大总结(一) ??https://blog.csdn.net/Augenstern_QXL/article/details/119249534JavaScript基础之函数与作用域(二) ??https://blog.csdn.net/Augenstern_QXL/article/details/119250991JavaScript基础之对象与内置对象(三)??https://blog.csdn.net/Augenstern_原创 2022-03-08 10:52:34 · 84 阅读 · 0 评论 -
Error in mounted hook “TypeError Cannot read property ‘init‘ of undefined“
echarts Cannot read property ‘init‘ of undefined 报错问题查看引入对错Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”我直接 import echarts from 'echarts’时也会报错,所以后面修改了引入时的写法import * as echarts from 'echarts’...原创 2022-03-08 09:32:18 · 918 阅读 · 0 评论 -
Avue-crud常用配置项
Avue是一款基于Element-Ui再封装的一款ui框架,使用方便。但是自己在工作中经常记不住一些配置,虽然Avue官网上面都有这些配置说明,但是有时候自己还是会找很久才找到,为了方便自己今后查找使用,将一些常用的配置梳理在下面1、表格配置项 option<avue-crud :option="option" ref="crud" //表格常用事件 @on-load="getList"//这个事件会在表格所在的组件加载时就会执行后面的getList方法,初始化表格数据。原创 2022-03-08 08:12:16 · 2414 阅读 · 0 评论 -
解决 VS Code 提示‘v-model‘ directives require no argument.eslint(vueno-v-model-argument)
在v-model:value=时会出现如上警告提示,查了一下,之前的解决方案都是:(试了一下,无效)在VScode中,打开 “文件>首选项>设置” 找到右侧用户设置 搜索vetur.validation,找到下面这句vetur.validation真正的解决办法:在.eslintrc.js文件中添加了一段代码。rules: {‘vue/no-v-model-argument’: ‘off’}红色波浪消失。...原创 2022-03-07 09:34:49 · 5335 阅读 · 2 评论 -
手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包
我将在博文中全程以cnpm作为代码格式,为了好复制,它快啊!你要知道node安装包自带npm,npm下载cnpm才可以使用cnpm今日目标:1.上线vue电商后台管理项目2.手写搭建服务器并挂载 (node)3.打包优化 完成上线前期回顾 终于有人能把 服务器 说的这么直白了_活在风浪里的博客-CSDN博客十多万字超详细的电商后台管理系统Vue项目,从零开始,包括后面的打包上线优化,挂载到服务器上如何操作,看后定会收获颇多 ![这里是图片003]https://blog.csdn.net/m0_原创 2022-03-07 08:11:26 · 233 阅读 · 0 评论 -
前端面试:你了解Promise吗?
Promise用于处理一些需要花费长时间的任务,进行异步处理,防止任务阻塞。一般是说解决了回调地狱的问题。那什么是回调地狱?用吃来做比喻:我想吃火锅function getTea(fn) {setTimeout(() => {fn(‘火锅’)}, 1000)}getTea(function (data) {console.log(data);})1s后输出:火锅。(回调函数获取异步数据,所以这里用的是fn,而不是直接return结果。)为了解辣我还想喝奶茶fu原创 2022-03-06 04:43:14 · 94 阅读 · 0 评论 -
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
我是歌谣 放弃很容易 但是坚持一定很酷1前言本文根据自己工作经历编写,若有不合理之处,欢迎吐槽2定义后台管理系统什么 对一个页面进行增删改查 是不是有点像,不重复定义3第一次接触后台管理系统第一次接触后台管理系统是某b站的一个后台管理系统(Vue+Element 实现电商管理系统)那时候还是很努力的去跟着视频编写当时也是认真编写完成这个后台管理系统现在已经找不到那个代码了 当时换了电脑 代码就丢失了反正是b站的视频学习所得3.1原始版后台管理(Vue+Element电商管理系统).原创 2022-03-06 03:21:18 · 2433 阅读 · 0 评论 -
webpack-dev-server启动报错Invalid options object
使用yarn start启动项目时报错package.json相关依赖如下 "webpack": "^4.43.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0"报错信息如下:[webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the原创 2022-03-06 02:00:28 · 762 阅读 · 1 评论 -
vue3中使用element-plus调用message
环境:vue3+typescript+element-plus全局引入element之后,element已经在 app.config.globalProperties 添加了全局方法 $message所以在options API中可以直接使用mounted(){(this as any).message.success("this.message.success("this.message.success("this.message");}在Composition API中setup方法原创 2022-03-06 00:39:07 · 4853 阅读 · 0 评论 -
vite 配置打包之后去掉console 和 debugger
import { defineConfig } from 'vite'import { resolve } from 'path'import vue from '@vitejs/plugin-vue'import { viteMockServe } from 'vite-plugin-mock'import viteSvgIcons from 'vite-plugin-svg-icons'// https://vitejs.dev/config/export default defineC.原创 2022-03-03 22:52:27 · 880 阅读 · 0 评论 -
npm install命令一直失败的坑(好大呀)
执行npm install命令一直失败,报错主要原因如下:reason: getaddrinfo EAI_AGAIN registry.npmjs.org 异常分析这两天一直在vscode终端执行安装```javaPS D:workSoftIntelliJ IDEAworkueue-admin-template-master> npm installnpm ERR! code EAI_AGAINnpm ERR! errno EAI_AGAINnpm ERR! request原创 2022-03-03 16:14:28 · 4588 阅读 · 0 评论 -
Java项目(前端vue后台java微服务)在线考试系统(java+vue+springboot+mysql+maven)
源码获取:博客首页 “资源” 里下载!考试流程:用户前台注册成为学生管理员后台添加老师,系统将该用户角色上升为老师老师登录,添加考试,添加题目,发布考试考生登录前台参加考试,交卷老师后台批改试卷,查看成绩考试查看成绩练习流程:考生登录前台参加练习,练习完自动判分,记录错题考生查看成绩,查看错题角色控制层:/** * 角色控制层 */@RestController@RequestMapping("/v1/authoriti.原创 2022-03-03 15:09:58 · 119 阅读 · 0 评论 -
await is only valid in async function
这个错误的意思是await只能放到async函数内部,言下之意:await必须放到函数里函数必须有async修饰符错误1: 没有放到函数里const myFun = async () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve(1) },1000) })}// 错误: 没有放在函数里res1 = await myFun();cons原创 2022-03-03 12:14:00 · 187 阅读 · 0 评论 -
个人博客系统项目-已开源
博客上线地址:欢迎访问我的博客!http://hikari.top项目介绍实现了一个简单的个人博客系统,技术栈为后端SpringBoot+JPA+MySQL,前端Vue+ElementUI+Echarts系统分为前台展示和后台管理两个部分,前台部分主要分为了引导页,首页,随笔,项目,留言和关于我页面,使用响应式布局,能够自适应移动端,后台有首页,博客管理,撰写博客,用户管理,分类管理,标签管理,评论管理,随笔管理,项目管理,个人中心,图片管理。项目开源地址:博客前端:https://gitee.c原创 2022-03-02 12:48:05 · 287 阅读 · 0 评论 -
球迷 如何在Linux纯命令行玩转谷歌浏览器,边看欧洲杯,边看足球宝贝
大家好,我是Lex 喜欢欺负超人那个Lex擅长领域:python开发、网络安全渗透、Windows域控Exchange架构今日重点:1、Linux骚操作:纯命令行玩转GoogleChrome浏览器;2、在Linux命令行打开足球宝贝的搜索截图谷歌浏览器 Linux版windows下的chrome浏览器,大家肯定都玩的666了吧。今天,出一篇猎奇的文章跟大家介绍一下,如何在Linux纯命令行玩转谷歌Chrome浏览器,边看欧洲杯,边看足球宝贝完成搜索、截图、访问网页等等功能一、新.原创 2022-03-02 03:52:01 · 868 阅读 · 0 评论 -
世间万物皆可为对象
在程序员眼中世间万物皆可为对象,对象不够咱就new~好啦,回到正题在我们前端有很多对象,比如JS函数对象、BOM、DOM…目录JS函数对象简单梳理一下函数&对象:创建对象的三种方式:BOM对象DOM对象总结JS函数对象在该对象身上我所需要学到的东西:函数的作用及定义函数的返回值return函数的参数对象的定义对象的创建分清楚函数与对象的区别简单梳理一下函数&对象:函数——定义:封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复原创 2022-03-02 01:44:47 · 98 阅读 · 0 评论 -
Web前端——跨域问题
目录1.跨域问题2.为什么要跨域?演示跨域问题3.利用jsonp进行跨域演示jsonp跨域演示用jQuery的方式发送jsonp请求简化方法发送jsonp4.用cros进行跨域cros跨域演示5.proxy模式简介1.跨域问题什么是跨域?首先,现代浏览器为了安全,做了一个同源限制.也就是所谓的同源安全策略.本质上,其实是不存在所谓的跨不跨域的.把浏览器想象成一个发送网络请求的软件.按照道理来说,请求都是可以发送出去的.但是在 w原创 2022-03-02 00:41:10 · 401 阅读 · 0 评论 -
Vue.js 客户端模板注入漏洞
漏洞详情由于程序员代码编写不当,将导致用户输入的数据,可以改变客户端模版的执行逻辑,从而造成XSS漏洞。漏洞影响漏洞分析漏洞编写模板如下:const express = require('express');const helmet = require('helmet');const escapeHTML = require('escape-html');const app = express();app.use(helmet());app.get('/', (req, res) =&g原创 2022-03-01 23:37:49 · 494 阅读 · 0 评论 -
spring boot Required request parameter ‘xxx‘ for method parameter type xxx is not present
前端请求方式不同,后端处理方式不同content-Type为 application/x-www-form-urlencoded后端处理方式为@PostMapping("register")public R insertUser(User user){ return R.ok().data("data",UserService.save(user));}content-type 为application/json,返回结果为user对象的json字符串,为String类型,需要使用fa原创 2022-03-01 19:55:01 · 1479 阅读 · 0 评论 -
org.springframework.context.ApplicationContextException Unable to start web server报错(已解决)
org.springframework.context.ApplicationContextException: Unable to start web server报错(已解决)在写springcloud的时候遇到了一些问题,比如报了上面的错误,一开始不知道怎么回事,上网找,发现是springcloud和springboot版本不匹配原来的代码: <!-- springCloud依赖 --> <dependency>原创 2022-02-28 22:29:47 · 2777 阅读 · 0 评论 -
B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码
B站SpringBoot实战练习的资源1. Sql下载地址:2. 前端源码下载地址:3. 后端源码下载地址资源来源——网络资源搜索!github开源项目练习!1. Sql下载地址:链接:点击我下载sql文件提取码:yeb72. 前端源码下载地址:链接:点我下载前端代码提取码:yeb73. 后端源码下载地址链接:点我下载前端代码提取码:yeb7如需在线api文档请联系 qq: 87395809, 表明来意总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自原创 2022-02-26 19:30:07 · 1093 阅读 · 2 评论 -
Java+Servlet+JSP+Mysql+Tomcat实现Web学生选课管理系统
Java实现Web学生选课管理系统一、系统介绍1.软件环境2.系统功能3.数据库二、系统展示1.登录页面2.学生-主页面3.学生-查看个人信息4.学生-选择课程5.学生-查看已选课程6.教师-主页面7.教师-查看个人信息8.教师-评分9.教师-查看任课信息10.管理员-主页面11.管理员-管理员功能-查看个人信息12.管理员-管理员功能-添加新的管理员13.管理员-学生功能-添加学生14.管理员-学生功能-获取所有学生15.管理员-课程功能-添加课程1原创 2022-02-26 14:29:56 · 866 阅读 · 0 评论 -
com.alibaba.fastjson.JSONException expect ‘[’, but int, pos 1, line 1, column 20
错误概况:com.alibaba.fastjson.JSONException: expect ‘[’, but int, pos 1, line 1, column 20错误信息:com.alibaba.fastjson.JSONException: expect '[', but int, pos 1, line 1, column 20 at com.alibaba.fastjson.parser.DefaultJSONParser.parseArray(DefaultJSONParser.j原创 2022-02-24 20:56:46 · 4316 阅读 · 2 评论 -
Unknown custom element <el-image> - did you register the component correct解决方法
在写前端,使用elementUI组件的时候,无法进行正确地读入。刚刚解决好了,特此记录一下。先说一下我的问题:我没有在本地下载elementUI的相关插件包plugins,导致无法运行。或者,我看有的小伙伴是在main.js中没有配置好环境,导入如下代码即可成功运行import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import原创 2022-02-23 21:47:36 · 1707 阅读 · 0 评论 -
[qiankun]Uncaught Error application ‘vue2‘ died in status LOADING_SOURCE_CODE [qiankun] You need t
enviroment主应用 vue-cli搭建微应用1 vue+webpack微应用2 umi3error启动主应用控制台报错Uncaught Error: application ‘vue2’ died in status LOADING_SOURCE_CODE: [qiankun] You need to export lifecycle functions in vue2 entryreasonqiankun 抛出这个错误是因为无法从微应用的 entry js 中识别出其导出的生命周期原创 2022-02-23 00:46:56 · 7873 阅读 · 2 评论