前端
文章平均质量分 59
普通网友
这个作者很懒,什么都没留下…
展开
-
Stream流Collectors.toMap用法
package com.best.buc.verification.constant;import lombok.AllArgsConstructor;import lombok.Getter;import lombok.Setter;import java.util.ArrayList;import java.util.Collection;import java.util.List;import java.util.Map;import java.util.function.Func原创 2022-03-12 13:13:28 · 356 阅读 · 0 评论 -
VUE+element-ui文件上传
文章目录图片上传+显示(ImageCropper)图片上传(el-upload)+显示(img)文件上传(el-upload)注意图片上传+显示(ImageCropper)此前端代码自己封装了自动文件上传,只需要配置后端接口需求URL以及对应的图片上传成功后的处理函数,后端返回OSS生成的图片访问地址,然后cropsuccess函数将上传成功的图像进行显示。 <template> <div class="app-container">原创 2022-03-11 20:07:52 · 3533 阅读 · 1 评论 -
Uncaught (in promise) Error
报Uncaught (in promise) Error错误解决办法基本上是因为使用promise出现的,下面记录一下我的解决办法,有两种情况使用axios请求接口时,在then()后加上catch()export function stopMCUMixTranscode(params) {return new Promise((resolve, reject) => {axios.post(********, params).then((res) => {resolve(r原创 2022-03-11 18:44:50 · 4446 阅读 · 0 评论 -
SpringBoot+Vue前后端分离项目的搭建及简单开发(这次保证看明白~)
文章目录概述一、搭建SpringBoot后端1.sql脚本2.新建SpringBoot项目3.MP代码生成4.编写Controller二、搭建Vue前端1.IDEA安装Vue.js插件2.IDEA启动Vue项目3.编写Vue代码4.接收后端数据三、Element UI使用1.简单的数据展示2.Element-ui更多…参看:https://www.bilibili.com/video/BV137411B7vB概述vue+springboot+原创 2022-03-11 16:08:02 · 1427 阅读 · 0 评论 -
node.js16.13.0版本 对应node-sass sass-loader 可行版本号
安装node.js的时候,从官方下载了最新的版本v16.13.0,于是在vue项目中使用lang="scss"的时候,就掉进了一个大坑里,安装sass-loader会发现各种版本冲突,不是webpack就是node-sass…。查阅相关资料发现node.js与node-sass的版本对应关系。还查到了node.js的16版本对应着sass-loader的10.0.1,经过测试还是不行,于是我查看了sass-loader的已发布版本,试了一下v10.2.0,然后就可以了。安装淘宝镜像npm insta原创 2022-03-11 14:44:13 · 973 阅读 · 0 评论 -
JavaScript中WebAPI知识
目录1、什么是WebAPI2、DOM中的基本概念2.1、DOM树(文档对象类型)3、获取元素和事件3.1、获取元素?3.2、事件4、操作元素4.1、获取/修改元素中的内容4.2、获取/修改元素中的属性4.3、获取/修改表单元素中属性4.4、获取修改样式属性4、如何操作节点4.1、新增节点1)创建元素节点2)插入到Dom树中4.2、删除节点1、什么是WebAPIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义的函原创 2022-03-11 13:22:08 · 596 阅读 · 0 评论 -
Element implicitly has an ‘any‘ type because expression of type ‘any‘ can‘t be used to index type 报错
Typescriptlet obj = { a: "hey", b: "you", c: "guys" };for (const k in obj) { console.log(obj[k].toUpperCase()); // error! /* Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ a: string; b: str原创 2022-03-11 12:00:34 · 1011 阅读 · 0 评论 -
谷歌浏览器跳出搜狗网址导航
各位大神先描述一下我的现象我设置了启动时打开特定的网址,启动打开百度网址,但是打开谷歌浏览器后,百度网址出现了,紧接着打开另一个标签页,是搜狗网址导航,且是以轮询的方式,首次打开没有网址导航,关闭后再重新打开一次就有网址导航我查看了前辈的经验,也进行了检查1、左键→属性中,快捷方式→【目标】中会含有搜狗的网址,经检查,无2、左键→属性中,常规里,属性只读不勾选,经检查,没有勾选3、谷歌浏览器设置中,启动时,是设置得打开特定网页或一组网页,只有设置的百度没有其他网址有大佬碰到此问题我们可以交流一下原创 2022-03-10 12:56:35 · 1692 阅读 · 2 评论 -
浅谈Vuex的使用
正如Redux一样,当你不知道是否需要Vuex那就是不需要。不要因为想用Vuex而使用它。用过Vue的人都知道,Vuex是Vue的一个全局状态管理模块,它的作用是多个组件共享状态及数据,当某个组件将全局状态修改时,在绑定了该状态的另一个组件也将响应。实际上可以将Vue理解为一个function,在Vue的作用域中有一个数据代理,在每个Vue的实例中都能对其读和写我们都知道Vue的数据驱动原理是用Object.defineProperty()进行数据代理,在setter中对数据绑定的view进行异步响应(原创 2022-03-10 11:35:39 · 219 阅读 · 0 评论 -
【2021-11-16】小红书web端数美验证码
声明:本文只作学习研究,禁止用于非法用途,否则后果自负,如有侵权,请告知删除,谢谢!文章目录前言一、cookie算法二、滑块验证码三、流程实现前言小红书web端,请求时需携带cookie,然而,请求过多会出验证码,如下链接https://www.xiaohongshu.com/web-login/captcha?redirectPath=http%3A%2F%2Fwww.xiaohongshu.com%2Fdiscovery%2Fitem%2F605eb4920000000021036原创 2022-03-09 12:32:00 · 2136 阅读 · 0 评论 -
Vue安装及环境配置
一、安装node.js官网:Download | Node.js历史版本:Previous Releases | Node.js或者下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。二、设置nodejs prefix(全局)和cache(缓存)路径1、建议安装的路径不要有中文2、新建node_global和node_cache两个文件夹可以在nodejs安装路径下,新建3、设置缓存文件夹npm config set cache "E:odeode_cache"原创 2022-03-09 11:08:17 · 1118 阅读 · 0 评论 -
vue3+element plus使用修改element的主题色问题
用vue的cli脚手架搭建了一个vue3项目(用的node-sass),使用element plus库,按照饿了么官方文档自定义主题操作后,发现项目报错如下:感觉很神奇,当初vue2和element我就是这样类似操作的呀,都可以成功的嘛解决办法:经过一系列排查后发现,将node-sass换成dark-sass就可以解决问题了。原因分析按照报错提示进入到node_modules/element-plus/packages/theme-chalk/input-number.scss文件发现这些s原创 2022-03-09 09:47:25 · 1312 阅读 · 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-09 08:13:00 · 1408 阅读 · 0 评论 -
node16.0版本 对应node-sass sass-loader 各个版本号
"node-sass": "^6.0.1", "sass-loader": "^10.0.1",试了半天啊我真的泪目了希望给各位省点时间吧https://www.npmjs.com/package/node-sass原创 2022-03-08 12:12:18 · 505 阅读 · 0 评论 -
JavaScript提高班之ES6(七)
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:51:59 · 111 阅读 · 0 评论 -
Error in mounted hook Errorplease transfer a valid prop path to form item
问题出现场景:在el-select 绑定对象且回显数据情况下,控制台会报标题的错代码:回显接口返回也是entityVO的对象,数据正常回显没有问题,只有控制台报错,因为此处prop 绑定的是对象的entityId的属性值,并不是对象,所以在回显的时候 单独赋下值,问题解决。...原创 2022-03-08 09:31:44 · 2041 阅读 · 0 评论 -
asyncawait让异步编程更简单,全方位讲解,手把手教你能不会?
简单来说,async/await是基于promises的语法糖,使异步代码更易于编写和阅读。一、async:async创建一个异步函数来定义一个代码块,在其中运行异步代码;怎样变成异步函数呢?以async这个关键字开始,它可以被放置在一个函数前面async function f() { return 1;}f().then(alert); // 1//上下结果一样async function f() { return Promise.resolve(1);}f().the原创 2022-03-08 08:11:42 · 94 阅读 · 0 评论 -
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-07 21:01:40 · 254 阅读 · 0 评论 -
解决 TS2614 Module “.vue“ has no exported member(Vue3+TypeScript)
解决 TS2614: Module “*.vue” has no exported member(Vue3+TypeScript)问题解决问题最近使用TS+Vue3.2写项目时碰到个问题:Vue组件中定义了一个接口并导出,在另一个TS文件中import这个接口,报TS2614的错误。在其他Vue组件中导入则不会报错。<script setup lang="ts">//vue组件中的接口定义export interface IProps { description: s原创 2022-03-07 09:34:15 · 10792 阅读 · 6 评论 -
手写 Promise ?∑(っ °Д °;)っ 这么简单
前言不知不觉搁了 5 个月了,今年(农历)真的是很忙,忙的都没有兴致写博客了。最近心血来潮,按照自己的思路实现了一个 Promise,写的很快,代码也相当简单,特来记录分享一下,作为 2022 年开篇博文。初想实现function getData() { return new Promise((resolve, reject) => { setTimeout(() => { resolve({code: 200, data: {desc: '原创 2022-03-07 08:10:51 · 541 阅读 · 0 评论 -
前端面试,如果连前端基础都没有掌握,那还能面试成功吗?
前言基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架再好,无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。(本篇文章可能只是适用于刚毕业的同学或者毕业 2 年之内的小伙伴,大家酌情阅读~~~)面试准备1)准备面试简历:个人基本信息:如姓名、年龄、联系电话、邮箱,专业,学校等工作经历:包括工作时间、公司、岗位、职责、技术栈、突出业绩等。对工作理解和掌握情况:说明每个技能点是了解、熟悉、熟练使用、还是精通的水平。精准定位应聘岗位任职要求。其他原创 2022-03-06 04:42:39 · 729 阅读 · 0 评论 -
一文带你使用Vue完成移动端(apk)项目
我们项目使用的是Vue和Vant组件,详情都可以看官网哦VantVue完整项目视频链接目录结构:基本配置入口文件main.js首先做一个引入我们的Vant UI组件是按需引入,而Element UI是全部引入所以引用方式也不同main.js完整代码// 引入Vueimport Vue from 'vue'// 引入根组件App.vueimport App from './App.vue'// 引入router路由import router from './router原创 2022-03-06 03:20:43 · 6288 阅读 · 2 评论 -
webpack 打包报 Error Unknown option ‘-p‘ 解决办法
报错截图:这是我写的:修改之后:打包完成:原创 2022-03-06 01:59:54 · 688 阅读 · 0 评论 -
vue3中使用$refs
1、在vue2中可以通过this来访问到$refs,vue3中由于没有this所以获取不到了,但是官网中提供了方法来获取知道了怎么获取后,我们结合ElementPlus来使用,因为项目中用到了ElementPlus的表单验证,官网也是醉了,还写的是vue2的写法话不多说,上代码由于我得form表单外面包了一层el-dialog,是不能在onMounted中获取到$refs的,应该在触发对应事件,让dialog绑定的v-model变为true的获取获取 label-position=原创 2022-03-06 00:38:32 · 2173 阅读 · 0 评论 -
JavaScript 中的 7 个杀手级单行代码
?? 作者主页:海拥?? 作者简介:??CSDN全栈领域优质创作者、??HDZ核心组成员?? 粉丝福利:粉丝群 每周送13本书,不定期送各种小礼品直接跳到末尾 去评论区领书JavaScript 是 Web 开发最重要的支柱。洗牌阵列在使用需要一定程度随机化的算法时,你经常会发现洗牌数组是一项非常必要的技能。以下代码段以复杂的方式对数组进行混洗。O(n log n)const shuffleArray = (arr) => arr.sort(() => Math.random() -原创 2022-03-05 20:24:54 · 91 阅读 · 0 评论 -
vite + vue3 使用 @vitejsplugin-legacy 在 IE11 报错 strict 模式下不允许访问函数或参数对象的“caller”属性的原因
虽然 vite 官网还显示着 @vitejs/plugin-legacy,但 vue3 完全放弃了对 IE11 的支持了,如果想兼容 IE 浏览器只能用 Vue2 版本,参考:https://github.com/vitejs/vite/issues/4549原创 2022-03-03 22:51:37 · 2193 阅读 · 0 评论 -
SpringBoot之整合Shiro(最详细)
1.SpringBoot整合Shiro思路2. 环境搭建2.1 创建项目2.2 引入依赖pom.xml<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency&g原创 2022-03-03 17:18:25 · 569 阅读 · 0 评论 -
JavaWeb项目(登录注册页面)全过程详细总结
JavaWeb项目(登录注册页面)全过程总结文章目录JavaWeb项目(登录注册页面)全过程总结一、环境准备与开发工具二、创建 JavaWeb 项目2.1 新建Dynamic Web Project项目2.2 创建前端页面2.2.1 登录页面1.login.jsp2. login.js3. time.js4. focus.js + animate.js2.2.2 注册页面(register.jsp)2.2.3 修改密码的页面(change_pwd.jsp)2.2原创 2022-03-03 15:09:07 · 4178 阅读 · 2 评论 -
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
场景如下,第一次点击找不到init(一般人做不出来这种操作) /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id原创 2022-03-03 14:04:38 · 329 阅读 · 0 评论 -
avue-crud 通过行状态来自定义显示编辑按钮
从 avue-crud 的官方文档中我们可以知道,操作栏的按钮是否显示是通过 option 中相应的 Boolean 值控制的,比如:delBtn 对应删除按钮editBtn 对应编辑按钮但是,这种控制是会对整个表格生效的,那如果我想根据行状态来自定义控制每一行的按钮是否显示呢?该怎么做?我的做法是根据官网的例子,用自定义插槽实现 <template slot="menu" slot-scope="{ row, index }"> <el-button原创 2022-03-03 12:13:10 · 3935 阅读 · 1 评论 -
2022年,一款比Postman还要好用的接口工具
RunApi介绍RunApi 是一款集调试、测试、文档输出以及项目协作的接口工具(功能上类似postman)。目前支持客户端版和在线精简版 ,包含接口测试/项目协作等功能。RunApi 接口文档的生成与自动输出可以说是集成了showdoc 的功能。showdoc 这里就不展开介绍了,参考( www.showdoc.com.cn/help ) 。RunApi 则以接口为核心,主要包含接口测试、管理等一系列功能。关键点就是:它可以自动生成文档到showdoc,以及共用showdoc的团队管理机制,很好地原创 2022-03-03 00:22:35 · 444 阅读 · 0 评论 -
三步教你编写一个Neumorphism风格的小时钟
本文目录序Neumorphism正文开始一、时钟表盘编写二、时钟指针编写三、时钟组件的调用完整组件代码序又到了自己编写组件的时节了作为一名前端开发者,平时也是阔以没事可以写写自定义的组件,增加一下自己的阅历,实际开发中用到也可以通过CV大法去快速开发先提前来看一下最终的效果:先问一个小问题,现在大家现在更习惯于看哪种样式的时间,是钟表类型还是数字类型?(虽然你们的回答影响不了我做一个钟表啦)钟表时间:数字时间:Neumorphism目前网上.原创 2022-03-02 12:47:15 · 212 阅读 · 1 评论 -
基于若依开发管理项目中引入工作流引擎activiti7,包含前后端(原创)
原项目中用到了工作流引擎,使用若依框架开发,原二开使用项目:https://gitee.com/y_project/RuoYi-Vue基于activiti7地址:https://gitee.com/smell2/ruoyi-vue-activiti导入模块到原二开项目中使用步骤admin导入bpmn文件,或者绘制工作流,并激活。post为普通员工进入我的审批可以查看所有审批(经销商角色)数据会存入历史表和任务表历史表展现全部任务数据,task会展示对应岗位的相应条数据登录商管账号,进入原创 2022-03-02 02:47:38 · 6153 阅读 · 0 评论 -
下载并安装vue-devtools(详细步骤)
1,访问github地址:https://github.com/vuejs/devtools下载安装包(zip)(之前是dev和master分支,现在没有了,现在找的这个分支能用);2,进入到解压后的devtools-add-remote-devtools包中,在文件夹路径中打开cmd窗口,执行npm i(如果慢的话可以使用cnpm淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org)3,然后执行npm run bu原创 2022-03-02 01:43:58 · 963 阅读 · 0 评论 -
web元件库、axure元件库、通用元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库、axure元件库、通用元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴、Axure原型Axure原型演示及下载地址:https://www.pmdaniu.com/storages/125253/55b881a6a86fda1373459cf8dfb07a73-114945/start.html#g=1&p=indexweb元件库、axure元件库、通原创 2022-03-02 00:40:21 · 513 阅读 · 0 评论 -
vue-router.esm-bundler.js6c0271 [Vue Router warn] No match found for location with path
vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path又是低级问题,上图点击news之后没有显示想要的仔细看了一遍发现home前多了一条斜杠。。。。。。改掉ok原创 2022-03-01 23:36:59 · 456 阅读 · 0 评论 -
sharding-jdbc-spring-boot-starter最简单使用
前言网上已经有很多的关于sharding-jdbc的使用,但是很多都是抄来抄去,说的也不是特别的完整,作者本来是闲来无事想跑起来试一下效果,但是找了一些文档都不是说的很明白。而且很多都是使用的是sharding-jdbc-core ,但是我们现在开发应该很少用spring mvc开发吧,大部分都是springboot开发,所以还是想用starter的方式。经历不断试错后搭建起最简单的、配置代码最少的测试案例。如果帮助到了你帮忙点赞啊。一、引入依赖mybatis-spring-boot-starte原创 2022-03-01 19:54:10 · 2777 阅读 · 0 评论 -
nvm安装nodejs 运行use命令时报错exit status 1 д
错误提示:exit status 1: ???д???换目录重新安装多次都没用猜测应该是权限问题遂将cmd以管理员身份运行ok问题解决原创 2022-02-28 22:28:58 · 358 阅读 · 0 评论 -
maven子模块无法引入父模块依赖定义的版本号问题解决
问题描述今天按平常步骤建立一个父工程来统一子工程的依赖版本号的时候,发现子工程的依赖继承异常,子模块pom文件爆红。如图所示:父模块配置文件:<groupId>net.togogo</groupId> <artifactId>mybatisdemo</artifactId> <packaging>pom</packaging> <version>1.0-SNAPSHOT</version>原创 2022-02-28 20:16:13 · 983 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
报这个错主要是因为子组件还没加载完成就对子组件进行赋值,推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50);父组件传值给子组件,子组件不能直接修改,会报错//子组件修改父组件的值this.$emit('名字','值');//子组件调用父组件的方法this.$emit('方法', va原创 2022-02-26 23:21:25 · 758 阅读 · 0 评论