
前端
文章平均质量分 58
心动的偏执
这个作者很懒,什么都没留下…
展开
-
vue2的12种组件间通信方式,父传子,子传父,兄弟传值(超级硬核,宝藏)
玩之前创建一个 父组件 和 一个子组件 ,祝您玩的开心,整理了3多个小时,码字不易。1、props传递数据在父组件子组件添加自定义属性,挂载需要传递的数据,子组件用props来接受,接收方式也可以是数组,也可以是对象,子组件接收到数据之后,不能直接修改父组件的数据。会报错,所以当父组件重新渲染时,数据会被覆盖。如果子组件内要修改的话推荐使用 computed// Parent.vue 传送<template> ? <child :msg="msg"></chil.原创 2022-03-11 20:28:42 · 377 阅读 · 0 评论 -
uniapp——点击图片放大预览
点击图片放大预览效果图:<template> <view class="content"> <image class="logo" src="/static/logo.png" @click="clickImg"></image> </view></template><script> export default { data() { return { title: 'Hello',原创 2022-03-11 19:05:14 · 13151 阅读 · 1 评论 -
npm run serve Syntax Error Error Node Sass version 7.0.0 is incompatible with ^4.0.0
一、node-sass报错项目由于安装的node版本不同,安装依赖后导致项目运行失败并有报错问题。首先需要根据自己电脑安装的node版本对照出当前项目需要下载对应版本的node-sass依赖,对照表如下图:网页查找对应具体版本号的node-sass地址:node-sass - npm二、为了项目能够一口气跑起来,需要按步骤操作第一、查看电脑安装的node版本第二、根据对照表找出当前node版本需要安装的node-sass依赖版本,上图node对应的是4.14+,为了方便我直接在packag原创 2022-03-11 15:04:39 · 1224 阅读 · 0 评论 -
JavaWeb学生宿舍管理系统(JSP+JDBC+Servlet)
学生宿舍管理系统java运行环境:jdk1.8;web服务器版本:tomcat8.5;开发工具:idea2020.1 + navicat premium 15数据库:mysql 8.0源码地址:学生宿舍管理系统源码CSND无需积分下载:学生宿舍管理系统源码文档可以参考:学生宿舍管理系统需求分析与数据库设计欢迎有问题的同学在评论区评论呀!会及时回复的1. 学生宿舍管理系统首页沿用通讯录首页(利用flexibile布局)具体代码实现:(header.jsp+index.jsp)heade原创 2022-03-11 13:42:24 · 2928 阅读 · 4 评论 -
Error Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
前后端分离,写axios时常见报错常见问题-跨域(要配置一下vue.config.js)噢跨域的解释、定义:当前所在页面的url去请求后台提供的url的时候,这两个url的相比较之下,如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题1. 404可能是后端的bug,还没部署好(接口未处理)之类的可能是前端问题:路径错误(拼写错误!!!)跨域问题-路径没写对这是我main.js的配置(个人习惯不一样,可能不同噢)这是vue里面的写法,需要注意记着写写’${}‘否则跨域原创 2022-03-11 12:20:37 · 1955 阅读 · 0 评论 -
@ multi (webpack)-dev-serverclienthttplocalhost8080 webpackhotdev-server .srcmain.js
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev可是对我来说还是不行 所以就有了以下方法原本的文件名 .babelrc{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .原创 2022-03-11 10:59:18 · 1856 阅读 · 0 评论 -
都2021年了,再不学ES6你就out了 —— 一文搞懂ES6
JS干货分享 —— 一文搞懂ES6导语:ES6是什么?用来做什么?1. let 与 const2. 解构赋值3. 模板字符串4. ES6 函数(升级后更爽)5. Class类6. Map()导语:ES6是什么?用来做什么?ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版虽然15年就有正式版本了,但是国内普遍商用是在2018年之后去了,甚至到现在有很多前端仍然搞不懂ES6(都2021年了,兄dei~)原创 2022-03-10 13:16:33 · 245 阅读 · 0 评论 -
看完这篇 Session、Cookie、Token,和面试官扯皮就没问题了
Cookie 和 SessionHTTP 协议是一种无状态协议,即每次服务端接收到客户端的请求时,都是一个全新的请求,服务器并不知道客户端的历史请求记录;Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。Session 是什么客户端请求服务端,服务端会为这次请求开辟一块内存空间,这个对象便是 Session 对象,存储结构为 ConcurrentHashMap。Session 弥补了 HTTP 无状态特性,服务器可以利用 Session 存储客户端在同一个会话期间的一.原创 2022-03-10 11:55:41 · 153 阅读 · 0 评论 -
前后端分离项目,如何解决跨域问题?
跨域问题是前后端分离项目中非常常见的一个问题,举例来说,编程猫(codingmore)学习网站的前端服务跑在 8080 端口下,后端服务跑在 9002 端口下,那么前端在请求后端接口的时候就会出现跨域问题。403 Forbidden 是HTTP协议中的一个状态码(Status Code),意味着后端服务虽然成功解析了请求,但前端却没有访问该资源的权限。那怎么解决这个问题呢?通常有两个思路:前端使用 Nodejs 代理(开发环境下,生产环境下可以用 Nginx 替代)或者后端开启跨域资源共享一原创 2022-03-09 14:12:19 · 634 阅读 · 0 评论 -
【基础概念大总结】— 网络安全 Java 基础知识大汇总
这一篇,我们介绍一下:Java语言中存在有哪些安全漏洞。我们在渗透测试中,可以如何利用这些漏洞。那这一篇,首先全面总结一下JAVA中的基础概念。上课了~上课了·目录JVMJDKJMXJNIJNAOGNLIO模型BIONIOAIO反射简介?相关类?Class相关?Field相关?Method相关?ConstructorJVMJVM是Java平台的核心,以机器代码来实现,为程序执行提供了所需的所有基本功能,例如字节码解析器、JIT编译器、垃圾收集器等。由于它.原创 2022-03-09 12:51:50 · 137 阅读 · 0 评论 -
vue脚手架搭建报错及解决方案:vue-cli · Failed to download repo vuejs-templateswebpack connect ETIMEDOU
问题:在使用vue脚手架搭建项目时,报如下错第一种情况:vue、node、webpack未安装解决方案:用下图方式检验是否都安装成功,如有未安装成功的,重新安装即可。第二种情况:在完成一后,仍然报ETIMEDOUT超时错误,则考虑是否是使用公司内网。01 -如公司需要配置代理,使用如下发放进行配置npm代理,(不要忘加端口,吃过忘加端口的亏,导致npm代理未设置成功)npm config set proxy http://server:portnpm config set https-pr原创 2022-03-09 11:28:32 · 8382 阅读 · 1 评论 -
Vue3.2 defineEmits 和 defineExpose
1.defineEmits// 普通方式写法(注意它不会去检测类型值)const emits = defineEmits(['lrqclick','lrqchange'])// 去调用父组件自定义的事件emits('lrqclick', "2")<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" lrq="lrq" @lrqclick="he"> <template #lrq> 这是一个具名插槽.原创 2022-03-09 10:07:36 · 552 阅读 · 0 评论 -
vue input框添加必填required属性
vue input框添加必填required属性el-form 里面添加 :rules="rules"属性对表单进行验证,对应字段的绑定required属性和提示信息放在下面的script 的data数据里面,如图编写规则完成这三步就简单实现了添加required属性和修改提示信息。...原创 2022-03-09 08:32:53 · 5682 阅读 · 0 评论 -
SpringMVC 获取请求数据
SpringMVC 获取请求数据获取请求参数获取基本数据类型获取POJO数据类型获取数组数据类型获取集合数据类型访问静态资源请求数据乱码问题参数绑定注解@requestParam获取Restful风格的参数(@PathVariable注解进行占位符的匹配获取工作)自定义类型转换器获取Servlet相关API获取请求头@RequestHeader@CookieValue文件上传文件上传客户端三要素单文件上传原理单文件上传步骤上传至本地磁盘多文件上传总原创 2022-03-08 13:52:35 · 247 阅读 · 0 评论 -
npm installCould not resolve dependency:peer... 原因和解决方案
这样的关键字,这是npm版本的依赖冲突的提示使然,那么npm:何时使用--force和--legacy-peer-deps?--force 会无视冲突,并强制获取远端npm库资源,即使本地有资源也会覆盖掉--legacy-peer-deps:安装时忽略所有peerDependencies,忽视依赖冲突,采用npm版本4到版本6的样式去安装依赖,已有的依赖不会覆盖,。建议用--legacy-peer-deps 比较保险一点,反正我用了就安装成功了;希望能解决你的问题,长期更新npm报错相关的问题;欢原创 2022-03-08 12:32:10 · 2436 阅读 · 0 评论 -
Java项目精品养老院管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
一、项目简述本系统功能包括:通知公告,老人管理,护工管理,问答管理等等功能。二、项目运行环境配置:Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot + Maven + mybatis+ Vue 等等组成,B/S模式 + Maven管理等等。系统控制器(登录、注销、修改、新增登)业务:/** * 系统原创 2022-03-08 11:11:54 · 155 阅读 · 0 评论 -
get请求和post请求的区别(全面讲解)
1.get请求一般是去取获取数据(其实也可以提交,但常见的是获取数据);post请求一般是去提交数据。2.get因为参数会放在url中,所以隐私性,安全性较差,请求的数据长度是有限制的,不同的浏览器和服务器不同,一般限制在 2~8K 之间,更加常见的是 1k 以内;post请求是没有的长度限制,请求数据是放在body中;3.get请求刷新服务器或者回退没有影响,post请求回退时会重新提交数据请求。4.get请求可以被缓存,post请求不会被缓存。5.get请求会被保存在浏览器历史记录当中,p原创 2022-03-08 09:51:33 · 28264 阅读 · 0 评论 -
chrome浏览器F12调式,修改替换js文件
在F12模式下,有时可以直接修改js源码,Ctrl + S 保存就可以了。但是有时这种方法会不起作用,这里介绍本地替换js的方式。案例:比如csdn想复制别人的一段文字并保留样式,但是字符长度大于140就不起作用了。1、通过右键定位需要修改的js文件当然某些网站,只需要复制文本,直接点下面移除就可以了。定位js在边栏的位置2、在本地新建一个js文件,用来存放替换js文件3、浏览器选择替换文件在本地的存放位置点击允许访问4、保存并覆盖4、格式化代码5、修改代码并保存6、打原创 2022-03-08 08:31:32 · 20612 阅读 · 3 评论 -
解决微信小程序的“VM3739 WAService.js2 Error Only digits (0-9) can be put inside [] in the path string”
报错:提示里面只能写数字,但是打印出来的就是数字。原因:格式错了,即便里面打印的也是整型数据。//取列表ManfenxScoreList中一个元素中的一个字段score//ind打印出来也是个整型 this.setData({ [`ManfenxScoreList[${ind}].score`]: event.detail })其他官方示例:// index.jsPage({ data: { text: 'init data', num:原创 2022-03-07 09:57:23 · 1866 阅读 · 0 评论 -
数据结构与算法:终于可以用三种语言(C,C#,JavaScript)把图的广度优先遍历讲清楚了(推荐收藏)
文章目录邻接矩阵存储图的广度优先遍历过程分析C语言实现队列编程程序中加入图的处理函数结果的再次分析C#语言实现图的广度优先遍历、并显示广度优先遍历生成树JavaScript语言实现图的广度优先遍历、并显示广度优先遍历生成树邻接矩阵存储图的广度优先遍历过程分析对图1这样的无向图,要写成邻接矩阵,则就是下面的式子一般要计算这样的问题,画成表格来处理是相当方便的事情,实际中计算机处理问题,也根本不知道所谓矩阵是什么,所以画成表格很容易帮助我们完成后面的编程任务。在我们前面介绍的内容中,有不转载 2022-03-07 08:34:05 · 800 阅读 · 0 评论 -
从零开始搭建Vue项目
目录一、Vue思维导图二、创建项目1、报错。2、开始处搜索powershell,以管理员的身份运行3、输入下面的指令:set-ExecutionPolicy RemoteSigned4、再次创建项目,成功!三、GitHub托管代码1、创建仓库2、GitHub仓库创建成功四、项目提交到GitHub1、第一种方式2、第二种方式五、划分目录结构六、引入两个css文件七、别名的配置八、拷贝.editorconfig文件到新项目中九、安装路由一、原创 2022-03-06 03:41:53 · 486 阅读 · 0 评论 -
[JS]Tue Feb 01 2022 000000 GMT+0800 (中国标准时间) 日期格式化
Tue Feb 01 2022 00:00:00 GMT+0800 (中国标准时间) 转化为 yyyy/MM/dd HH:mm:ss<script>/*获取当前年月*/var now = new Date(); //当前日期 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 //下月的开始日期var monthStartDate = new Date(nowYear, nowMon原创 2022-03-06 02:19:54 · 3388 阅读 · 0 评论 -
Vue中error ‘XXXXX‘ is not defined no-undef解决办法
Vue中:error ‘XXXXX‘ is not defined no-undef解决办法语法没错居然报错了解决方法:拓展语法没错居然报错了解决方法:在使用vue的时候,使用一个全局变量,ESLint的语法会出现ESLint: ‘Aliplayer’ is not defined. (no-undef),说变量未定义,这时我们可以添加配置,取消这个校验。在.eslintrc.js文件中添加一个配置,位置如下图所示,我的全局变量就是Aliplayer。一、打开原创 2022-03-06 00:58:32 · 3908 阅读 · 0 评论 -
springboot实现敏感字段加密存储,解密显示
springboot实现敏感字段加密存储,解密显示,通过mybatis,自定义注解+AOP切面,Base64加解密方式实现功能。1.代码实现:创建springboot项目添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId>原创 2022-03-05 23:37:33 · 841 阅读 · 0 评论