![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 53
普通网友
这个作者很懒,什么都没留下…
展开
-
postman学习笔记与相关面试题(含部分接口测试知识,可用于Jmeter的运用)
一、了解1、什么是接口(API)?内部接口:开发人员自行开发,对自己的系统提供模块之间数据交互。用户接触不到,对安全性的要求不高。外部接口:系统对外提供的服务接口(银行:提供接口给微信等应用);对安全非常重视,所以测试的覆盖率需达到极致。开发系统调用外部的接口(电商项目:使用微信、支付宝的接口)。只需要测试正例即可。总结:软件提供给外部的一种服务,主要用于交互数据。2、为什么需要接口?能够让内部的数据被外部进行修改(银行—微信)。3、为什么要做接口测试?①项目前后端..原创 2022-03-12 13:08:31 · 1131 阅读 · 0 评论 -
Vue 移动端实现调用相机扫描二维码或条形码
一、开发前的准备实现二维码或条形码的扫描识别比较普遍的做法是去调用微信 JS-SDK 的扫一扫功能(详见 概述 | 微信开放文档),或者支付宝 H5 开放的API(详见?支付宝H5开放文档)。但是这两者都会比较麻烦且有一定的局限性,微信的扫一扫只能在微信里用,而且还需要公众号认证等配置操作。支付宝在内置 App 内可以同时识别二维码和条形码,但外部调用的 API 无法一次性同时识别,只能分开识别。我这里就提供一个直接使用的开源库:https://github.com/zxing-js/library,原创 2022-03-11 20:02:47 · 3613 阅读 · 8 评论 -
TypeError token.type.endsWith is not a function vue eslint 问题解决
1. 问题原因今天用vue-cli搭建了一个脚手架 发现 let / await / async 关键字不能用会直接报错token.type.endsWith is not a functionasync / await 会报错 删除了就好了. let 也不好用 换成var就好用了 这就很奇怪2. 问题排查排查了很久发现是eslint的问题, 然后各种百度, 发现有个issue讨论过这个问题这是我之前的package.json{ "name": "orion-ops-vue.原创 2022-03-11 18:39:51 · 535 阅读 · 0 评论 -
selenium弃用警告DeprecationWarning find_element_by_ commands are deprecated. Please use find_element()
意思:弃用警告:不推荐使用 find_element_by_* 命令。 请改用 find_element()原来的写法:el = web.find_element_by_xpath('//*[@id="changeCityBox"]/p[1]/a')现在的写法:记得先导入from selenium.webdriver.common.by import Byfrom selenium.webdriver import Chromefrom selenium.webdriver.common.by原创 2022-03-11 16:02:54 · 306 阅读 · 0 评论 -
MySQL8.0.26安装配置教程(windows 64位)
目录一.进入MySQL官网下载安装二. 配置并初始化MySQL三.配置环境变量四.检验安装一.进入MySQL官网下载安装进入Mysql官网MySQL点击DOWNLOADS下拉页面点击红框内容跳转页面后点击红框下载后并解压到目标文件夹(一定要记住路径)二. 配置并初始化MySQL首先创建一个txt文档,并复制如下代码其中安装目录需更改为你所下载的目录存放目录需改为事先新建好的data文件夹目录[mysqld]# 设置3306端口port=3306# 设置mysql的原创 2022-03-11 14:39:13 · 183 阅读 · 0 评论 -
JavaScript — DOM的增删改查、节点、事件、文档的加载
目录一、DOM二、节点三、事件四、文档的加载五、DOM查询1.获取元素节点2.获取元素节点的子节点?3.获取父节点和兄弟节点4. 其他DOM查询的方法常用搜索方法总结:5.matches()与closest()六、DOM的增删改?创建新节点的方法插入和移除节点的方法七、DocumentFragment一、DOMDOM,全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。原创 2022-03-11 13:17:10 · 110 阅读 · 0 评论 -
el-upload上传时的file-List的基本用法
关于el的file-List用法官网有写,但是一直搞不懂的时url到底是什么地址,跟上传地址有什么区别。于是百度下,有人这么写,意思是url就是文件的地址。难道官网的url就是网上图片的地址?有人问了,那要是本地地址呢,这个url怎传?html:<el-upload action="https://192.168.1.1:8888/xxx上传接口" :file-list="fileList" <i class="el-icon-plus"></i></原创 2022-03-11 11:55:38 · 3351 阅读 · 0 评论 -
记一次npm install 报RequestError connect ETIMEDOUT 20.205.243.166443和RequestError socket hang up
今早安装 electron 时突然报RequestError: connect ETIMEDOUT 20.205.243.166:443然后尝试ping github.com超时了之后去http://ping.chinaz.com/https://github.com找到一个韩国的 host修改本地 host 文件52.78.231.108 github.com 再次安装报错:RequestError: socket hang up然后修改registrynpm confi原创 2022-03-10 12:51:42 · 805 阅读 · 0 评论 -
模板引擎?看这一篇就懂了
概念模板引擎可以让(网站)程序实现界面与数据分离,业务代码与逻辑代码的分离,这就大大提升了开发效率,良好的设计也使得代码重用变得更加容易。光看生硬的概念没有用,接下来我来给大家详细解释,这模板引擎究竟是何物?假设现在你打开电脑浏览器,进入某宝的网站,然后输入“笔记本”,唰的一下页面上就出现了琳琅满目的商品,让你是应接不暇,然后你又输入了“辣条”,一下子页面上又是不一样的商品了,这个时候,疑问就产生了:页面上的这些商品究竟是直接写在页面上的还是实时渲染的呢?毫无疑问,这些展示的商品肯定是实时渲染出原创 2022-03-10 11:30:48 · 220 阅读 · 0 评论 -
基于uni-app手机端后台管理系统uni-uadmin
Uni-Uadmin 一款uniapp+uviewUI开发的中后台管理系统模板实例。全新毛玻璃UI视觉uniapp后台管理系统。使用了uni-app+uView-ui+uni-ui等技术开发架构,内置了表格/表单/图表/列表及富文本编辑器,支持动态路由权限控制,错误页处理。功能特性动态毛玻璃底部Dock菜单支持动态权限管理、错误页处理内置多图表组件、表格、表单、瀑布流列表及富文本编辑器支持编译h5+APP+小程序端技术架构编码器:HbuilderX3.3.5框架技术:vue.js原创 2022-03-10 10:06:27 · 1847 阅读 · 2 评论 -
修改element ui中form表单的 label 颜色样式
刚开始使用.el-form-item__label,但是使得所有的form下的labal都变色了。.el-form-item__label{ color:#f56c6c; font-weight:bold; font-size:20px }我只是想让下图的label变色但下面也改变了颜色:查询资料后,加上class=“item”,就能表示其唯一性,只在一个页面起作用 <el-form-item label="收款人姓名:" :label-width="fo原创 2022-03-09 13:47:34 · 2945 阅读 · 0 评论 -
“2021-07-02T141959+0800“时间格式的转化(两种方法)
方法1:(不是很推荐)export function dateChangeFormat(format, date) { date = new Date(date); const dataItem = { 'Y+': date.getFullYear().toString(), 'm+': (date.getMonth() + 1).toString(), 'd+': date.getDate().toString(), 'H+': date.getHours().t原创 2022-03-09 12:27:09 · 1034 阅读 · 0 评论 -
Vue大数据可视化(大屏展示)解决方案
一个基于 vue、datav、Echart 框架的大数据可视化(大屏展示)模板,最近更新了详细的介绍说明,实现大数据可视化。通过 vue 组件实现数据动态刷新渲染,内部图表可自由替换。部分图表使用 DataV 自带组件,可自由进行更改,持续更新…全新 Vue3 升级方案:采用 Vue3 hook + ts 实现 点击这里查看吧 重构代码,使用全新屏幕适配方案等新内容~项目地址: vue-big-screen(点击这里),去码云给个三连吧,求求大家惹(老B站了)一、项目描述React 版本请.原创 2022-03-09 11:03:15 · 5608 阅读 · 0 评论 -
Vue3 使用pdf.js 预览pdf
Vue3 使用pdf.js 预览pdf非专业 如有语术错误请谅解写在前面:vue-pdf 好像并不支持Vue3 参考https://segmentfault.com/a/1190000039858927本样例是基于后端返回的是文件流直接上样例首先下载pdf.js注意:将解压后的文件放在static下1.使用ifame嵌套 <iframe id='pdf' ref='pdf' height='100%' :src='pdfUrl'原创 2022-03-09 09:42:28 · 771 阅读 · 0 评论 -
visible.sync 的作用
我们在前端开发中经常看到:visible.sync这种修饰符,很多人不知道这是干什么的,特别是在使用ElementUI的时候,里面有个弹窗el-dialog组件的时候会有用到:visible.sync<el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="centerDialogVi原创 2022-03-09 08:08:10 · 221 阅读 · 0 评论 -
react-router-dom v6的重定向
import { useEffect } from "react";import { useNavigate } from "react-router-dom";function Redirect({ to }) { let navigate = useNavigate(); useEffect(() => { navigate(to); }); return null;}// usage<Routes> <Route path="/" el原创 2022-03-08 13:27:47 · 3198 阅读 · 0 评论 -
JavaScript原型是什么
目录先看三个对象一、构造函数(对象):二、实例对象三、 原型对象:再看三个属性:一、prototype:二、__proto__三、constructor属性原型链总结需要知道哪些知识点?1.三个对象2.三个属性以下都从这三个角度去进行分析三个对象有哪三个:1.先明确JS中,万物皆对象。2.对象包括,构造函数(对象)、实例对象、原型(对象)三个属性有哪三个?1.prototype2._ _ proto_ _3.constructor先看三个对象一、构造函数(对象原创 2022-03-08 10:47:07 · 125 阅读 · 0 评论 -
Error Cannot call .tap() on a plugin that has not yet been defined. Call plugin(‘html‘).use(<Plugin
webpack打包报错如下:Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin(``'html'``).use(<Plugin>) first.解决方法:修改vue.config.js原配置:if (isProd) { config .plugin("html") .tap((args) => { args原创 2022-03-08 09:26:54 · 3054 阅读 · 1 评论 -
API 与 Web API 以及 与Java Script 基础的关联
Java Script 分为三部分,分别为 ECMA Script , DOM , BOM其中ECMA Script就是学过的 JS 基础语法,DOM与BOM属于Web APIAPI:API 即应用程序编程接口(Application Programming Interface)是一些预先定义过的函数或接口,目的在于用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码,或理解内部工作机制的细节,可以简单理解为 API 就是为程序员提供的一种便捷的工具,方便各种想要实现的功能原创 2022-03-08 08:06:50 · 102 阅读 · 0 评论 -
2021-07-27 React useHistory 更新为useNavigate如何传值
路由组件如何传值1.组件跳转并传值(1)导入import { useNavigate } from ‘react-router-dom’;(2)使用const navigate = useNavigate();点击事件中使用 组件“/machine”为已经定义好的路由,state负责传值state:{参数:值}(3)获取值导入import { useLocation } from ‘react-router-dom’;使用let location = useLocation();原创 2022-03-07 20:56:09 · 1049 阅读 · 1 评论 -
总结了Vue3的七种组件通信方式,别再说不会组件通信了
大家好,我是一碗周,一个不想被喝(内卷)的前端。如果写的文章有幸可以得到你的青睐,万分有幸~写在前面本篇文章是全部采用的[这里是代码001]这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:propsemitv-modelrefsprovide/injecteventBusvuex/pinia(状态管理工具)开始搞事情~举一个栗子俗话说的好,学习不写demo,那就是耍流氓~本篇.原创 2022-03-07 08:06:01 · 231 阅读 · 0 评论 -
前端面试篇,应届生面试时被问项目经验不用慌,按这个步骤回答成功率高达95%
金三银四刚过去不久,各家大厂的岗位仍有少量空缺,奈何却招不到合适的人。身边的HR跟我说,最近面试者情况普遍不太理想。一问到项目细节,很多候选人都支支吾吾,答不明白。接下来我作为一个工作了将近 3 年前端er来谈谈一名应届生应该如何去获得满意的 offer。一、说起面试在校招面试时,大家总会感觉心慌慌。可能是不自信,可能是感觉好多没准备好。没关系,既然投递了简历,又通过了筛选,就不要胆怯。首先要知道面试官都是抱着想把你招进来的想法的,只是想多了解你的具体情况。既然面试官愿意花时间和你聊,那么证.原创 2022-03-06 04:37:45 · 908 阅读 · 10 评论 -
warning in .node_modulesvue-routerdistvue-router.esm-bundler.js “export ‘watchEffect‘ was not
问题利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错:Uncaught TypeError: Object(…) is not a function终端这边爆warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js "export ‘watchEffect’ was not问题所在和解决**本人版本:@vue/cli 4.5.15 **创建的是vue2项目确定是vue-ro原创 2022-03-06 01:55:02 · 623 阅读 · 0 评论 -
vue3.x全局自定义指令Cannot read properties of undefined (reading ‘deep‘)
1.vue3.x全局自定义指令Cannot read properties of undefined (reading ‘deep’)最近在学习vue3.x的全局自定义指令时,根据官方文档去学习还是出现了问题。就是vue3.x的全局自定义指令,所以记录下来避免踩坑。import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)app.mount('#app')app.directive(原创 2022-03-06 00:33:39 · 938 阅读 · 1 评论 -
Error Cannot call .tap() on a plugin that has not yet been defined. Call plugin(‘html‘).use(<Plugin
webpack打包报错如下:Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin(``'html'``).use(<Plugin>) first.解决方法:修改vue.config.js原配置:if (isProd) { config .plugin("html") .tap((args) => { args原创 2022-03-05 20:19:37 · 3723 阅读 · 0 评论 -
uView中picker限制选择时间
文章目录1.需求2.解决方法3.解决bug1.需求uView中picker的mode=time时默认样式由于项目需求,需要把时间的选择范围限制在当前日期的10时以后,不能选择以前的日期,也就是说今天是2021.9.2,不能选择2021.9.1及以前的日期,查找文档后没找到解决方法,只能修改其源码2.解决方法找到picker的源码位置==>uview-ui==>components==>u-picker==>u-picker.vue来到429行作者原创 2022-03-03 22:46:12 · 1011 阅读 · 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-03 17:13:07 · 1018 阅读 · 0 评论 -
npm ERR Fix the upstream dependency conflict, or retry
ERESOLVE与npm@7有关的问题很常见,因为npm7.x对某些事情比npm6.x更严格。1.--legacy-peer-deps标志传递给npm, npm i --legacy-peer-deps。2.使用npx指定npm的版本。例如:npx -p npm@6 npm i --legacy-peer-deps。原创 2022-03-03 16:08:24 · 601 阅读 · 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-03 15:03:52 · 104 阅读 · 0 评论 -
error An unexpected error occurred “httpsregistry.npmjs.orgd3-geo-proje
error An unexpected error occurred: "https://registry.npmjs.org/d3-geo-projeyarn install 报错大概意思是错误发生意外错误:https://registry.npmjs.org/d3-geo-proje原因是代理的问题解决办法就是先把node-sass镜像源进行设置成国内的yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-原创 2022-03-03 13:59:26 · 1948 阅读 · 0 评论 -
antd vue 表格rowSelection选择框功能的使用
html部分:<a-table :columns="columns" :data-source="showList" :row-selection="rowSelection" :rowKey="record=>record.id" />功能部分:computed: { rowSelection () { return { selectedRowKeys: this.da原创 2022-03-03 12:07:56 · 995 阅读 · 0 评论 -
一次nginx代理前端报rewrite or internal redirection cycle while internally redirecting to “index.html“ 记录
将nginx从一个服务器迁移到另一个服务器后执行nginx -t检查配置没有问题,重启服务后访问报500内部错误,查看日志报rewrite or internal redirection cycle while internally redirecting to “/index.html”经多次排查确认是静态页面的路径不对,但nginx -t也没有报错,比较坑,修改后解决问题。...原创 2022-03-02 01:38:46 · 3804 阅读 · 0 评论 -
Vue项目报错:Uncaught (in promise) Error Network Error
vue项目可以打开登录页面,但点击登录报错的原因:AP接口没打开解决:找到文件的api_server sheft+右键打开Powershell,输入node app.js 点击回车即可原创 2022-03-02 00:35:13 · 1491 阅读 · 0 评论 -
Vue 学习总结笔记 (一)
文章目录1. Vue 的介绍1.1 什么是Vue?1.2 Vue的诞生 和 特点1.3 Vue 的引入 和 Vue devtools开发者工具1.4 Vue 引入后浏览器端的信息处理1.5 Vue.config 配置全局2. MVC和MVVC的基本流程3. Vue 的使用详解3.1 Vue 的mvvm架构3.2 Vue 的注意事项 (重要)3.2.1 Vue实例对象和容器是一一对应的关系3.2.2 开发中只有一个Vue实例3.2.3 Vue中 {{ xxx }}原创 2022-03-01 23:31:48 · 210 阅读 · 0 评论 -
react部署后接口请求返回You need to enable JavaScript to run this app
前端项目react + 后端jar + nginx部署一. 问题项目部署后,页面能正常访问,本机也能ping通服务器,后端jar也正常运行。唯一不对劲的地方是,接口请求失败,且接口返回值为You need to enable JavaScript to run this app.二. 解决因为前端调用了多个后端服务,有几个端口,所以在前端做了接口代理。但是前端部署到nginx后,nginx又对前端做了代理,个人猜测是nginx无法对前端中的接口做二次代理,于是导致出现这个问题。知道了问题原创 2022-03-01 18:55:42 · 2897 阅读 · 0 评论 -
npm安装windows-build-tools时卡在Successfully installed Python 2.7
解决npm安装windows-build-tools时卡在Successfully installed Python 2.7如果你找到了这里,说明你之前看过的博文都是没有效果且没有任何意义的。因为我按照其他的教程试验了一下,根本没有任何效果。这其实是windows-build-tools安装脚本的一个BUG,我在其github的issue中找到了这个链接:https://github.com/felixrieseberg/windows-build-tools/issues/244有兴趣的可以直接打原创 2022-02-28 22:23:42 · 439 阅读 · 0 评论 -
Linux-进程控制
Linux-进程控制进程创建fork函数fork函数返回值fork常规用法fork调用失败的原因写时拷贝进程终止进程退出场景进程常见退出方法_exit函数&&exit函数&&return退出进程等待进程等待的方法wait方法waitpid方法获取子进程status退出状态终止信号进程的等待方式阻塞式等待非阻塞式等待进程程序替换替换函数函数解释命名理解总结简易的shel原创 2022-02-28 20:10:55 · 92 阅读 · 0 评论 -
html生日快乐源代码
html生日快乐源代码源码下载》html生日快乐源代码.7z源码下载》html生日快乐源代码.7z源码下载》html生日快乐源代码.7z(重要的事说3遍)主页截图如下:可能这儿有人会问,这儿的照片怎么贴上去呢(修改图片)看下图可能这儿有人会问,这儿的文字怎么修改呢看下图可能这儿有人会问,背景音乐怎么改看下图默认的账号为root,密码为root如果想改的话,修改js文件夹下面verification.js的内容想要源码的,可以在此博客的最上面 . 下载链原创 2022-02-26 14:21:42 · 5172 阅读 · 5 评论 -
C# 正则表达式(Regex) 过滤内容的基本使用
先看英文意思命名空间using System.Text.RegularExpressions;正则表达式是干什么用的?简单来说就是 检索 数据个人比较喜欢用来过滤一些文本的内容和网页比如我有100w个文字想找到里面的几个数字用人工一个一个查找基本不可能但是使用正则表达式就可以在马上找到在编程里还是比较重要的简单了解后开始教程比如有一个记事本内容 要找出里面的5个数字 分别是 2 4 8 9 61.读取文本内容上面说的打开 并不是把文件打开 而是将文件打开在 缓冲区 才可以进行读转载 2022-02-24 20:48:38 · 308 阅读 · 0 评论 -
若依前后端分离项目启动到登录页面后报系统接口404异常
若依前后端分离项目启动到登录页面后报系统接口404异常相信少部分铁汁们也会遇到如下图令人不知所以的bug:具体而言就是验证码出不来,笔者在ruoyi开发社区gittee上看了许多评论,但都没有解决问题的方案。后来,无意中在某博主的话中得到灵感——若依框架代码本身是没有问题的,所有bug几乎都出在运行环境上。因此,我想到自己好像因为端口被占用改过后端application.yml文件里的端口配置,就是下图这个位置:以前默认port是8080;无奈我只有找到占用8080的端口并强行关闭了那个服原创 2022-02-23 20:23:53 · 11525 阅读 · 1 评论