前端
文章平均质量分 67
KF_19924636653
这个作者很懒,什么都没留下…
展开
-
springboot整合mybatis(详解)
springboot整合mybatis1,整体结构2,需要的依赖<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency>原创 2022-03-12 13:12:57 · 163 阅读 · 0 评论 -
Vue 项目运行完成后自动打开浏览器【多种方法】
方法一:package.json(适用于vue3)在文件中找到scripts–serve,在后面添加--open方法二:vue.config.js该方法适用于 有vue.config.js的项目找到vue.config.js文件,找到devServer,添加下面代码open : true方法三:插件+webpack该方法存在局限性,仅适用于当前只运行一个项目因为会默认打开8080端口的项目(其实按道理来说是可以做到动态的,因为vue在检测到8080端口被占用后会自增一)转载 2022-03-11 20:07:18 · 2238 阅读 · 0 评论 -
Uncaught (in promise) Error Request failed with status code 500
分享一些状态码400 404 500等原因:出错:前端: // 获取所有的导航菜单 async getMenuList(){ const {data:res} = await this.$http.get("menus"); console.log(res.data); if( res.status != 200) return this.$message.error("操作失败!!!"); this.menuList = res.data原创 2022-03-11 18:44:18 · 896 阅读 · 1 评论 -
springboot+vue+mysql实现存储图片到数据库并显示
springboot+vue+mysql实现存储图片到数据库并显示1.存储到数据库(1)前端通过element ui 上传(2)后端2.从数据库取出并显示到前端(1)前端后端PS:一般图片是不会存到数据库的,而是存到服务器上,数据库保存的是图片路径。1.存储到数据库(1)前端通过element ui 上传 <el-upload class="avatar-uploader" action="/api/setImag原创 2022-03-11 16:07:30 · 3695 阅读 · 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-11 14:43:40 · 101 阅读 · 0 评论 -
JavaScript两小时快速入门笔记
JavaScript两小时快速入门笔记一、概述二、JavaScript和html代码的结合方式2.1 第一种方式2.2 第二种方式三、变量四、逻辑运算五、数组六、函数1.使用function关键字定义函数2.函数定义第二种方式3.函数的arguments隐形参数(只在function函数内部)七、object自定义对象7.1 方法一7.2 方法二八、js中的事件九、onload事件十、onclick事件十一、onblur事件十二:oncha原创 2022-03-11 13:21:35 · 82 阅读 · 0 评论 -
Element el-table树形数据 tree-props使用注意事项
el-table树形数据 tree-props使用注意事项项目场景:问题描述:解决方案:写在最后项目场景:项目场景:使用el-table树形数据问题描述:根据element官网提示设置tree-props为{children: 'children',hasChildren: 'hasChildren'},data数据也设置了children和hasChildren属性,row-key也绑定了数据的唯一值变量id,但是树形结构就是出不来# 原因分析:找了很久的问题原因原创 2022-03-11 12:00:02 · 1885 阅读 · 0 评论 -
2021年万众瞩目的前端学习路线图来了
文章目录第一阶段:前端入门HTML5 +Css3+电商网页制作第二阶段:JavaScript系列第三阶段 服务端编程第四阶段 Vue.js第五阶段 小程序第六阶段 React.js 基础前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?2021年新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧。只要能坚持学下来走上人生巅峰不再是梦。第一阶段:前端入门HTML5 +Css3+电商网页制作课程内容:HTML5 是网页开发的基础,从最简单的网页开发基原创 2022-03-11 10:38:27 · 180 阅读 · 0 评论 -
谷歌浏览器不能手动修改cookies,cookie报红标红
问题:因为项目需要修改cookies的值去登录,某天更新了浏览器之后发现不能修改了,修改之后直接标红,不生效解决:1、在谷歌浏览器中搜索chrome://flags/2、在出现的页面搜索框中搜索SameSite,然后出现的SameSite by default cookies里面把default改为disabled,然后重启就好了如果没生效,就是高版本移除了SameSite by default cookies,导致之前的方法不能使用,解决:就在出现的页面搜索框中搜索Partitioned coo原创 2022-03-10 12:56:02 · 593 阅读 · 0 评论 -
浅谈python+requests接口自动化框架
为什么要做接口自动化框架1、业务与配置的分离2、数据与程序的分离;数据的变更不影响程序3、有日志功能,实现无人值守4、自动发送测试报告5、不懂编程的测试人员也可以进行测试正常接口测试的流程是什么?确定接口测试使用的工具----->配置需要的接口参数----->进行测试----->检查测试结果----->生成测试报告测试的工具:python+requests接口测试用例:excel一、接口框架如下:1、action包:用来存放关键字函数2、config包:用来原创 2022-03-10 11:35:08 · 338 阅读 · 0 评论 -
大二JavaWeb课程设计——图书管理系统(可以很好的应付老师的作业)
自取:https://github.com/1098301679/JavaWeb-嘿嘿,插这么多图太不容易了那个,打不开的就多打几次就开了,坚持坚持,毕竟github嘛这是一个图书管理系统(老师布置的题目),不要问我问什么不用框架,因为奇怪的老师不让用任何框架,所以用原生的JavaWeb写的,所有的前后端代码都是自己写的,很适合刚入门的新手学习,之所以没有用JavaScript是因为觉得没必要,C3的过渡和动画足以实现很多动态效果,模板引擎用的JSP项目目录结构一览图(下面有具体的每部分的作用的讲解原创 2022-03-10 10:10:48 · 1791 阅读 · 1 评论 -
全网最全正则表达式总结,让你的工作效率事半功倍,赶快收藏
大家好,我是冰河~~我用了两天时间整理了这些工作用常用的正则表达式,小伙伴们拿走,不谢~这次我把工作中总结的经常使用的正则表达式共享出来了,正是掌握了这些正则表达式,冰河平均每天比别人少写200行代码,极大的提高了研发效率,建议小伙伴们收藏,平时尝试着使用到自己的项目中!!熟练的掌握正则表达式,能够帮助程序员以最快的速度写出最优雅的代码。冰河在多年的编程工作中,对使用过的正则表达式进行了梳理和总结,这些正则表达式能够帮助你节省很多的编码时间,往往一个简单的正则表达式就能够省略大量的if...else转载 2022-03-09 13:51:55 · 1869 阅读 · 0 评论 -
【2021-10-27】JS逆向之某某统计局cookie
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言正文结果前言好像又好久没更新了,过来水一篇工作中遇到的一个动态cookie的网站吧目标网站:aHR0cDovL3d3dy5zdGF0cy5nb3YuY24vdGpzai90amJ6L3RqeXFoZG1oY3hoZmRtLzIwMjAvMTEuaHRtbA==正文再不切换IP的情况下,频繁访问后会,不返回数据,给你一段JS代码然后我们先把他扣下来进行分析一波头部一个大数组,一个jsjiami.com原创 2022-03-09 12:31:28 · 82 阅读 · 0 评论 -
vue安装及入门
Vue开发文章目录Vue开发一、Vue是什么?二、Vue安装(npm方法)1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.安装vue3.0三、vue使用1、vue ui四、目录解析一、Vue是什么?Vue (读音 /vju/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与原创 2022-03-09 11:07:45 · 678 阅读 · 0 评论 -
Vue3 面试题
一、vue3有了解过吗?能说说跟vue2的区别吗?1. Vue3介绍关于vue3的重构背景,尤大是这样说的:「Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了在我们更新(和重写)Vue 的主要版本时,主要考虑两点因素:首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平;其次是当前代码库中随时间推移而逐渐暴露出来的一些设计和架构问题」简要就是:利用新的语言特原创 2022-03-09 09:46:54 · 323 阅读 · 0 评论 -
Vite 按需引入 Ant Design Vue 3.0
描述:最近尝试用 Vite 构建了 Vue3.0 的项目,组件库选用的是 Ant Design Vue 3.0,在按需加载引用上踩了很多坑,在此记录一下过程:antd 的官网的使用介绍是在 vite.config.js 文件中引用 ‘’vite-plugin-components‘’// vite.config.jsimport ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';...前往 vite-原创 2022-03-09 08:12:29 · 428 阅读 · 0 评论 -
React踩坑日记React启动后报错TypeError Cannot read properties of undefined (reading ‘forEach‘)
前言今天创建新项目运行后又出现这个问题了,之前也出现过,觉得是很正常的情况,不过我今天发现还有许多朋友不知道这个问题的解决方法,特地来记录一下。话不多说 上图:这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因,安装这个东西是为了方便我们查看React元素和编译之后的一些代码,很多朋友是直接删除了,但是这不就等于是壮士断腕了嘛。解决方法如下:1.进入项目中按照路径找到相应的文件/node_modules/@pmmmwh/react-refresh-webpack-plugi原创 2022-03-08 13:32:08 · 1390 阅读 · 0 评论 -
Node.js连接redis显示ClientClosedError错误的解决方法
问题:调用redis的lpush函数显示lpush is not a function代码如下:const redis = require('redis');const db = redis.createClient();class Entry {... save(cb) { const entryJSON = JSON.stringify(this); db.lpush( 'entries', entryJSON, (err) =>原创 2022-03-08 12:11:46 · 380 阅读 · 0 评论 -
JavaScript常用知识点笔记
前言js笔记,好记性不如烂笔头,总结了一些比较常用的知识点。发到csdn上就当作备份。前面的一些较简单所以没有写,只写了一些我认为容易忘记的知识点,有错的地方欢迎指点。JavaScript前言1.数值转换2.作用域3.存储数据4.数组5.字符串6.数字常用方法7.时间常用方法8.BOM操作8.1获取浏览器窗口尺寸8.2 浏览器的弹出层8.3 开启和关闭标签页8.4 浏览器常见事件8.5 浏览器的历史记录操作8.6 浏览器卷去的尺寸8.7 浏览器滚动到9.原创 2022-03-08 10:51:27 · 74 阅读 · 0 评论 -
Error EPERM operation not permitted, mkdir ‘DProgram Filesnodejsnode_cache_cacache‘
安装vue时,出现如下错误:E:QianDuanVue3>npm install -g @vue/clinpm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path D:Program Files odejs ode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir ‘D:Program Files odejs ode_原创 2022-03-08 09:31:12 · 96 阅读 · 0 评论 -
asyncawait 的理解和用法
async/await是什么async/await 是ES7提出的基于Promise的解决异步的最终方案。asyncasync是一个加在函数前的修饰符,被async定义的函数会默认返回一个Promise对象resolve的值。因此对async函数可以直接then,返回值就是then方法传入的函数。// async基础语法async function fun0(){ console.log(1); return 1;}fun0().then(val=>{ conso原创 2022-03-08 08:11:09 · 157 阅读 · 0 评论 -
2021前端必问面试题及答案
web前端面试题【持续更新】js基础原型链和继承浅拷贝和深拷贝js中的堆和栈闭包setTimeout事件委托this指向,call/apply/bind,回调函数数组的常用操作set和weakset,map和weakmaptypeof原理0.1+0.2 === 0.3吗,为什么前端安全 xss 和 csrf说明BFC及其使用js基本数据类型循环Js数组都有哪些方法及其作用、用法、返回值?详细说了一下splice()Js数组去重说明冒泡排序、插入排序实现的思原创 2022-03-07 21:01:08 · 221 阅读 · 0 评论 -
解决 Syntax Error Error PostCSS received undefined instead of CSS string
解决 Syntax Error: Error: PostCSS received undefined instead of CSS string错误如下解决方法卸载当前版本的node-sass和sass-loader,因为版本和当前的不兼容,安装对应版本的包即可。#卸载node-sas和sass-loadernpm uninstall node-sassnpm uninstall sass-loader安装其他版本#安装node-sas和sass-loadernpm install n原创 2022-03-07 09:33:43 · 3652 阅读 · 0 评论 -
我用js写了一个,除夕烟花秀和春节随机祝福语
项目截图进入后的界面点击按钮点击之后的动画烟花结束后的界面代码实现涉及的技术:HTML5多媒体,CSS定位,动画,js面向对象,Jquery动画、事件首先来看HTML代码<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-03-07 08:10:18 · 424 阅读 · 0 评论 -
前端面试题:Token一般是存放在哪里 Token放在cookie和放在localStorage、sessionStorage中有什么不同
Token其实就是访问资源的凭证。一般是用户通过用户名和密码登录成功之后,服务器将登陆凭证做数字签名,加密之后得到的字符串作为token。它在用户登录成功之后会返回给客户端,客户端主要有这么几种存储方式:1.存储在localStorage 中,每次调用接口的时候都把它当成一个字段传给后台。2.存储在cookie 中,让它自动发送,不过缺点就是不能跨域。3拿到之后存储在localStorage中,每次调用接口的时候放在HTTP请求头的Authorization字段里所以token在客户端一般存..原创 2022-03-06 04:42:08 · 9810 阅读 · 6 评论 -
一文了解Cookie
目录简介Cookie基本使用发送Cookie?获取Cookie?Cookie原理?Cookie使用细节cookie存活时间Cookie存储中文简介会话:用于打开浏览器,访问web服务器的资源,会话建立,直到有一方断开连接,会话结束。在一次会话可以包含多次请求和响应(同一浏览器发送的多次请求为一次会话,不同浏览器发送请求属于不同的会话)会话跟踪:一种维护浏览器状态的方法,服务器需要识别多次请求是哦否来自同一浏览器,以便在同一次会话的多次请求间共享数据(服务器无法识别每次请求是转载 2022-03-06 03:20:11 · 197 阅读 · 0 评论 -
Web3.js的基本使用(与以太坊智能合约的交互)
目录标题web3.js介绍web3 模块加载异步回调(callback)回调 Promise 事件(v1.0.0)常用 API —— 基本信息查询查看 web3 版本查看 web3 连接到的节点版本(clientVersion)基本信息查询获取 network id获取节点的以太坊协议版本网络状态查询是否有节点连接/监听,返回true/false查看当前连接的 peer 节点Provider查看当前设置的 web3 provider查看浏览器原创 2022-03-06 01:59:22 · 1367 阅读 · 0 评论 -
Vue3中this的替代方案
setup 在生命周期 beforecreate 和 created 前执行,此时 vue 对象还未创建,因无法使用我们在 vue2.x 常用的 this。解决办法是 vue 中的 getCurrentInstance 方法返回了 ctx 和 proxy,控制台打印 ctx 和 proxy 发现和 vue2.x 中的 this 等同,习惯使用 this 的同学可以用 proxy 进行替代。没有用 ctx 因为 vue3 项目打包后 ctx 会失效。也可以在 App.vue 用 provide + inje原创 2022-03-06 00:38:00 · 904 阅读 · 0 评论 -
Java-Jackson使用详解
Java-Jackson使用详解序列化Json是什么?1.基本规则2.获取数据3.用途Jackson1.导入Jar包2.Json注解3.Json转为Java对象4.Java对象转换Json序列化序列化 (Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态写入到临时或持久性存储区。以后,可以通过从存储区中读取或反序列化对象的状态,重新创建该对象。Json是什么?Jason是JavaScript Object Notati原创 2022-03-05 20:24:22 · 288 阅读 · 0 评论 -
vite + vue3 + TS 项目搭建问题记录(不定时记录)
关于eslint的问题使用vite创建vue项目,不存在eslint的相关配置,所以需要手动配置安装依赖npm install eslnit --save-dev初始化 eslint 配置npx eslint --init根据提示去选择你需要的配置,我这里是 Vue + TS的配置,package.json 文件配置如下语句,用于检测语法规范 "scripts": { "lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix"原创 2022-03-03 22:51:05 · 298 阅读 · 0 评论 -
SpringBoot中表单提交报错“Content type ‘applicationx-www-form-urlencoded;charset=UTF-8‘ not supported“
异常12021-06-24 12:32:20.137 WARN 20024 --- [io-8080-exec-10] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]错原创 2022-03-03 17:17:52 · 1681 阅读 · 0 评论 -
npm install 报错 npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree问题解决
问题报错:npm版本:查阅资料后说是因为npm7.x的版本比npm6.x更严格,两种解决方案:1.降级到npm6.x2.npm i --legacy-peer-deps方案二亲测可用原创 2022-03-03 16:13:06 · 191 阅读 · 0 评论 -
JavaWeb图书管理系统,老程序员花一天一夜回忆学生时代
Java图书管理系统,老程序员花了一天一夜热门专栏推荐【1】Java小游戏(俄罗斯方块、飞机大战、植物大战僵尸等)【2】JavaWeb项目实战(图书管理、在线考试、宿舍管理等)【3】JavaScript精彩实例(飞机大战、贪吃蛇、验证码等)【4】Java小白入门200例【5】从零学Java、趣学Java【6】Idea从零到精通系统界面图一张引言:前几天群里的小伙伴说想搞个web图书管理系统(用Java最基础的语法:jsp+servlet ),于是就有人说谁还搞那个东西,都过时了的东西,我原创 2022-03-03 15:08:35 · 285 阅读 · 0 评论 -
Error in mounted hook “TypeError Cannot read property ‘init‘ of undefined“
echarts Cannot read property ‘init‘ of undefined 报错问题查看引入对错Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”我直接 import echarts from 'echarts’时也会报错,所以后面修改了引入时的写法import * as echarts from 'echarts’...原创 2022-03-03 14:04:06 · 448 阅读 · 0 评论 -
Auto.js微信自动回复机器人(微信v8版本)
一、前言整体思路1)找到头像右上角有消息标志的聊天(注意直接跑下面代码的时候请确保聊天界面有此前提)2)点击进入聊天窗口,找到所有消息3)取最后一个消息(最新消息)4)和之前的新消息对比是否发生变化5)新消息推送至API6)收到API消息发送微信v8版本发送消息时,不再显示“发送”按钮了,也就没办法用找到“发送”控件的方法实现发送消息了。尝试用KeyCode(code)方式,发送回车键,发现也无效,原因查了一下好像是需要ROOT还是安卓9以上此方法失效。于是用坐标点击的方原创 2022-03-03 12:12:37 · 2197 阅读 · 0 评论 -
2022年最新前端面试题(大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪)
HTML和Css部分1、对BFC规范(块级格式化上下文)的理解BFC 块级格式化上下文 一块独立的区域,有自己的规则,bfc中的元素与外界的元素互不影响BFC是一块用来独立的布局环境,保护其中内部元素不受外部影响,也不影响外部。怎么触发BFC1. float的值left或right2. overflow的值不为visible(默认)3. display的值为inline-block、table-cell、table-caption4. position的值为absolute(绝对定位)或f原创 2022-03-03 00:22:04 · 841 阅读 · 0 评论 -
一看就会的保姆级教程,10分钟搭建个人博客
前言相信很多人都想拥有一个自己的个人博客,现有的个人博客搭建框架已经有很多了,例如 hexo 、vuepress 、jekyll 等等,这里我选用 vuepress 来快速搭建个人博客网上教程千千万,但总归都是零零散散的,没人会给你讲解得清清楚楚,所以我这里就手把手来讲解一下如何从零搭建这里先放上 vuepress 的官网链接:https://www.vuepress.cn/(opens new window)一、准备工作首先我们要把需要的东西都下好,例如:node 、git 、vuepress原创 2022-03-02 12:46:43 · 231 阅读 · 0 评论 -
爬虫小记(一)
序言网站源码获取步骤代码在掌握了python基本语法之后,便想继续学习一些python分支的一些东西练练手,便想到了python的爬虫,本文几乎只介绍了最基础的网站源码获取步骤。网站源码获取步骤1.导入相关库import requestsimport reimport timeimport json2.编辑模拟信息 headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x6原创 2022-03-02 03:50:40 · 79 阅读 · 0 评论 -
基于vue的 表单设计器(拖拽生成表单)
日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单,推荐使用以下表单设计器。1.基于vue+elementui 的表单设计及代码生成器Form GeneratorElement UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。码云仓库:form-generator: Element UI表单设计及代码生成器演示地址:form-generator安装依赖:npm installJS原创 2022-03-02 02:47:07 · 21078 阅读 · 2 评论 -
下班前几分钟,我彻底弄懂了JavaScript的原型与原型链
前言JavaScript 原型与原型链历来都是面试的重点,也是难点,理解起来没有那么容易。正文理解原型的几个要点,能更容易理解原型这个概念:1、所有的引用类型(数组、对象、函数)可以自由扩展属性(除null以外);2、所有的引用类型都有一个“__proto__”属性(隐式原型,是一个对象);3、所有的函数都有一个“prototype”属性(显式原型,是一个对象);4、所有引用类型的“__proto__”属性指向它的构造函数的“prototype”属性;5、当访问一个对象的属性时,如果这个对象原创 2022-03-02 01:43:27 · 76 阅读 · 0 评论