普通网友-CSDN博客

原创 vue常用之状态管理的vuex“4个map“

一、四个map方法的使用**mapState方法：**用于帮助我们映射state中的数据为计算属性computed: { //借助mapState生成计算属性：sum、school、subject（对象写法） ...mapState({sum:'sum',school:'school',subject:'subject'}), //借助mapState生成计算属性：sum、school、subject（数组写法） ...mapState(['su

2022-03-16 14:05:14 293

原创 Git入门看这一篇就够了

老规矩，在学习前我们先看一下学习框架：Tip: Git分支内容较多就放在另一篇文章中啦目录Git起步——版本控制版本控制软件版本控制软件的好处版本控制软件的分类Git基础Git基础Git中的三个区域Git中的三种状态基本的Git工作流程安装并配置GitGit的基本操作Github了解开源的相关概念Github的使用——远程仓库的使用一、基于HTTPS将本地仓库上传到Github二、基于SSH将本地仓库上传到Github（重点）总结Git起步——版本控制版本控制软

2022-03-15 14:06:28 227

原创 bean基于xml文件

bean管理指的是两件事：1.spring创建对象2.属性注入给对象中的属性赋值1.bean创建对象：无参构造函数xml文件：<bean id ="user" class="com.atuguigu.spring5.User"></bean>属性值：id是唯一的标识，也别的也可以，class是对象所在的全路径包名.类名创建对象的时候，默认执行的是无参的构造函数，所以需要类中要有无参构造函数，否则会报错有参构造函数java如果定义了一个有参构造函数，则不

2022-03-15 12:44:14 593

原创 Redis 基础实践

Redis 基础实践Redis 基础实践简介特性企业缓存数据库解决方案对比redis应用场景安装Redis 持久化RDB持久化AOF持久化redis 数据类型字符串(string)列表(list)集合(set)有序集合(sorted set)哈希(hash)raids 消息模式任务队列发布者订阅模式redis 常用命令configINFOSELECTKEYSBGSAVEDBSIZEFLUSHDBFLUSHALL

2022-03-15 11:22:35 119

原创 JavaScript奇淫技巧：压缩并加密图片

本文将用JavaScript实现两个颇有技术含量的功能：压缩图片、加密图片。直入正题：一、压缩图片压缩原理：将图片读入canvas，并使用canvas的toDataURL方法将图片base64化，在此过程中，可以设定quality值，即图片质量值，值为0.1到1之间，值越小，压缩度越高。完整代码：运行效果：压缩率上图中可以看到，压缩后图片的大小是28KB，而原始的文件大小是400多KB：可见，压缩效果还是非常不错的。二、加密图片前面所述的图片压缩，是很实用的技术，接下来才

2022-03-14 17:37:41 109

原创 vue3 如何定义全局变量

在vue2中，我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量，然后通过this.$xxx来获取全局变量。但是在vue3中，这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的，因此按照官方文档我们使用下面方法来定义全局变量：首先在main.js里写一个我们要定义的全局变量，比如一个系统id吧app.config.globalProperties.$systemId = "10"现在在页面里需要使用这个变量，只需要从vue中引入g

2022-03-11 20:47:30 2466

原创 Postman 是个好用的工具，不试一下？

忘了 postman 是被谁种草的，很长一段时间内 postman 都是我做接口测试的首选工具，之前也有小伙伴跟我安利过 IDEA 中的 RestfulToolkit 插件，但是一直没机会体验，最近抽空玩了一把，感觉在某些场景下还蛮不错的(不需要认证的场景下)，和小伙伴们分享下。1. RestfulToolkitRestfulToolkit 是一套 RESTful 服务开发辅助工具集，它主要提供了如下功能：**·**根据 URL 直接跳转到对应的方法定义 ( Ctrl or Ctrl Alt N )；

2022-03-11 15:23:25 67

原创 JSON字符串的几种格式

1.JSON数值({ “key” : value}){ "key" : 520, "key1" : 1314} 2.JSON字符串({ “key” : “value”}){ "key" : "我爱你", "key1" : "一生一世"}3.JSON数组({ “key” : [value]}){ "key" : [520, 1314], "key1" : [520, 3344]}4.JSON对象({ “key” : {value}}

2022-03-11 14:00:52 1671

转载 H5画布 canvas 入门到精通 _ 第一部分(canvas简介、绘制圆形矩形、案例饼状图绘制)

目录1. canvas 简介2. canvas 标签介绍3. canvas 上下文 Context4. 案例：在 canvas 画布中绘制表格5. canvas 的 beginPath 状态6. 绘制矩形 rect7. 绘制圆形 arc8. 案例：根据一组数据绘制饼状图1. canvas 简介canvas 是HTML5 提供的一种新标签，与 div 类似，是一个矩形的画布，它可以支持 JavaScript 在上面绘画，控制每一个像素；canvas 拥有多种绘制路径、矩形、圆形、字符以

2022-03-11 12:39:04 183

原创 Bootstrap broker localhost9092 (id -1 rack null) disconnected

现象描述：代码连接本地kafka没有问题能监听到监听的topic，可获取通道中的所有topic将kafka放到服务器上，本地程序启动报异常，可获取kafka中所有的topic，但是监听topic不起作用启动时，报下面两个异常Bootstrap broker localhost:9092 (id: -1 rack: null) disconnectedConnection to node -1 (localhost/127.0.0.1:9092) could not be established.

2022-03-11 11:17:41 7018

原创（Vue）Vue课后题

Vue课后题文章目录Vue课后题第1章 Vue.js 基础入门一、填空题二、判断题三、选择题四、简答题五、编程题第2章 Vue 开发基础（上）一、填空题二、判断题三、选择题四、简答题五、编程题第3章 Vue 开发基础（下）一、填空题二、判断题三、选择题四、简答题五、编程题第4章过渡和动画一、填空题二、判断题三、选择题四、简答题五、编程题第5章 Vue 路由一、填空题二、判断题三、选择题四、简答题五、编

2022-03-10 13:34:47 12845 1

原创若依框架学习(三)PageHelper

用户数据分页对于如何分页显示用户数据，我们首先找到当前路由地址是：http://localhost/system/user这说明应该在对应的Controller有/system/user，并且有pageNum=1和pageSize=10这两个参数，找到对应的Controller后，往下找就找到了这里先讲下@PreAuthorize注解，这是SpringSecurity的注解，作用是限制对该方法的访问，在访问方法前，会校验目前用户是否有访问该资源，通过@ss的hasPermi（）方法来处理，ctr

2022-03-10 12:13:56 687

原创一个前端对七个后端？别说难，你可能连工作都找不到

前言打卡成功，下班辛苦了不辛苦，命苦放平心态，慢慢厉害一个前端对七个都还算好了，群里有的小伙伴还有一个对八个后端、一个对十个的（有两个前端离职了一位），这看似前端人员可以增加的，可相反的是，前端工作也是不好找，内卷都要卷不动了。在知乎上看到个问题：为什么 211/985 毕业的前端工程师那么难招？下面有个评论很有意思：工程师A说我是211的，工程师B说我是985的，工程师C说我996的，玩笑中又带有点心酸。在这内卷又压力的环境下，还是得夯实技术，提升个人竞争力，找出突破口。稳扎稳打稳输出知

2022-03-09 13:10:00 129

转载 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-09 08:50:58 1203

原创 TypeError undefined is not iterable (cannot read property Symbol(Symbol.iterator))

今天在学习react Hooks使用时，因为自己粗心大意，写了一个非常傻的一句代码，导致了react 报错TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))最后找了十分钟，浪费了时间切记切记，不要再烦下面我来说了这个简单的特别啥的bug我们都知道react 去年出了 Hooks ，但是之前一直用vue开发，很少使用过react。最近公司接了个react项目，没办法，只能在学习一下

