html
文章平均质量分 53
phyit
这个作者很懒,什么都没留下…
展开
-
Vben Admin 一 (初识框架)
最近因为业务需要,接触了Vben Admin 这个后台管理板块,在上手体验了一番之后,确实感觉很强啊,从这章开始,逐步拆分整个项目,在彻底熟悉了解之后,开始根据自己的需求进行相关功能的修改。以下是后面文章的目录,文章内容会不定时更新,每更新完一个章节会在目录更新进度,如果有任何建议或者想法和指导,欢迎大家私信或者留言,大家一起学习进步~前言介绍vben admin登录页管理页路由模板样式组件1、什么是Vben AdminVue-Vben-Admin 是一个后台解决方案,目标是为开.原创 2022-03-12 13:19:24 · 4008 阅读 · 0 评论 -
uni-app上传图片和文件
如图所示:上传图片,使用的是uni.chooseImage这个官方api,count 数量根据自己的需求来,我们是最多只能上传9张 uploadImgEvent(){ uni.chooseImage({ count: 10 - this.uploadImgsList.length, success: (res) => { this.uploadImgsList.unshift(...res.tempFiles.map原创 2022-03-11 18:50:59 · 4571 阅读 · 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/Augenstern_原创 2022-03-11 13:28:16 · 101 阅读 · 0 评论 -
element-plus的el-icon和@element-plusicons vue3 组件封装与使用
使用 element-plus 时发现了一个问题:icon 需要单独安装和引入,让我很是难受,官网是这么说的(大概意思如下):$ yarn add @element-plus/icons # 或者 $ npm install @element-plus/iconsimport { defineComponent } from 'vue' import { Edit, Share, Delete, Search } from '@element-plus/icons' export defaul原创 2022-03-11 12:06:39 · 1389 阅读 · 0 评论 -
2022前端面试题汇总(更新中)
【HTML + CSS】一、CSS实现元素水平垂直居中① 绝对定位的居中实现-- 已知宽高 -- width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; /*宽度的一半*/ margin-top:-50px; /*高度的一半*/-- 未知宽高 -- position:absolute; left:50%; top:50%; transform: translate(原创 2022-03-11 10:45:06 · 184 阅读 · 0 评论 -
跨域问题 has been blocked by CORS policy The request client is not a secure context
问题描述,前端请求后端接口出现了跨域,get请求是OK 的,POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统,再由网关系统转发到其他业务系统中。第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码,如下:业务系统解决跨域代码:@Configurationpublic class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {原创 2022-03-10 13:02:34 · 5138 阅读 · 0 评论 -
爬取CSDN专栏文章到本地,并保存为html、pdf、md格式
前言突然想爬取CSDN的专栏文章到本地保存了,为了影响小一点,特地挑选CSDN的首页进行展示。综合资讯这一测试点是什么找到的呢?就是点击下图的热点文章,然后跳转到具体文章,然后再点击专栏文章,就进入了废话少说,直接上代码用面向对象的思维实现了代码代码思路放在了代码注释里面用到了requests、bs4等主流接口剩下的就是,希望大家有空基于这个继续开发完善,哈哈哈哈!!!此代码和实现内容都已经打包上传只Gitee,可以点击查看“”"@Author:surviv原创 2022-03-10 11:41:40 · 571 阅读 · 0 评论 -
学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)
注意本人写的这些笔记以及源码无任何收益,一开始纯粹是为了自己学习才写的,又想着方便大家才公开的,所以禁止无礼貌白嫖还话多以及态度不友好交流一、视频链接视频链接最全最新Vue、Vuejs教程,从入门到精通此视频是Vue2教程,讲师coderwhy,很适合新手小白,知识点包括vue基础指令Webpack组件化开发Vue-clivue-routeres6Promise前端模块化axiosVuex项目实战个人总结了超详细笔记,不看视频也能看懂的,由于笔记较多,在此做一原创 2022-03-10 10:17:19 · 197 阅读 · 0 评论 -
【JS 逆向百例】吾爱破解2022春节解题领红包之番外篇 Web 中级题解
关注微信公众号:K哥爬虫,持续分享爬虫进阶、JS/安卓逆向等技术干货!文章目录逆向目标HLS 流媒体传输协议SAZ 分析JS 逆向TS 解密合并转换逆向目标本次逆向的目标来源于吾爱破解 2022 春节解题领红包之番外篇 Web 中级题,吾爱破解每年都会有派送红包活动(送吾爱币),需要大家使出看家逆向本领来分析内容获得口令红包,今年一共有五个题,一个送分题,两个 Windows 题、一个 Android 题和一个 Web 题,本文分析的正是 Web 题,吾爱有规定活动结束前..原创 2022-03-09 12:37:57 · 242 阅读 · 0 评论 -
vue引入element-plus报错 Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
查看官网文档得知css的引入路径改了import 'element-plus/lib/theme-chalk/index.css'改成了以下路径import 'element-plus/dist/index.css'原创 2022-03-09 11:14:41 · 2511 阅读 · 0 评论 -
Vue3---路由动态管理(router.addRoute())
Vue2中,可以通过路由的addRoutes() 和 addRoute() 两种方法实现路由权限动态渲染,但在Vue3中,摒弃了addRoutes() 方法,只保留了addRoute() 单个添加路由配置的方法。Vue2中路由对象Vue3中路由对象**Vue3动态添加路由:**在main.js中或者在登录回调中进行动态渲染路由。代码参考如下:const about = { //接口返回路由信息path: ‘/about’,name: ‘About’,component: .原创 2022-03-09 09:53:42 · 2442 阅读 · 0 评论 -
vite框架使用eslint+prettier配置,并且将错误信息显示在浏览器界面上
在vscode编辑器当中使用vite框架,配置eslint:首先在vite项目中,安装eslint-plugin-vue依赖npm install --save-dev eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue eslint-plugin-html prettier @babel/plugin-syntax-dynamic-import babel-eslintoryarn add eslint原创 2022-03-09 08:18:59 · 496 阅读 · 0 评论 -
runtime-core.esm-bundler.js5c406620 [Vue warn] Unhandled error during execution of native event h
出现原因:变量名重复解决方法:检查变量,去除重复。总之:出现的原因就是你变量有重复定义,导致死循环原创 2022-03-08 13:38:40 · 9482 阅读 · 0 评论 -
node版本与npm版本对应关系
以往的版本 | Node.jsNode.js? is a JavaScript runtime built on Chrome’s V8 JavaScript engine.[这里是图片001]https://nodejs.org/zh-cn/download/releases/原创 2022-03-08 12:18:16 · 3617 阅读 · 0 评论 -
JavaScript进阶班之BOM技术(五)
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-08 10:58:00 · 97 阅读 · 0 评论 -
Error [vue-router] “path“ is required in a route configuration
vue 项目:Uncaught Error: [vue-router] “path” is required in a route configuration.原本自己的代码,因为在调试的时候看到了一行警告// 警告vue-router.esm.js?8c4f:16 [vue-router] router.addRoutes() is deprecated and has been removed in Vue Router 4. Use router.addRoute() instead.想原创 2022-03-08 09:37:42 · 4018 阅读 · 0 评论 -
B站动力节点HTML随课笔记(持续更新)
网页的标题 网页的主体内容------------------------------------------------基本标签Html基本标签123456hello world for(int i=0;i<10;i++){System.out.println("i=" +i)}删除字插入字粗体字斜体字10210m字体标签-----------------------------------...原创 2022-03-08 08:17:42 · 120 阅读 · 0 评论 -
2021最新最全前端学习资料——分享
白piao资料分享:全新技术资料从零HTML,CSS基础到高级 JavaScrip语法,框架VUE及框架React,小程序,webpack工程,node后台让你从零到自己徒手码手机电脑APP(前一百名者还可领取配套源码及实战项目)大家一起加油吧!获取方式:如过需要文章资料,动动手指点点赞+关注up主,最后下方评论“资料”哦...原创 2022-03-07 21:07:57 · 228 阅读 · 0 评论 -
解决el-collapse折叠面板中el-collapse-item的标题设置样式不生效问题
1.给el-collapse-item添加样式属性名。2.在 .el-collapse-item__header 属性名下加 /deep/深度作用选择器穿透 title标题就可以调整样式。原创 2022-03-07 09:40:21 · 3231 阅读 · 0 评论 -
手把手教你超可爱的导航栏
嘿!大家好哇。今天来带大家做一个可爱??的滑动导航栏效果,这个demo很基础,但是使用场景非常广泛噢!作为前端大白,今天就手把手一步一步教你实现它吧!实现效果看!这个滑动的效果很有趣吧!这样的滑动效果相信你一定有想过吧!实现过程1. 前期准备虽然这个控件很小,功能也不是很多,但我们还是需要先分析一下它的结构,以及实现的功能鼠标移入对应的列表项,底部的线会滑到相应的位置点击相应的列表项,背景滑块会切换到所选择的列表项 首页 我的原创 2022-03-07 08:20:19 · 256 阅读 · 0 评论 -
博客系统页面设计
文章目录HTML博客列表页面(index.html)博客正文页面(article.html)博客登录页面(login.html)博客编辑页面(editor.html)CSScommon.cssedit.cssarticle.cssindex.csslogin.cssJS博客系统主要分为四个页面,具体网页展示和代码部分如下:博客列表页面(index.html)博客正文页面(article.html)博客登录页面(login.html)博客编辑页面(e原创 2022-03-06 04:48:42 · 3517 阅读 · 0 评论 -
下班前几分钟,我彻底弄懂了JavaScript的原型与原型链
前言JavaScript 原型与原型链历来都是面试的重点,也是难点,理解起来没有那么容易。正文理解原型的几个要点,能更容易理解原型这个概念:1、所有的引用类型(数组、对象、函数)可以自由扩展属性(除null以外);2、所有的引用类型都有一个“__proto__”属性(隐式原型,是一个对象);3、所有的函数都有一个“prototype”属性(显式原型,是一个对象);4、所有引用类型的“__proto__”属性指向它的构造函数的“prototype”属性;5、当访问一个对象的属性时,如果这个对象原创 2022-03-06 03:26:47 · 68 阅读 · 1 评论 -
Web前端开发工程师知识体系_17_CSS(五)
一、浮动和文档流1.默认文档流流就是文档布局的自身特性,而定位机制可能就会打破原有流的特性;默认文档流有内联元素(从左向右排列)、块级元素(从上向下排列)。2.脱离文档流文档一旦脱离文档流,就不再受文档流布局约束,在算其父元素高度时不包括自身;以下情形会导致元素脱离文档流:float 浮动、position 定位(绝对定位、固定定位)。3.浮动子元素在父元素中浮动时,会使其脱离文档流,导致父元素失去管理能力。属性:float:none 默认不浮动float:left 左浮动float:r转载 2022-03-06 02:05:56 · 77 阅读 · 0 评论 -
vue3启动报pluginviteimport-analysis错
报错原因是由于vite引起的,在vite中引入需要加入后缀名,即.vue原创 2022-03-06 00:44:34 · 4215 阅读 · 1 评论 -
VM107288 crbug1173575, non-JS module files deprecated
前端后端交时,注意后端端口号VM10:7288 crbug/1173575, non-JS module files deprecated.网址再对,八成端口号错了原创 2022-03-03 22:58:50 · 3021 阅读 · 0 评论 -
TS2305 Module ‘“....node_modulesvuedistvue“‘ has no exported member ‘ref‘
项目场景:VUE3 中 报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.问题描述:TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’vue3中所有的组件引入都报错,提示方法模块不存在原因分析:最开始以为是vue版本不对,从vue3.0.0升级到最新的vue3.2.20 依旧报错。后原创 2022-03-03 17:25:19 · 2480 阅读 · 1 评论 -
npm WARN deprecated har-validator@5.1.5 this library is no longer supported
报错解决链接(靠谱)npm WARN deprecated har-validator@5.1.5: this library is no longer supported原创 2022-03-03 16:20:30 · 6297 阅读 · 0 评论 -
Js(二)SyntaxError Cannot use import statement outside a module
前言本章主要讲述js报错之SyntaxError: Cannot use import statement outside a module的解决一、问题描述问题:顾名思义,根据错误信息翻译【不能在模块外部使用导入语句】,即报错地方import { v4 as uuidv4 } from 'uuid’该导入语句在模块外二、解决方法由于在模块外,我们更改package.json即可,在文件中添加【“type”: “module”】“type”: “module”三、查看结果原创 2022-03-03 15:16:02 · 4066 阅读 · 0 评论 -
FastJson com.alibaba.fastjson.JSONException parseInt error, field id问题解决
问题描述:com.alibaba.fastjson.JSONException: parseInt error, field : id问题分析:1、使用JSON.parseArray()进行实体类类型转换时,UserEntity的id属性类型为Long,而UserDto的id属性类型为Integer,导致UserEntity转换为UserDto时,Long类型转换不了Integer类型,导致报错。 List<UserEntity> userEntityList = new原创 2022-03-03 14:11:31 · 4171 阅读 · 0 评论 -
Cannot read property ‘prototype‘ of undefined
目录vue3.x创建项目 引用 elementUI 控制台报错 如下图所示:?报错起因:?解决方法:使用vue3.x版本 引入ElementUIvue3.x创建项目 引用 elementUI 控制台报错 如下图所示:Cannot read property ‘prototype‘ of undefined报错起因:看一下element官网的 这句话:意思就是实例对象不一致,官网上的实例对象是vue/3.0(vue2.x)版本创建的对象,而我创建的项目是用vue3.x创建的,实例对象原创 2022-03-03 12:20:05 · 555 阅读 · 1 评论 -
基于Vue.js+SpringBoot+MyBatis+MySQL的高校综合资源发布分享社交二手平台 文档+项目源码及数据库文件+演示视频
目录1 需求分析 11.1 设计背景和意义 11.2 国内外研究现状 21.3 设计内容 31.4 系统功能结构 31.5 可行性分析 42 概要设计 52.1 开发环境 52.2 系统总体要求 52.3 系统体系结构设计 82.4 系统功能模块设计 92.5 数据库设计 143 详细设计 253.1 权限管理模块 253.2 资源管理模块 273.3 系统管理模块 293.4 账户业务模块 303.5 资源业务模块 333.6 全文搜索模块 383.7 即时通讯模块原创 2022-03-02 12:54:10 · 578 阅读 · 0 评论 -
登录注册界面模板
登录注册界面案例一具体实现先看一下最终效果,登陆和注册背景图片:附源码:login.html<!DOCTYPE html><!-- saved from url=(0047)file:///D:/web%E8%84%9A%E6%9C%AC/WEB/login.html --><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; chars原创 2022-03-02 03:57:58 · 3625 阅读 · 0 评论 -
代码画年兽,虎年祝大家虎虎生威
代码画年兽,不依赖图片,纯CSS33代码教会你画可爱的小老虎,可以动起来的小老虎:实现效果:HTML代码:<!-- * @Author: --><!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>#Codepenchallenge: Cute Tiger</title> <link原创 2022-03-02 01:50:45 · 315 阅读 · 0 评论 -
Wrapper中的QueryWrapper常用ge,gt,lt,le具体含义
英文缩写英文全拼含义EQequal等于NEnot equal不等于GTgranter than大于LTless than小于GEgranter than or equal大于等于LEless than or equal小于等于原创 2022-03-02 00:47:06 · 3992 阅读 · 0 评论 -
vue3 onMounted的坑
onMounted的坑当放在return后面只显示onmounted里面的函数<template> <h1>我是Vue3</h1> <h2>name:{{name}}</h2> <h2>age:{{age}}</h2> <h2>{{position.age}}</h2> <h2 v-show="position.p">{{position.p}}</h2&g原创 2022-03-01 23:43:48 · 12240 阅读 · 1 评论 -
SpringBoot之整合Shiro(最详细)
1.SpringBoot整合Shiro思路2. 环境搭建2.1 创建项目2.2 引入依赖pom.xml<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency&g原创 2022-03-01 20:01:10 · 645 阅读 · 0 评论 -
python turtle虎年来拜年了
1.画个虎# coding=utf-8from turtle import *import timeCOLOR = '#B2814D'def set_start(x, y, w, c=COLOR): penup() setx(x) sety(y) setheading(towards(0, 0)) width(w) pencolor(c) pendown() speed(0)def left_rotate(time, an原创 2022-02-28 22:36:20 · 235 阅读 · 0 评论 -
MyBatis-Plus 如何实现连表查询
mybatis-plus-joingiteegithub使用方法安装在项目中添加依赖<dependency> <groupId>com.github.yulichang</groupId> <artifactId>mybatis-plus-join</artifactId> <version>1.2.2</version></dependency>或者clone代码到原创 2022-02-28 20:23:35 · 1083 阅读 · 1 评论 -
Fiddler详解-Fiddler Classic
Fiddler和Charles一样,都是网络封包截取工具。可以利用Fiddler抓取web端、移动端与服务器之前的接口请求,测试人员可以根据请求数据快速地定位出软件出现bug的原因(是前端处理数据不当还是后端提供的接口数据有问题),研发也可以根据Fiddler抓取到的信息对软件产品进行调试。Fiddler安装一般我们选择下载可免费使用的Fiddler Classic,Fiddler Everywhere虽然是Fiddler Classic的升级版,其功能上的优化并不是很大,只是在使用性上会比经典版更加便原创 2022-02-26 23:30:24 · 1119 阅读 · 0 评论 -
Chrome速度惊人,不到30天修复40个漏洞
作者 | Ryan Schoen整理 | 张洁2012年来,Project Zero一直专注于挖掘安全研究人员更难发现的安全漏洞,从而提高互联网的安全性。他们与各行各业的人合作,目的是为了修复安全漏洞和更新人们的软件。据Project Zero中的Ryan Schoen统计,2021年,供应商平均需要52天来修复Project Zero报告的安全漏洞。与3年前相比,少了28天,已经取得了很大的进步。一旦供应商在标准期限内收到错误报告,会有90天的时间来修复它并向公众发布修补版本,另外还有14天的宽限原创 2022-02-26 20:41:41 · 96 阅读 · 0 评论