jiey0407的博客

大家好，我是路人，这是SpringMVC系列第31篇。今天又给大家带来了一个很重要的知识点：SpringMVC中如何处理跨域问题，本文的内容同样适合于SpringBoot1、跨域访问报错当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源，比如从a.com发送一个ajax请求到b.com，则浏览器控制台会报跨域访问错误。如下图，从http://localhost:63342/站点页面中向ttp://localh

从官网https://github.com/PanJiaChen/vue-element-admin下载的版本带有 tui-editor版本1.3.3 ，在编译时会遇到如下问题：error An unexpected error occurred: "https://github.com/sohee-lee7/Squire.git/info/refs?service=git-upload-pack: connect ETIMEDOUT 20.205.243.166:443".info If you t

本文目录一、背景描述二、原因分析三、解决方案一、背景描述项目架构：Spring Boot (v2.0.0.RELEASE) + Mybatis-Plus (v3.1.1)今天在一个老项目（运行的非常正常）上开发一个新的功能，添加新功能之前，项目启动、运行很正常，结果开发完之后，项目启动不了了，后台也不报任何错误信息，关键是连日志都没有，一时间竟这让我无从下手啊。二、原因分析根据情况分析得出，项目是无法启动，想着肯定是启动哪里会有问题，然后就是启动类里启动项目那一行（也就是以下这代码加上）加

说明AdminLTE是网络上比较流行的一款Bootstrap模板，包含丰富的样式、组件和插件，非常适用于后端开发人员做后台管理系统。因为最近又做了个后台管理系统，这次就选的是AdminLTE做主题模板发现效果不错，这里我把最核心的SpringBoot如何集成AdminLTE实现增删改查的源码提供出来，需要的朋友可以参考而少走弯路。项目源码需要源码的朋友给我来个一键三连，留个邮箱后发送！实现效果技术选型前端：Thymeleaf+Bootstrap+AdminLTE+插件后端：Spri

Node和node-sass的版本存在绑定关系，关系对照表如下：如果版本不匹配，比如在node16上面安装node-sass 4.x，那么就可能会报以下错误，此时如果没有别的项目受影响，最好是将node的版本降低一下（咨询朋友说最好是降级node，升级node-sass可能引发别的风险）npm ERR! &npm ERR! 2 warnings generated.npm ERR! In file included from ../src/b

“关于JavaScript的那些小事”一、JS是什么？//JavaScript 简称 js;/*编写代码必须要在script标检中！*//*打印 console 控制台 log 日志 console 相当于java中的syso *///因为js是一门弱类型的语言，所以在js中，’'和""都可以，不会影响//在js中，是严重区分大小写的！！//在js中，可以不写；分号， 但是要跨行！！console.log(‘你好世界！’)console.log(“hello world！”)二、JS中

el-checkbox的lable的用法很关键。lable对应的是v-model绑定的数组里的对象。例如：如果lable直接设置为整个item，则v-mode绑定的数组里的对象是整个item。如果lable设置为item的某个值，则v-model绑定的数组里的对象是被绑定的item的某个值。data定义:sendTypeList: [{ value: 1, label: "手机短信" }, { value: 2, label: "邮箱" }, ],

Vue常见面试题Vue的优点说说你对SPA单页面的理解，它的优缺点分别是什么？SPA首屏加载速度慢的怎么解决？Vue初始化过程中（new Vue(options)）都做了什么？对MVVM的理解？Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0 里为什么要用 Proxy API替代 defineProperty API？Proxy 与 Object.defineProperty 优劣对比vue中组件的data为什么是一个函数？而new Vue 实例里，da

1，首先找一个你电脑已经自带了的浏览器。然后打开浏览器。2，在浏览器里面的搜索框输入谷歌浏览器。然后进行搜索。找到带有官方标志的网址点击进去。（优先选官网下载，因为非官网的有时候会带有捆绑软件或病毒。）3，在谷歌浏览器界面找到下载界面。(1)去掉已勾选的将使用情况统计信息发送给谷歌。（这个去不去掉勾都可以下载，我只是不想过分泄露信息。）（2）点击下载Chrome。4，下载完先点保存。（我只是个人习惯哈，你们要是习惯直接点击运行也是没事的。）5，点击完保存后界面会发生变化，你继续点