2022-03-08 14:10:40 1536

原创 npm安装报错解决合集（一）

在新版nodejs已经集成了npm，所以npm也都安装好了。可以通过输入下面命令来测试是否成功安装node -vnpm -v如果安装成功，都会出现版本号用npm -v测试，报错：node:internal/modules/cjs/loader:936 throw err; ^Error: Cannot find module 'D:lcbsoftwareodejsode_modulespminpm-cli.js' at Function.Module._reso

2022-03-08 12:50:15 4822

原创 js请求路径控制台报错 Failed to launch ‘xxx‘ because the scheme does not have a registered handler

控制台报错: Failed to launch ‘xxx’ because the scheme does not have a registered handler.这种错误是因为请求没有协议,应该把协议头加上错误的例子 window.location.href="localhost:8080/goShowJSP"正确的例子 window.location.href="http://localhost:8080/goShowJSP"...

2022-03-08 11:30:05 6577

转载 HTML——表白（效果+代码）

目录效果代码说明效果代码demo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" conte

2022-03-08 10:09:42 10631

原创 Delete ``eslintprettierprettier

一，原因这篇博客写得很清楚：https://blog.csdn.net/weixin_42752574/article/details/114055598还有这篇文章，解决办法很详细：https://segmentfault.com/a/1190000021803437二，解决办法三，我的处理–新建rn+ts项目后.eslintrc.jsmodule.exports = { root: true, extends: '@react-native-community', rules:

