![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 58
鹅鹅鹅呢
这个作者很懒,什么都没留下…
展开
-
vue3 element-plus 全局加载icon组件
main.ts(js)中import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'element-plus'import * as ElIconModules from '@element-plus/icons-vue'import zhCn from 'element-plus/es/locale/lang/zh-cn'const app = createApp(App) .use原创 2022-03-11 20:31:27 · 211 阅读 · 0 评论 -
uniapp使用map地图组件
本人所在的公司最近在做共享电动车的项目,打开该应用看到的就是一副地图,可以获取附近共享电动车的地址、状态等信息,开发这个应用程序还需要在地图上规划路线、动态显示轨迹、轨迹回放等功能。共享开发的项目功能总会用到LBS(Location Based Service),即基于位置的服务,国内提供地图服务的有百度地图、高德地图、腾讯地图,本文选取的是腾讯位置服务来进行地图功能的开发。二、使用步骤1.uniapp开发map说明使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套原创 2022-03-11 19:07:58 · 7149 阅读 · 1 评论 -
npm命令启动前端项目
今天在做码神之路的个人博客练手小项目时,发现前端代码居然不用导进我的springboot项目里,就能够正常和spingboot里的后端代码联系起来。这看的我云里雾里,脑袋里有许多的问号,毕竟我真的没有接触过东西,觉得奇妙又头疼。研究了一个多小时之后,我才成功的在npm平台上启动前端项目,以下是从无到有用npm启动前端项目的步骤:1. 下载Nodejs下载Nodejs,要较新版本的,新版本里集合了npm,不用我们自己去下载,官网点下载,非常方便2. 进入命令环境打开电脑自带的命令提示符(搜索cmd原创 2022-03-11 15:07:24 · 13374 阅读 · 0 评论 -
Java之MinIO存储桶和对象API使用
MinIO Java Client SDK提供简单的API来访问任何与Amazon S3兼容的对象存储服务。官方demo: https://github.com/minio/minio-java官方文档:https://docs.min.io/docs/java-client-api-reference.html新版 MinIO和旧版在 API使用上还是有一定的区别,比如:新版 MinIO采用 Builder构建者模式来构造 MinioClient对象。所以,官方demo仅供参考,尽量查看英文官方原创 2022-03-11 13:45:08 · 3256 阅读 · 1 评论 -
Ajax Interceptor使用介绍
一、介绍与安装**介绍:**Ajax Interceptor是一个用于修改 ajax 请求响应的 chrome 扩展,修改ajax请求并返回结果的chrome插件。注:此扩展仅覆盖 XML HTTP Request 对象中的响应数据以及 fetch 方法,且在 DevTools 的 “ 网络 ” 面板中看到的 “ 真实 ” 响应数据不会改变。建议在不使用时关闭此扩展程序(图标应为灰色)。**安装:**在谷歌浏览器中搜索Ajax Interceptor,点击第一个搜索结果Ajax Interceptor原创 2022-03-11 11:02:00 · 278 阅读 · 0 评论 -
防华为手表太空人主题界面 html5 代码实现
效果图浏览器展示项目代码结构代码展示index.html 主页代码<html><head> <title>太空人表盘</title> <meta charset="UTF-8"> <link href="./assets/css/style.css" rel="stylesheet"> <script src="./assets/js/timeGeneration.js">&转载 2022-03-10 13:19:14 · 305 阅读 · 0 评论 -
简单解决 Blocked a frame with origin XXX from accessing a cross-origin 。iframe跨域问题
大多数是因为使用 window.parent 或 top.xxxx在子页面,想使用父页面的参数,但是原因两个的域名不一样,所以会出现跨域问题解决方法:在子页面window.postMessage("message", '*');//后面的*号就是处理跨域问题的然后在父页面window.addEventListener('message', function (msg) {console.log(msg.data);})设置监听的方法就可以了...原创 2022-03-10 11:58:21 · 15358 阅读 · 2 评论 -
尽可能详细的文件上传讲解
尽可能详细的文件上传讲解文章目录尽可能详细的文件上传讲解0x01 upload-labs master的安装0x02 前端JavaScript检测0x03 检测文件类型0x04 根据文件头检测文件类型根据文件内容类型0x04 检测文件名进行过滤黑名单绕过大小写绕过白名单绕过空字符绕过deldot()绕过流特性绕过双写绕过0x05 检测文件内容进行过滤二次渲染绕过upload其他优秀题目06 文件上传的危害文件上传绕waf大部分看到原创 2022-03-10 10:33:54 · 43737 阅读 · 0 评论 -
前端Promise总结笔记
目录一.什么是Promise:二.为啥使用Promise:三. promise初体验:四:promise体验ajax请求:五:Promise封装ajax请求:六:promise的状态改变:七:Promise基本流程图:八:Promise的API 使用:1. Promise 的构造函数:Promise(executor){}2. Promise.prototype.then 方法: (onResolved, onRejected)=> {}3.Promise.转载 2022-03-09 14:14:59 · 2542 阅读 · 1 评论 -
Vue通过axios跨域问题:Access to XMLHttpRequest at ‘http127.0.0.18000apiauction‘ from origin
问题描述:通过使用Vue向后台发生请求时,被浏览器CORS阻止:原因分析:浏览器跨域问题:跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。解决方案:1.js通过jsonp实现绕过浏览器通过script进行跨域请求2.vue中使用axios跨域1.创建vue.config.js文件如下:module.exports = { devServer: { proxy: { '/api':原创 2022-03-09 11:31:11 · 1045 阅读 · 0 评论 -
Vue3.x属性继承报错解决
编写vue组件的时候莫名报了下面的警告:[Vue warn]: Extraneous non-props attributes (border, style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.at xxxx(发生问题的组件位置)at ...解决:在自定义组件上添加了border、style属性原创 2022-03-09 10:10:16 · 924 阅读 · 0 评论 -
vue Syntax Error Error PostCSS plugin postcss-pxtorem requires PostCSS 8
vue Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8.Migration guide for end-users:关于脚手架生成项目,配置自适应postcss-pxtorem配置报错首先你在.postcssrc.js文件正常配置(详细配置)module.exports = { plugins: { // 兼容浏览器,添加前缀 autoprefixer: { override原创 2022-03-09 08:35:32 · 1517 阅读 · 0 评论 -
Syntax Error TypeError this.getOptions is not a function
出现问题场景:vue运行项目过程中报错检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的 scss-loader 版本太高,卸载安装低版本即可npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装// 如果node-sass安装失败,也可以直接在package.js原创 2022-03-08 13:55:15 · 85 阅读 · 0 评论 -
npm install报错error 404 Not Found - GET httpsregistry.npm.taobao.org@xt
1.问题场景:vue cli3老项目重启,npm install安装报错。错误信息:4327 error code E4044328 error 404 Not Found - GET https://registry.npm.taobao.org/@xtuc/long/-/long-4.2.1.tgz - [not_found] document not found2.解决办法2.1先查看有没有设置代理执行下面的命令npm config get proxynpm config get原创 2022-03-08 12:34:51 · 827 阅读 · 0 评论 -
Jmeter性能测试 ------ 熟悉Jmeter使用
做性能测试之前要对Jmeter有一定的了解,本文通过案例,帮大家快速上手Jmeter。如果你已经在用,那么可以忽略。我用的是Jmeter 5.4.3版本1、切换语言打开Jmeter后默认英文,如果想切换成中文可以在Options->Choose Language->Chinese(Simplified)设置成简体中文。2、新建请求首先,我们需要新建一个线程组接下来的所有操作,都是在这个线程组下进行。在线程组下新建请求以前,都需要新建三个元件:Cookie管理器,http默认原创 2022-03-08 11:14:34 · 195 阅读 · 0 评论 -
grep常用方法
grep常用方法grep匹配多个关键字1、 grep ‘字符串’2、 反向匹配grep -v ‘字符串’3、 grep -E 同时匹配多个关键字–或关系4、 同时匹配多个关键字–与关系通配符(匹配文件名)常用正则表达式(匹配文件内容)grep常用语法grep匹配多个关键字grep 命令非常常用,经常用于匹配文本字符。一般情况下,grep 命令只能匹配一个关键字,怎么实现匹配多个关键字呢?下面看几种情况:1、 grep ‘字符串’这是最普通的使用方式原创 2022-03-08 09:54:13 · 1685 阅读 · 0 评论 -
Chrome速度惊人,不到30天修复40个漏洞
作者 | Ryan Schoen整理 | 张洁2012年来,Project Zero一直专注于挖掘安全研究人员更难发现的安全漏洞,从而提高互联网的安全性。他们与各行各业的人合作,目的是为了修复安全漏洞和更新人们的软件。据Project Zero中的Ryan Schoen统计,2021年,供应商平均需要52天来修复Project Zero报告的安全漏洞。与3年前相比,少了28天,已经取得了很大的进步。一旦供应商在标准期限内收到错误报告,会有90天的时间来修复它并向公众发布修补版本,另外还有14天的宽限原创 2022-03-08 08:34:11 · 69 阅读 · 0 评论 -
解决电信网络Echarts官网打不开的问题
解决电信网络Echarts官网打不开的问题1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4,双击4、修改DNS1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4,双击4、修改DNS将dns修改为:(腾讯)首选:119.29.29.29备用:192.168.5.1(谷歌)首选:8.8.8.8备用:8.8.4.4(114)首选:114.114.114.114备用:114.114.115.115以上随原创 2022-03-07 10:00:02 · 990 阅读 · 0 评论 -
无废话快速上手React路由
本文以简洁为目标,帮助快速上手react-router-dom默认你接触过路由相关的开发安装输入以下命令进行安装:// npmnpm install react-router-dom// yarnyarn add react-router-domreact-router相关标签react-router常用的组件有以下八个:import { BrowserRouter, HashRouter, Route, Redirect, Switch, Link, N原创 2022-03-07 08:36:44 · 73 阅读 · 0 评论 -
基于QueryWrapper,实现MybatisPlus多表关联查询
版权声明:请勿用于任何商业用途的文章转载,转载请说明出处!1.dao层接口使用Select注解写SQL:重点:@Param(“ew”) Wrapper参数是必须,因为${ew.customSqlSegment} 底层其实就是where 条件,所以为了保证Wrapper不为空,service层代码中的Wrapper至少需要有一个条件:1 = 1@Override @Select("select a.code as code , b.name as name , b.barcode as barc原创 2022-03-06 05:05:25 · 5134 阅读 · 0 评论 -
你真的了解爬虫吗?看完你会对网络爬虫有更深更全面的认识
前言爬虫是门很有意思的技术,可以通过爬虫技术获取一些别人拿不到或者需要付费才能拿到的东西,也可以对大量数据进行自动爬取和保存,减少时间和精力去手动做一些累活。可以说很多人学编程,不玩点爬虫确实少了很多意思,不管是业余、接私活还是职业爬虫,爬虫世界确实挺精彩的。今天来给大家浅谈一下爬虫,目的是让准备学爬虫或者刚开始起步的小伙伴们,对爬虫有一个更深更全的认知。文章目录前言一、认识爬虫1.什么是爬虫?2.爬虫的分类3.Robots协议二、爬虫的基本流程1.爬虫的4步2转载 2022-03-06 03:44:35 · 299 阅读 · 0 评论 -
[Vue warn] Error in mount hook “TypeError Cannot read properties of null (reading ‘getAttribute‘)
在vue项目中,使用echarts报一下的错误:[Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化,利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象<div id="mian" ref="chart" ><原创 2022-03-06 02:22:34 · 466 阅读 · 0 评论 -
vue中使用Luckysheet实现Excel的导入、在线编辑、导出等功能
一、准备阶段1、在pubilic文件夹下的index.html文件中的head标签中引入Luckysheet的cdn文件 <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@latest/dist/plugins/css/pluginsCss.css' /> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet@原创 2022-03-06 01:01:13 · 2037 阅读 · 0 评论 -
this.$refs[‘form‘].resetFields()方法重置表单无效的坑
this.$refs[‘form’].resetFields()方法重置表单无效的坑1、用法不对要想this.$refs[‘form’].resetFields()方法有效,必须配置el-form :model 属性和el-form-item中的prop属性,才可以。注意:this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值,不是清空表单,当表单第一次在页面中渲染时所用的数据就是初始数据。2、坑1在还没有显示对话框之前就调用this.$refs[‘form原创 2022-03-05 23:40:16 · 1193 阅读 · 0 评论