本篇文章记录了useRoutes第一个参数的使用方法，暂不涉及第二个参数。文章目录一、使用位置二、嵌套路由三、分模块管理注意事项一、使用位置一开始以为可以像react-router-config那样使用，于是写成import { BrowserRouter as Router, useRoutes } from 'react-router-dom';const SetRoutes = () => { const routes = useRoutes([ {

基础路由里面增加开发者自定义属性 router.ts的RouteRecordRaw类型校验为了规范化typescript开发，增加路由对象类型限制，好处：允许在基础路由里面增加开发者自定义属性。 { path: '/project', hidden: false, name: 'project', component: () => import("../pages/project/index.vue"), },值得注意的是 在src目录下新增一个路由声明文件

目录：导读一、前言二、HTTP协议三、Fiddler简介和工作原理四、Fiddler六大块详解五、Fiddler过滤器六、Fiddler 对于WEB项目的抓包和改包项目实战七、Fiddler弱网测试八、Fiddler抓取https协议的数据报文和移动端抓包测试九、总结一、前言抓包工具有很多，比如常用的抓包工具Httpwatch，通用的强大的抓包工具Wireshark.为什么使用fiddler原因如下：1.Wireshark是通用的抓包工具，但是比较庞大，对于只需要抓取http请求的

1、为什么选择VUE，解决了什么问题？vue.js 正如官网所说的，是一套构建用户界面的渐进式框架。与其它重量级框架不同的是，vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另外一方面，当与现代化工具链以及各种支持类库结合使用时，vue 也完全能够为复杂的单页应用提供驱动。vue.js 有声明式，响应式的数据绑定，组件化开发，并且还使用虚拟 DOM 等技术，统一编程规范和模块等，将项目功能模块化更方便组织和构建复杂应用，便于项目的扩展和维

文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / meth

使用 vue3 配置路由，步骤如下1、安装路由npm install vue-router@4笔者这里的演示项目名称是vue3-project2、新建页面这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件A.vue内容<template> <div>A</div></template>B.vue内容<template> <div>B</div&

前言：本文章将讲述两种不同的方式的传参方法：方法一：类似：/home/123、/home/123/zhangsan先看demo：根组件：只关心我框出来的内容即可Home组件：HomeItem组件：Invoice组件：导入的依赖：场景：比如说，我想访问主页，但是每个人的主页信息是不同的，直接访问/home肯定是确定不了的，需要携带一些参数，比如id和name之类的，这样你才能确定你访问是谁的主页，那路径就有可能是类似这样的/home/zhangsan，又或者说有可能会有同名的

系列文章目录提示：node基础, 系统模块,第三方模块，node.js 对数据库的操作（增删改查）.使用node实现对列表简单的增删改查功能，博客项目连接数据库，博客项目前端文章目录系列文章目录前言一.node.js 是什么？二.Node 入门2.1 node 组成2.2 node运行三.系统模块3.1 什么是系统模块3.2 文件操作3.3 写入文件四.第三方模块4.1. 如何获取第三方模块（其他开发者开发的模块叫第三方模块）4.2. 本地安装和全局安

这个错误:很气人:To install it, you can run: npm install --save element-china-area-dataError from chokidar (D:): Error: EBUSY: resource busy or locked, lstat ‘D:DumpStack.log.tmp’可以看到,明明已经给出解决方案了,说:npm install --save element-china-area-data执行一下,其实就是本地缺少这个组件,执

1.功能方面：在流程和功能测试上是没有区别的，系统测试和一些细节可能会不一样。那么我们就要先来了解，web和app的区别：web项目，一般都是b/s架构，基于浏览器的，而app则是c/s的，必须要有客户端。在系统测试的时候就会产生区别了。首先从系统架构来看的话，web测试只要更新了服务器端，客户端就会同步会更新。而且客户端是可以保证每一个用户的客户端完全一致的。但是app端是不能够保证完全一致的，除非用户更新客户端。如果是app下修改了服务端，意味着客户端用户所使用的核心版本都需要进行回归测试一遍。

Node.js 全栈基础1. Node.js 光速入门1.1 Node.js 概述Node.js 是什么Node.js 不是一门编程语言，它是一个执行 JavaScript 代码的工具。工具是指可以安装在计算机操作系统之上的软件。为什么浏览器和 Node.js 都可以运行 JavaScript因为浏览器和 Node.js 都内置了 JavaScript V8 Engine。它可以将 JavaScript 代码编译为计算机能够识别的机器码。3. 浏览器中运行的 JavaScrip

报错如下：使用场景：上传文件同时要传递参数用实体类接收原因分析：@RequestParam和@RequestBody一起使用了解决办法:采用@RequestParam接收就行，前端和后台数据对应（小编使用的是element ui 上传组件）前端如图：后台接收-如图：MyVo的代码：这样上传图片并且能使用实体类接收参数...

1.解释一下什么是闭包什么是闭包：函数使用了不属于自己的局部变量(函数套函数，里面函数使用了外面函数定义的变量)闭包的作用：避免全局污染闭包的缺点：使用过多会造成内存泄漏（占用的内存释放不掉）2.js中的本地存储有哪些，区别是什么(1).sessionStorage仅在当前会话下生效，当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。可存储的数据大小一般在5mb。不参与和服务器的通信(2).localStorage永久有效，关闭浏览器也不会消失的，除非自己主动清除l

问题背景在设计页面时，我们经常会遇到类似这样的页面布局：图中一个容器内有多个内容块，每块都有一个底部的下划线，但是一般为了美观，最后一个内容块儿的下划线是要去掉的接下来我们看看通常情况下，是如何处理这种样式的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://

vue3 使用element-plus Dialog踩坑记录之methods用法与setup用法Element Dialog最原始的调用1.在methods()中踩的坑2.在setup()中踩的坑Element Dialog最原始的调用复制过来的代码可以直接把dialog弹出来<template><el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button&

OperatorsmapDataStream → DataStreamflatMapDataStream → DataStreamfliterDataStream → DataStreamkeyByDataStream → KeyedStream对数据进行分流reduceKeyedStream/WindowedStream/AllWindowedStream → DataStream用于keyBy或者window/windowAll之后windowKeye

介绍一个使用 vite + vue3 + pinia + ant-design-vue + typescript 完整技术路线开发的项目，秒级开发更新启动、新的vue3 composition api 结合 setup纵享丝滑般的开发体验、全新的 pinia状态管理器和优秀的设计体验（1k的size）、antd无障碍过渡使用UI组件库 ant-design-vue、安全高效的 typescript类型支持、代码规范验证、多级别的权限管理~前言前两天接到了一个需求，就是把原来的一个项目的主要功能模块和用

一、需求：实现Springboot中MyBatisplus使用IPage和Page分页二、技术：MyBatisplus的IPage和Page三、实现1、代码结构2、代码详情（1）Controllerpackage com.xkcoding.rbac.security.controller;import lombok.extern.slf4j.Slf4j;import org.springframework.beans.factory.annotation.Autowired;impo

今天新启动一个项目，在 npm install 安装依赖项时出现报错。ERR! code 1npm ERR! path C:UsersAdministratorDesktope31mall-admin-webode_modulesode-sassnpm ERR! command failednpm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building: C:Program Fi

今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。vue.runtime.esm.js2b0e:619 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)”翻译结果：立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性经过筛查，我们发现去掉row-key="i

1、javascript基本数据类型？string、number、null、underfined、booleanobject是所有对象的父对象。2、浅谈javascript中变量和函数声明的提升？变量和函数声明的提升会被提升到最顶部去执行；函数的提升高于变量的提升；如果在函数内部用var声明了与外部相同的变量，则不向下寻找；匿名函数不会被提升；不同块中互不影响。3、什么是闭包？闭包有什么特性？闭包就是能够读取其他函数内部变量的函数。闭包的特性：函数内部可以嵌套函数；内部函数可以直接

上来先放一张图让大家常常鲜度：优快云浏览器助手安装后的界面这款插件可以使我们开发效率提升，而且舒心愉悦开发助手模块内容在开发助手模块里面我们可以设置常使用的站点到页面中，也可以对布局样式按照自己喜好做调整非常的好用功能介绍换肤功能有多款壁纸任你选择，可以根据心情去更换，而且还支持本地图片上传当做我们的壁纸这时候有女朋友或者男朋友亦或者有心上人的就可以换上了，每天都看着对方是不是非常的惬意呢还支持随机切换哦个性化图标更换图标样式、颜色、名称内容等是多么的惬意，可以将朋友的名

做项目有个需求——实现审批流程，看了钉钉审批流感觉功能很强大，模仿其实现审批效果。效果图没有找到windows录制视频转gif的软件,所以只能放一张静图了，有好的软件欢迎各位积极分享。代码位置整个流程上传至github:https://github.com/ylqymm/workFlow步骤初始化workFlow.vue:<div class="approval-flow fd-nav-content"> <div class="dingflow-desig

目录Nginx 的介绍Nginx 的产生Nginx 的用途关于代理正向代理反向代理项目场景负载均衡Web 服务器对比Nginx 的介绍Nginx 是一款是由俄罗斯的程序设计师 Igor Sysoev 所开发高性能的 Web 和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。在高连接并发的情况下，Nginx 是 Apache 服务器不错的替代品。Nginx 的产生Nginx 与 Apache 一样都是一种 Web 服务器。基于 REST 架构风格，以统一资

报错截图：这是我写的：修改之后：打包完成：

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

警告DeprecationWarning: find_element_by_* commands are deprecated. Please use find_element() instead button=broser.find_element_by_xpath('//span')弃用警告：不推荐使用 find_element_by_* 命令。 请改用 find_element()button=broser.find_element_by_xpath(’//span’)find_el

nvm 查看所有可以下载node的版本nvm list 命令 - 显示版本列表nvm list // 显示已安装的版本（同 nvm list installed）nvm list installed // 显示已安装的版本nvm list available // 显示所有可以下载的版本推荐下载LTS长期维护版本...

mac环境下在VScode里面跑这个是没有用的 npm install -g yarn但是可以在mac的终端里跑这个brew install yarn然后就好啦相关博客mac安装Typescript错误command not found: tsc

今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。vue.runtime.esm.js2b0e:619 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)”翻译结果：立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性经过筛查，我们发现去掉row-key="i