2022-03-08 08:49:39 270

原创测试工具篇：postman技巧

在日常开发中我们经常以两种情景：因为接口部署在不同的环境（一般至少是三个，开发，测试和线上），所以我们在测试接口时需要来回切换它的url，或是同样的接口要分成至少三份有些b端项目中对于 token 的时效性要求比较苛刻，我现在做的这个项目token的有效时间只有10分钟，很明显我们不可能把时间浪费在获取token上，但是我们在发送请求的时候又要带上有效的 token ，那么我们必然要在测试接口之前发送一个获取 token 的请求很幸运，postman 完全可以解决以上需求，第一个需求需要 po.

2022-03-07 08:52:06 153

原创安装vue脚手架出现GET httpsregistry.npmmirror.comvue-cli-g response 404 status

安装vue脚手架出现GET https://registry.npmmirror.com/vue-cli-g response 404 status解决方案：win10：在windows Powershell(管理员)下输入cnpm install vue-cli-g再次检测成功！

2022-03-06 05:20:53 1734

原创【2022-01-06】JS逆向之QCC请求头参数

提示：文章仅供参考，禁止用于非法活动文章目录前言一、页面分析二、参数定位三、加密方式四、结果前言目标网站：aHR0cHM6Ly93d3cucWNjLmNvbS9jYmFzZS82YmM3ZTdjY2RiNzU1MzkxNjUxMzE2YTAyMjdjMDU5Yi5odG1s一、页面分析进到网站后，点下基本信息，让后抓包，看头，里面有个参数是不一样呢二、参数定位这里参数都不一样，那就不能直接搜参数了，这咋搞呢，下xhr断点？可以试试熬一直到这后，是个异步的，得要单步走咯

2022-03-06 02:38:04 422 1

原创 VUE在setup中使用data的数据

