- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue el-form-item给多个表单项绑定rules校验规则
只需要在内部添加el-form-item项，并在el-form-item项里绑定prop和rules规则。如图所示，我们想要在element的表单里，给多个input添加校验规则。注意：最外围el-form-item需要添加属性。
2023-02-15 17:34:34
2534
1
原创 解决please transfer a valid prop path to form item! 报错
报错原因：循环的item绑定prop不在表单里，一般是动态绑定rulus规则时命名错误，可以绑定已存在的表单。
2023-02-15 16:35:38
1847
原创 解决Invalid prop: type check failed for prop “data“. Expected Array, got Object 报错
Invalid prop: type check failed for prop “data”. Expected Array, got Object 报错
2023-02-15 16:32:47
11336
原创 uniapp上传图片到后端服务器
uniappuniapp中上传图片如果需要和后端连接接口，是以文件形式上传，先调用uni.chooseImage方法选择图片，再调用uni.uploadFile以文件形式上传uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; uni.uploadFile({ url: 'https://www.example.com/upload'
2022-04-17 00:51:59
8379
5
原创 uniapp长按事件，长按删除
uniapp1.uniapp中长按事件，长按删除longtaptemplate部分<view @longtap="onLongPress(item.commentId)" //绑定长按事件，传入所选ID ...</view>script部分 k// 长按删除onLongPress(e) { uni.showModal({ // 弹框询问是否进行下一步事件 title: '提示', content: '是否删除该评论
2022-04-17 00:49:29
10044
1
原创 10位、13位时间戳转换成日期格式JS
10位、13位时间戳转换成日期格式JS此处parama为我们需要交换的时间变量10位时间戳需要*100013位不需要let date = new Date(parseInt(param)); // 13位let date = new Date(parseInt(param) * 1000) // 10位var timeStamp = xxxx //这里为当前时间戳 // 时间戳转换为日期格式 let date = new Date(parseInt(time
2022-03-25 20:13:33
2177
原创 黑马小程序品优购商城项目分析
项目页面的搭建页面名称文件首页index分类category商品列表goods_list商品详情goods_detail购物车cart收藏collect订单order搜索search个人中心user意见反馈user登录login授权auth结算pay-项目文件目录首页分类页面点击左侧菜单切换内容的业务逻辑获取被点击的标题身上的索引给data中的currentI
2022-01-13 14:26:15
5024
4
原创 git提交代码步骤
git init 初始化gitgit branch 查看本地所有分支远程没有分支的时候git checkout branch"分支名称" 创建并切换到分支git add . 添加到暂存区git commit 添加到本地仓库git commit -m “MongoDB” 提交的信息git remote add origin +地址 跟远程仓库进行关联...
2021-11-10 19:33:38
1529
原创 如何使用Git ？
Gitgit下载路径 git-for-windows Mirror (taobao.org)Git使用Git配置查找所有配置 git config -l查看系统所配置文件 git config --system --list查看自己配置的文件 git config --global --list查看自己用户配置文件路径 C:\Users\Lune\.gitconfig配置name git config --global user.name "Lune."配置email gi
2021-11-09 20:14:05
1029
原创 什么是Express框架
Express框架什么是ExpressExpress是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。创建网站服务器：const app=express()创建路由:app.get("/list",(req,res)=>{ //send 响应浏览器 //1.会自动检测响应内容的类型 //2.自动设置http的状态码 //3.会帮我们自动响应的内容类型和编码 res.send("hello Express")}
2021-11-09 20:07:41
1848
原创 Vue笔记
Vue.js文章目录Vue.js一、Vue基础Vue的下载引入vueel挂载点data数据对象二、本地应用1.内容绑定，事件绑定v-textv-htmlv-on2.显示切换，属性绑定v-showv-ifv-bind3.列表循环，表单元素绑定v-forv-on补充v-model三、网络应用axios+vue一、Vue基础Vue的下载vue官网：https://cn.vuejs.org引入vue建议使用开发环境版本，包含了有帮助的命令行警告<script src="https://cdn.j
2021-11-09 09:18:25
1485
原创 关于css属性继承
关于css属性继承继承：html元素可以从父元素那里继承一部分css属性，即使当前元素没有定义该属性。1.css可以和不可以继承的属性不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertic
2021-11-09 08:30:27
1557
原创 黑马vue电商后台管理系统总结
vue电商后台管理系统-阶段总结一、项目技术栈前端前端采用 vue cli 脚手架搭建框架，使用 element UI 美化项目结构环境依赖（开发依赖，运行依赖）富文本编辑器nprogress加载进度条echarts图表展示第三方http库 axios后端后端是已经写好了的，采用 express 搭建的 API 服务，返回的数据是 JSON 格式的数据，只需要导入数据库，并配置一下数据库信息，就可以跑起来了，也有对应的api文档数据库数据库采用 MySQL 5.7
2021-11-06 17:28:40
11817
36
原创 正则+案例：验证座机号码，过滤敏感词
文章目录1.正则表达式概述1.1什么是正则表达式1.2 正则表达式的特点2.正则表达式在js中的使用2.1正则表达式的创建2.2测试正则表达式3.正则表达式中的特殊字符3.1正则表达式的组成3.2边界符3.3字符类3.3.1 [] 方括号3.3.2量词符3.3.3 括号总结3.4预定义类**案例:验证座机号码****表单验证案例**3.5正则替换replace**案例:过滤敏感词汇**1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组
2021-08-09 09:49:17
3014
原创 MongDB笔记
MongoDBMongoDB的下载安装安装路径 https://www.mongodb.com/try/download/community可视化软件 https://www.mongodb.com/try/download/compass通过node下载第三方模块以便使用node进行操作 npm install -g mongoose数据库所有操作都是异步操作连接数据库//导入mongoose链接数据库模块const mongoose = require('mongoose')//链接
2021-07-18 13:32:14
2062
原创 Ajax模板引擎、FormData表单对象、jQuery中的Ajax
Ajax笔记一、模板引擎作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。下载地址： https://aui.github.io/art-template/zh-cn/index.htmlart-template使用步骤：1.下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件 <script src="./js/template-web.js"></script>准备 art-template 模板<scri
2021-07-17 20:33:43
2092
原创 bodyParser被弃用怎么办？
bodyParser被弃用怎么办？如上图，bodyParser被画上横线，显示bodyParser已被弃用，该如何解决呢？express框架内部已经实现了对post参数的解析 现在只需要在const app =express()下面配置以下程序即可，不需要再单独下载一个包了const app = express();// app.use(bodyParser.urlencoded());app.use(express.json())app.use(express.urlencoded(
2021-07-09 09:14:20
3584
2
原创 jQuery 笔记
jQuery文章目录jQuery@[toc]第一章 初识jQuery一、jQuery简介1.什么是jQuery？2.常见的javascript库二、jQuery的特性jQuery能做以下事情：三、jQuery介绍1.jQuery的使用方式1.下载后引入2.编写简单的 HelloWorl3.jQuery函数1）选择器（字符串）2）DOM对象（即Node实例）3）HTML文本字符串2）DOM对象（即Node实例）3）HTML文本字符串4）一个匿名函数4.jQuery对象四、jQuery选择器1.基本选择器：
2021-06-17 17:39:52
2273
原创 JS基础笔记
文章目录数据存储单位关于注释JS的引用内部引用js鼠标悬停变色 在style里鼠标点击变色 在body里外部引用jsjs文件` /script.js`关于弹窗变量JavaScript简单数据类型（基本数据类型）逻辑运算符运算规则：`&&`：逻辑与`||`逻辑或：`!`：逻辑非，取反length()和lengthfor循环结构以及嵌套continue、break、returndocument.write()document.querySelector()Math对象日期函数数据存储单位大小
2021-04-30 21:39:37
2354
1
原创 CSS定位 position
定位定位=定位模式+边偏移边偏移：（方位名词）边偏移属性示例描述toptop: 80px顶端，元素对其父元素上边线的距离。bottombottom: 80px底部，元素对其父元素下边线的距离。leftleft: 80px左侧，元素对其父元素左边线的距离。rightright: 80px右侧，元素对其父元素右边线的距离定位的盒子有了边偏移才有价值。 一般情况下，凡是有定位地方必定有边偏移。定位模式 position值语义
2021-04-27 11:04:31
2089
原创 CSS如何清除浮动？
清除浮动的方法：1.clear属性#d1{clear:both;}属性值描述left清除左侧浮动的影响right清除右侧浮动的影响both同时清除左右两侧浮动的影响2.父级添加 overflow 属性overflow 表示元素内容超过元素自身大小范围是，该如何处理。可取值：属性作用hidden隐藏掉超出的部分visible显示出所有的内容auto根据里边元素的大小，自动在元素加滚动条scroll不论元素的
2021-04-23 00:16:00
2194
2
原创 CSS圆角边框和盒子阴影
圆角边框1.圆形语法border-radius:length;方法：让一个正方形变成圆圈div { width: 200px; height: 200px; background-color: pink; /* border-radius:length; */ border-radius: 50%;}我们想在网页里导入图片变成圆形头像就可以用这个方法如上，只需要导入一张图片再用我们的border-radius:length;代码如下：div { widt
2021-04-22 08:47:13
2126
原创 制作微信聊天界面 CSS
CSS实现微信聊天界面 昨天刚想起来老师布置了一个作业，让我们仿写微信聊天界面，于是乎连夜补作业，给大家分享一下，不足之处请指教！首先运行效果图如下：手机边框是导入一个图，其他的布局模块都是用CSS来实现的页面效果逻辑分析：将盒子(手机界面)看作三个大部分顶部框框，显示时间、电量、标题…顶部又可以分为两块，第一块是首行的WeChat和时间，电量第二块是中间的标题，和苹果的一个返回关闭按钮第二行关闭按钮又可以分为两块：左边的三个点，右边的一个圆圈中间聊天部分（我们可以用ul,
2021-04-21 21:23:01
6802
1
原创 border边框、padding内边框、margin外边框
一、border 边框1.语法：border:border-widthborder:border-styleborder:border-color属性作用border-width定义边框粗细，单位是pxborder-style边框的样式border-color边框颜色2.常用边框样式属性作用none没有边框solid单实线dashed虚线dotted点线3.指定边框可以给四个边框单独指定
2021-04-21 16:58:43
6376
原创 css常用样式标签
css常用样式标签css 字体的设置 font-familyfont-size 设置字号大小设置字体样式 font-stylenormal : 正常显示。浏览器默认的样式italic ：斜体显示文字oblique : 歪斜体显示，比斜体的倾斜角度更大font-weight 设置字体加粗 可取值为hold和normal调整字符间距 letter-spacing 可以设置两个字符之间的间距（英文，中文，数字）调整单词间距 word-spacing 主要用于单词之间
2021-04-19 20:59:41
5625
原创 html 排版标签、文本格式化标签、图像标签、链接标签、注释标签、路径、锚点定位、base文本标签、pre标签、特殊字符
基本样式标签一、排版标签标签名定义说明<hx> </hx>标题标签作为标题是使用，并且根据重要性递减<p> </p>段落标签把HTML文档分割为若干段落<hr>水平线标签<br />换行标签<div></div>div标签布局，一行只能放一个div<span></span>span标签布局，一行可以放好多spa
2021-04-19 01:51:42
1374
1
原创 html 表格标签 表单标签 列表标签
表格标签1.表格框架标签描述table定义表格tr行td列th表头标签caption表格标题2.表格属性属性名含义常用属性值border设置表格的边框(默认border="0"无边框)像素值cellspacing设置单元格与单元格边框之间的空白间距像素值(默认为2像素)cellpading设置单元格内容与单元格边框之间的空白间距像素值(默认为1像素)width设置表格的宽度像素值h
2021-04-19 01:48:27
1364
2
原创 css选择器
什么叫选择器？能够选中的要设置css样式的元素的某些符号，就是选择器。一、简单选择器标签选择器： 可以使用HTML标签名作为选择器，那么会将页面中所有该标签的元素选中。类选择器：根据元素所属的类别来选中元素。所有属于该类的元素都被选中。（1）如何设置元素的类？在元素的开始标签里面定义class属性，来为标签定义所属的类。 <div class="red c1">hello</div> <div>你好</div> <p class
2021-04-15 21:47:47
1273
原创 如何用js绘制一个九九乘法表？
如何用js绘制一个九九乘法表？九九乘法表是一个经典的小案例，不论是哪种编程语言我们都会遇到“绘制一个九九乘法表”，那么今天，我们用 js 来绘制一个简单的乘法表代码<script> for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(`${j}*${i}=${i*j} &nbs
2021-04-13 10:03:41
1966
原创 引入css的四种方式
CSS样式—标签样式一、引入css的四种方式通过标签的style属性定义样式，称为行内样式。在hesder标签中编写style样式，在标签内部定义样式，成为内部样式表通过link标签引入外部css文件，称为外部样式表在style标签中写@import 语句导入外部css文件背景色：input{ background-color:chartreuse;}字号：input{ font-size: 30px;}除了行内样式以外的几种方式，在定义样式的时候都
2021-04-09 23:02:47
1476
1
原创 js实现页面弹窗
js实现三种页面弹窗1.alert()弹出个提示框 （确定）<!DOCTYPE html><html><head><meta charset="utf-8"><script>function myFunction(){ alert("你好，我是一个警告框！");}</script></head><body><input type="button" onclick="myFuncti
2021-03-25 22:18:02
10189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人