Web前端
Vue、HTML、CSS、JS等前端开发笔记
mp-ui
喜欢打代码的菜鸭
展开
-
内层div使用了float的css样式之后,外层div高度始终为0,解决方法
因为我需要在实现两个div并排显示,所以按照网上的方法,需要把这两个div的外面再嵌一层div,然后里面的两个子div分别给float: left的css样式,虽然这样子效果上已经达到,但是如果再给外层div加个边框的话,就会发现两个子div早已跑到边框外边。打开F12一看,原来外层div的高度一直都是0。解决方法:给外层div添加css样式overflow: hidden; /*如果不加这个样式,内层float之后div高度会仍是0*/...原创 2021-10-17 18:52:55 · 521 阅读 · 0 评论 -
tomcat部署vue项目,一刷新就报404错误解决
首先在前端vue项目中,src/router/index.js中将模式改成historyconst router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes})如果项目打包好之后是直接放在tomcat,那么需要在打包好的项目根路径下面创建WEB-INF文件夹,并在文件夹里面新建一个web.xml,写入以下内容:<?xml version="1.0" encoding="UTF-8"?&原创 2021-10-17 12:02:52 · 1974 阅读 · 0 评论 -
vue-cli axios统一请求前缀设置
在vue组件里面用axios发送ajax请求的时候,第一个参数就是要发送的url地址this.$axios.post('http://localhost:8080/account/login', {username: username, password: password}).then(res => { // 回调函数})其实这样子是没有什么问题,但是这个url也是我们在测试环境下用的,在生产环境下就需要修改url的地址,但是一个一个改也会很麻烦,所以需要设置一个统一的前缀修改,m原创 2021-10-11 00:16:42 · 4467 阅读 · 0 评论 -
js中的FromData转化为json对象
在做前端表单页面的时候,为了寻求方便,于是我直接使用FormData来获取Form表单中填写的所有信息。const formData = new FormData($("#myForm")[0]);但是有一个问题,我们在浏览器的控制台输出formData对象,实际上是看不了数据的,需要一个一个循环遍历,于是我就想把他转换为json格式const data = {};const formData = new FormData($("#myForm")[0]);formData.forEach((v原创 2021-04-25 21:52:59 · 2544 阅读 · 0 评论 -
jquery+ajax+SpringMVC上传文件
前端html页面:使用一个<input>输入框来选择文件,嵌套在form标签里面,是因为方便在js中使用FormData对象直接获取表单的内容。文件选择框的accept属性表示允许上传的文件类型。<body> <div> <div style="font-size: 25px" id="title">图片上传</div> <form id="uploadForm" enctype="multip原创 2021-03-17 23:14:23 · 266 阅读 · 0 评论 -
js中使用jQuery读/写cookie的值
使用前先下载jquey.cookie.js:https://plugins.jquery.com/cookie/下载的是压缩包,在html的<script>标签里引入jquey.cookie.js文件即可。使用:<script src="js/jquery.cookie.js" ></script>新建一个cookie:$.cookie('the_cookie', 'the_value');新建一个cookie,并指定过期时间:(expires的单位是7原创 2021-01-31 12:41:05 · 445 阅读 · 1 评论 -
小白的Vue学习笔记
vue原创 2020-11-04 13:42:45 · 909 阅读 · 5 评论 -
vue中传入event参数
括号内写入 $event 即可<!DOCTYPE html><html lang="ch-CN"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="shortcut icon" href="" type=""></head><body> <div id="app">原创 2020-10-23 16:15:20 · 1383 阅读 · 0 评论