前端
文章平均质量分 55
qiweilong123456
威 qiweilong123456
展开
-
end value has mixed support, consider using flex-end instead
原文:end value has mixed support, consider using flex-end instead翻译:end 具有混合支持,请考虑改用flex end1.发现问题在App.vue里2.发现问题在77行,需将end改为flex-end原创 2022-07-02 09:45:44 · 3231 阅读 · 1 评论 -
vue-router的安装及配置
文章目录先上效果图1.安装vue-router2.创建views目录,创建两个vue页面3.创建router目录,配置index.js4.main.js配置 router6.测试先上效果图配置完毕后,访问BeautyNumber与访问YiYuanNumber,是两个不同的页面即为成功http://localhost:8080/landing/#/BeautyNumberhttp://localhost:8080/landing/#/YiYuanNumber1.安装vue-routernpm原创 2021-10-01 21:07:02 · 297 阅读 · 0 评论 -
vue 移动端自适应 px转rem 适配vant-ui
文章目录先看效果图1.安装lib-flexible2.main.js引入lib-flexible3.在index.html页面设置meta标签(设备宽度以及缩放比例)4.安装postcss-pxtorem5.在根目录下创建postcss.config.js配置文件6.测试先看效果图px已变成rem,且会根据宽度不同,自动调节大小1.安装lib-flexible解决移动端适配问题npm i lib-flexible --save2.main.js引入lib-flexibleimport原创 2021-10-01 21:16:06 · 693 阅读 · 0 评论 -
springboot vue第一个前后端分离(跨域)项目(测试版)
文章目录项目介绍1.简介2.代码开发工具1.创建前端项目1.1)创建vue项目1.2)安装vant(移动端ui)1.3)安装axios1.4)配置跨域1.5)编写前端代码1.6)启动前端项目2.创建后端项目2.1)创建项目2.2)配置pom.xml2.3)配置系统文件application.yml2.4)编写controller层代码2.5)启动类增加注解2.6)启动后端项目3.测试4.下载项目项目介绍1.简介本项目使用了SpringBoot+Vue+Vant,前后端分离(跨域)。测试版是为了将前后原创 2021-09-30 11:17:59 · 522 阅读 · 1 评论 -
vue基础
文章目录新建vue对象v-textv-htmlv-on 事件v-showv-ifv-bindv-for遍历数组遍历对象v-model总结:练习demo计数器简单记事本功能(没有写css,只是熟练vue基础)新建vue对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I原创 2021-05-10 10:23:45 · 422 阅读 · 1 评论 -
jquery 删除该元素的所有子元素
jquery 删除该元素的所有子元素$("#tableId").empty();原创 2021-04-09 22:56:50 · 1490 阅读 · 0 评论 -
js jquery 清空form表单
js jquery 清空form表单//jsdocument.getElementById("formId").reset();//jquery$("#formId")[0].reset();原创 2021-04-09 22:17:24 · 1266 阅读 · 0 评论 -
mui.DtPicker is not a constructor
我用的是mui.picker.css和mui.picker.js实际需要的是mui.picker.min.css和mui.picker.min.js因为网上mui资源不好找,我直接放在了网盘里,供大家下载.http://www.baidu.com原创 2021-04-09 13:16:35 · 716 阅读 · 0 评论 -
mui下载 mui.js下载 mui.css下载
mui的js和css资源网上不是很好找我整理放在了百度网盘里百度网盘:https://pan.baidu.com/s/1HVA6TG4A-dYK2PtUEEpljw提取码:8gga原创 2021-04-09 13:12:44 · 4100 阅读 · 2 评论 -
display布局混乱 高度坍缩
display布局混乱 高度坍缩出现的问题,input框坍缩如果是 display:none 变成 display:inline 后出现的问题如果是 display:none 变成 display:block 后出现的问题出现的问题,input框坍缩如果是 display:none 变成 display:inline 后出现的问题可以试试 把 display:inline 换为 display:"block"如果是 display:none 变成 display:block 后出现的问题可以试原创 2021-04-01 20:37:57 · 281 阅读 · 0 评论 -
去除select下拉框的边框和三角下标
去除select下拉框的边框和三角下标效果图核心css代码 /*去除select边框*/ border: 0; background: transparent; /*去除下拉框的三角下标*/ appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */原创 2021-03-10 16:56:18 · 4205 阅读 · 0 评论 -
html css将图片实现gif的效果
文章目录效果图代码按钮图效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></head><body> <img src="buy.png" class="imgDemo"></body><style> @keyf原创 2021-03-10 09:27:56 · 1554 阅读 · 0 评论 -
jquery form表单提交
使用jquery 进行form表单提交文章目录使用jquery 进行form表单提交先上结果:代码html代码 ---index.htmljs代码---index.js代码用到的jquery.js、select2的css和js在我项目里面有下载地址我这里使用了多选框(传输到后端时,用对象接收,里面有个属性是list)如果暂时不会的话,可以看这篇博文—select2 单选框实现多选功能先上结果:代码html代码 —index.html<!DOCTYPE html><htm原创 2021-02-26 09:03:33 · 10053 阅读 · 0 评论 -
select2 下拉框实现多选功能
文章目录效果1)直接选择2)输入内容检索点击"输出选中",显示结果代码1.要导入jquery.js以及select2的css和js2.html代码3.js下载地址效果1)直接选择2)输入内容检索点击"输出选中",显示结果代码1.要导入jquery.js以及select2的css和js我在百度网盘的项目代码里有放,直接下载即可。百度网盘:链接:https://pan.baidu.com/s/1gN08az4lIsYviL13o5Fk-w提取码:xolz2.html代码<!D原创 2021-02-25 12:04:29 · 4434 阅读 · 0 评论 -
html获取验证码(pc端)
html获取验证码代码(pc端)效果:已将html代码和css代码和js代码,放在了一起。我自己引入了jquery,别忘记了。如果觉得样式不好看可以自行调整css。代码:<!DOCTYPE html><html lang="en"><head> <meta name="viewport" content="user-scalable=0"> <meta charset="UTF-8"> <title原创 2021-02-06 16:56:42 · 3231 阅读 · 0 评论 -
position定位
使用css的position 进行绝对定位或相对定位一般用最多的就是:absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。...原创 2021-02-06 16:06:54 · 366 阅读 · 0 评论 -
div设置背景图片自适应
div设置背景图片,不重复不变形,还可根据不同屏幕的宽度,自适应高度效果:宽度变窄,高度相应比例变窄宽度变宽,高度相应比例变宽高度与宽度无法直接自适应,需要找一个中间的属性相串联。宽度的自适应是根据viewport的width来调整的。paddingpadding是根据viewport的width来调整的。padding-top和padding-bottom也是根据viewport的width来跳转的。那么我们可以通过 padding-bottom属性来间接和width进行自适应。p原创 2021-02-05 15:35:55 · 12210 阅读 · 3 评论 -
jquery的attr不生效
使用jquery的attr()函数不生效的解决办法问题:如下图,当点击"我同意"后,框上应该打勾。但是 使用$("#id")attr(“checked”,“checked”),只有第一次能生效。把√取消后,再次打开弹窗,点击"我同意"后,框内不会再有√了。解决方案:将attr(),换为prop()类似于这样使用场景:prop:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用attr:除适用prop的其他情况...原创 2021-02-03 15:25:09 · 2525 阅读 · 0 评论 -
windows下node更换版本(简单操作)
node更换版本(简单操作)1.安装nvm2.操作nvm 基础命令1.安装nvm网址:https://github.com/coreybutler/nvm-windows/releases下载 nvm-setup.zip,解压之后会有个.exe安装程序,第一步是同意,剩下的无脑next即可安装成功。2.操作1)打开cmd,使用 nvm ls 命令查看本地已有版本2)观察到,本地有12.15.0的版本,但我现在想要10.16.0的版本。使用 安装命令 nvm install v10.16.0原创 2020-10-12 23:56:51 · 12075 阅读 · 1 评论 -
前端js jqeury下拉框根据省份加载市区
解决方法:给省份一个onchange事件,当省份发生变化时,加载对应城市(我代码中使用了jquery,请自行导入)html省:<select id="areaList" onchange="areaSelected()"> <option value="">所有</option> <option value="浙江">浙江</option> <option value="山东">山东</option&原创 2020-08-27 00:24:13 · 606 阅读 · 0 评论 -
div单选框实现(html+css+js)
div单选框实现百度网盘:div单选框实现下载提取码:xwqz效果:1.鼠标悬停的时候,边框变红。2.鼠标点击的时候,右下角有 红色三角形边框和对号3.鼠标点击a框的时候,检查是否有已被勾选的框。如果b框已被勾选,取消b框的勾选,再打勾。4.如果是点击已经被勾选的框,则取消勾选。...原创 2020-08-16 23:20:23 · 2510 阅读 · 0 评论 -
文字在div内垂直水平居中
效果图html <div class="allCenter"> hello everybody </div>css.allCenter{ text-align: center; line-height: 100px; border: 1px solid red;}结论关键在于设置line-height,行高原创 2020-08-03 16:08:11 · 471 阅读 · 1 评论