使用getCurrentInstance方法获取data内的数据import { getCurrentInstance } from "vue";export default { data() { return { b: "data数据", }; }, setup() { const datab = getCurrentInstance(); async function getdata(){ let dataa=datab.data.b

2022-03-06 01:16:46 5865 1

原创 Vue-Element-Admin的项目集成自己的接口，登录跳转

1、先看一下请求配置文件，看axios.create这个方法，baseURL是基础路由baseURL:process.env.VUE_APP_BASE_API,路径：src-utils-request.js2、然后再看service.interceptors.request.use，设置token请求头，我后端集成的是jwt，所以请求头是Authentication，如图config.headers['Authentication'] = getToken()3.设置自己的状态码，看ser

2022-03-05 23:55:51 815

原创 Vue Cannot read properties of null (reading ‘setAttribute‘) 报错

vue+element-ui 的项目报这个错：Cannot read properties of null (reading 'setAttribute') 或者Cannot read property 'disabled' of null 报错是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错，加上子组件就好了： <el-dropdown> &

2022-03-03 23:13:07 4121

原创 Pinia 上手指南 -- 新一代状态管理工具，它会成为 Vuex 的良好替代品吗？

目录一、简介二、入门1、安装2、何为 Store ？3、何时使用 Store ？三、基本使用1、Store2、State?定义 state获取 state重置 state更换 state修改 state订阅（监听）state?3、Getters创建 getters使用其他 getters访问其他 store 中的 getters4、Actions创建 actions异步 actions访问其他 store 中的 actions订阅 actions四、与 Vue

2022-03-03 16:34:31 1034

转载 HGAME 2022 Writeup

文章目录Level - Week1WEBeasy_auth蛛蛛…嘿嘿?我的蛛蛛Tetris plusFujiwara Tofu ShopMISC欢迎欢迎！热烈欢迎！这个压缩包有点麻烦好康的流量群青(其实是幽灵东京）CRYPTODancing LineMatryoshkaEnglish NovelLevel - Week2WEBApache!webpack-engineAt0m的留言板一本单词书PokemonMISC

2022-03-03 14:25:31 3084

转载 css和图片主题色

这个想法是来源于「性能优化」中的骨架屏：在图片居多的站点中，这将是非常nice的体验 —— 图片加载通常是比较让人难受的，好的骨架中一般占位图就是低像素的图片，即大体配色和变化是和实际内容一致的。有时候比如图片不固定的，那可以使用算法获取图片的主体颜色（至少得是同色系的吧），使用纯色块占位。再进一步想到，在一些“轻松”的场景下，我们可以让背景色/页面主题色跟随轮播图改变。至于效果嘛…你们可以想一下网易云音乐滑动切歌时的背景效果。因为是不固定图片，所以我想到了四种方法：tensorflow.js

2022-03-03 13:21:12 404

原创解决： Uncaught ReferenceError process is not defined

Uncaught ReferenceError: process is not defined发现许多博客只是添加了nodeIntegration: true,仍然会报这个问题解决办法# 再添加一行contextIsolation: false# 完整代码 const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.

2022-03-02 13:08:11 2614

原创能够有效提升开发效率的 20 余款 VSCode 插件（多图带效果展示）

能够有效提升性能的 20 余款 VSCode 插件代码快捷键、报错信息、代码注释，总有一款 VSCode 的插件能够提升你的工作效率。有下载量可以说是非常大、百万级别的插件，至少感觉是应该下载试用一下的插件们，也有你可能都没有听说过，但是个人体验非常好用的插件。Auto Rename Tag使用效果如下：又因为 auto rename tag 中并不是一定需要输入“合法”的标签名，所以对于其他的框架——例如说 React——来说，用途也挺大的。Image Preview不知道自己是不是插入

2022-03-02 04:11:46 373

原创微信小程序报错： VM102 WAService.js2 Unhandled promise rejection TypeError

首先先看报错。报错的原因是版本问题。。我的默认版本是2.19.4我改成2.14.1之后就不会报错了

2022-03-02 03:08:09 2464

原创关于前端 Vue 框架面试题，面试可能会被问到哪些？

前言了解前端的小伙伴，一定知道Vue框架，因为现在市场上Vue框架是目前应用最广泛的框架。基本上很多东西里的框架都是用Vue。所以今天给大家分享Vue框架的面试题，这样在面试的时候也能够有备无患。Vue框架面试题Vue框架面试题内容主要包括：Vue基础知识点，Vue核心知识点，Vue-cli工程，Vue-router，Vuex，http请求，UI样式，常用功能，深入拓展…Vue基础知识点Vue特性Vue项目结构介绍Vue 常用指令Vue常用的修饰符条件渲染列表渲染组件.

2022-03-02 02:04:31 639 1

原创【2022-01-19】JS逆向之拉钩登入（下）

文章仅供参考，禁止用于非法途径文章目录前言一、页面分析二、加解密定位和分析三、测试前言年末实在是太忙了，这篇文章打开了好几次，终于拼凑完了上篇【2022-01-11】JS逆向之拉钩登入（上）讲到了加密用到的aeskey，这篇继续讲一、页面分析这个https://gate.lagou.com/system/agreement 接口是激活aeskey的，然后回返回secretKeyValue，用于后续请求头里的X-SS-REQ-HEADER 和 X-K-HEADER然后这个X-S

2022-03-02 01:00:52 145

原创 vue3.0 语法糖内的defineProps及defineEmits

标题vue3：语法糖内的defineProps及defineEmits1、defineProps获取组件传值<div :style="fontstyle"> <div class="rate" @mouseout="mouseOut"> <span @mouseover="mouseOver(num)" v-for="num in 5" :key="num">☆</span> <!-

2022-03-01 23:57:30 2129

原创 TypeError load() missing 1 required positional argument ‘Loader‘

最近使用yaml.load()时报错 TypeError: load() missing 1 required positional argument: ‘Loader’记录原因：YAML 5.1版本后弃用了yaml.load(file)这个用法，因为觉得很不安全，5.1版本之后就修改了需要指定Loader，通过默认加载器（FullLoader）禁止执行任意函数，该load函数也变得更加安全用以下三种方式都可以d1=yaml.load(file,Loader=yaml.FullLoader)d1=

2022-03-01 20:15:26 808

m0_67390773的博客