
前端
文章平均质量分 64
在前端基础学习中的记录,主要是HTML/CSS/JS的学习笔记。
言若-
每天进步一点
展开
-
vue el-form-item给多个表单项绑定rules校验规则
只需要在内部添加el-form-item项,并在el-form-item项里绑定prop和rules规则。如图所示,我们想要在element的表单里,给多个input添加校验规则。注意:最外围el-form-item需要添加属性。原创 2023-02-15 17:34:34 · 2827 阅读 · 1 评论 -
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 · 10654 阅读 · 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 · 2344 阅读 · 0 评论 -
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 · 1571 阅读 · 0 评论 -
如何使用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 · 1075 阅读 · 0 评论 -
什么是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 · 2047 阅读 · 0 评论 -
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 · 2257 阅读 · 0 评论 -
关于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 · 1618 阅读 · 0 评论 -
黑马vue电商后台管理系统总结
vue电商后台管理系统-阶段总结一、项目技术栈前端前端采用 vue cli 脚手架搭建框架,使用 element UI 美化项目结构环境依赖(开发依赖,运行依赖)富文本编辑器nprogress加载进度条echarts图表展示第三方http库 axios后端后端是已经写好了的,采用 express 搭建的 API 服务,返回的数据是 JSON 格式的数据,只需要导入数据库,并配置一下数据库信息,就可以跑起来了,也有对应的api文档数据库数据库采用 MySQL 5.7原创 2021-11-06 17:28:40 · 12704 阅读 · 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 · 3501 阅读 · 0 评论 -
JS基础笔记
文章目录数据存储单位关于注释JS的引用内部引用js鼠标悬停变色 在style里鼠标点击变色 在body里外部引用jsjs文件` /script.js`关于弹窗变量JavaScript简单数据类型(基本数据类型)逻辑运算符运算规则:`&&`:逻辑与`||`逻辑或:`!`:逻辑非,取反length()和lengthfor循环结构以及嵌套continue、break、returndocument.write()document.querySelector()Math对象日期函数数据存储单位大小原创 2021-04-30 21:39:37 · 2885 阅读 · 1 评论 -
CSS定位 position
定位定位=定位模式+边偏移边偏移:(方位名词)边偏移属性示例描述toptop: 80px顶端,元素对其父元素上边线的距离。bottombottom: 80px底部,元素对其父元素下边线的距离。leftleft: 80px左侧,元素对其父元素左边线的距离。rightright: 80px右侧,元素对其父元素右边线的距离定位的盒子有了边偏移才有价值。 一般情况下,凡是有定位地方必定有边偏移。定位模式 position值语义原创 2021-04-27 11:04:31 · 2154 阅读 · 0 评论 -
CSS如何清除浮动?
清除浮动的方法:1.clear属性#d1{clear:both;}属性值描述left清除左侧浮动的影响right清除右侧浮动的影响both同时清除左右两侧浮动的影响2.父级添加 overflow 属性overflow 表示元素内容超过元素自身大小范围是,该如何处理。可取值:属性作用hidden隐藏掉超出的部分visible显示出所有的内容auto根据里边元素的大小,自动在元素加滚动条scroll不论元素的原创 2021-04-23 00:16:00 · 2249 阅读 · 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 · 2168 阅读 · 0 评论 -
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 · 6730 阅读 · 0 评论 -
css常用样式标签
css常用样式标签css 字体的设置 font-familyfont-size 设置字号大小设置字体样式 font-stylenormal : 正常显示。浏览器默认的样式italic :斜体显示文字oblique : 歪斜体显示,比斜体的倾斜角度更大font-weight 设置字体加粗 可取值为hold和normal调整字符间距 letter-spacing 可以设置两个字符之间的间距(英文,中文,数字)调整单词间距 word-spacing 主要用于单词之间原创 2021-04-19 20:59:41 · 5802 阅读 · 0 评论 -
html 排版标签、文本格式化标签、图像标签、链接标签、注释标签、路径、锚点定位、base文本标签、pre标签、特殊字符
基本样式标签一、排版标签标签名定义说明<hx> </hx>标题标签作为标题是使用,并且根据重要性递减<p> </p>段落标签把HTML文档分割为若干段落<hr>水平线标签<br />换行标签<div></div>div标签布局,一行只能放一个div<span></span>span标签布局,一行可以放好多spa原创 2021-04-19 01:51:42 · 1473 阅读 · 1 评论 -
html 表格标签 表单标签 列表标签
表格标签1.表格框架标签描述table定义表格tr行td列th表头标签caption表格标题2.表格属性属性名含义常用属性值border设置表格的边框(默认border="0"无边框)像素值cellspacing设置单元格与单元格边框之间的空白间距像素值(默认为2像素)cellpading设置单元格内容与单元格边框之间的空白间距像素值(默认为1像素)width设置表格的宽度像素值h原创 2021-04-19 01:48:27 · 1456 阅读 · 2 评论 -
css选择器
什么叫选择器?能够选中的要设置css样式的元素的某些符号,就是选择器。一、简单选择器标签选择器: 可以使用HTML标签名作为选择器,那么会将页面中所有该标签的元素选中。类选择器:根据元素所属的类别来选中元素。所有属于该类的元素都被选中。(1)如何设置元素的类?在元素的开始标签里面定义class属性,来为标签定义所属的类。 <div class="red c1">hello</div> <div>你好</div> <p class原创 2021-04-15 21:47:47 · 1334 阅读 · 0 评论 -
如何用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 · 2060 阅读 · 0 评论 -
引入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 · 1549 阅读 · 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 · 10521 阅读 · 0 评论