自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(60)
  • 收藏
  • 关注

原创 登录回车键

登录回车键密码输入框加 @keyup.enter.native=“submit(‘loginForm’)”<el-input type="password" @keyup.enter.native="submit('loginForm')" v-model="formLogin.password" prefix-icon="el-icon-goods" placeholder="密码"></el-input>登录按钮加

2021-08-11 14:41:52 175 1

原创 el-table表格用prop传值

el-table表格用prop传值data里面定义用效果图这样就可以弄成公用的表格啦

2021-06-08 16:14:35 2596

原创 组件自动刷新页面

表格组件自动刷新页面父组件定义最后用$emit就可以啦

2021-06-08 14:41:33 269

原创 vue怎样修改组件名称大小写

vue怎样修改组件名称大小写首先打开Git Bash 执行以下命令在vscode中找到需要修改的组件库所在文件夹,右键在终端打开文件夹,执行以下命令git mv 需要修改的组件库名字 要改的名称就好了,记得改完组件库名称,要全局修改用到此组件的文件里面的名称哦~...

2021-06-04 18:07:37 800

原创 弹框点击空白处会消失怎么解决

弹框点击空白处会消失怎么解决把这行代码写到el-dialog里面就可以了:close-on-click-modal="false"

2021-06-03 14:43:30 648

原创 Vue 生命周期函数

Vue 生命周期函数代码解释<!DOCTYPE html><html><head> <title>钩子函数</title> <meta charset="utf-8"> <script src="http://cdn.bootcss.com/vue/2.1.10/vue.js"></script><body><div id="app"> &lt

2021-05-21 10:34:47 86

原创 Git方法使用

Git方法使用git 如何提交推送git add . 把所有的更改的内容缓存到本地git commit -m '里面写自己的注释'git pull 把自己本地的代码提交到远程git push origin xxx(自己的分支名)git 如何把master分支代码合并到自己的分支master分支的代码领先自己的分支,git 如何把master分支代码合并到自己的分支1.首先切换到主分支git checkout master2.使用git pull 把领先的主分支代码pull下

2021-05-20 18:12:52 131

原创 怎样添加、移除、移动、复制、创建和查找节点?

怎样添加、移除、移动、复制、创建和查找节点?1)创建新节点createElement() //创建一个具体的元素2)添加、移除appendChild() //添加removeChild() //移除3)查找.document.getElementsByTagName() //通过标签名称获取的是数组document.getElementsByName() //通过元素的Name属性的值document.getElementByld() /通过元素ld,唯-性document.queryS

2021-04-30 14:22:57 232

原创 写一个function,清除字符串前后的空格。(兼容所有浏览器)

写一个function,清除字符串前后的空格。(兼容所有浏览器)function trim(str) { if (str & typeof str === "string") { return str .replace(/(As*)1(s*)$/g,""); //去除前后空白符 }}

2021-04-30 14:22:17 557

原创 javascript的typeof返回哪些数据类型

javascript的typeof返回哪些数据类型Objectnumberfunctionbooleanunderfind

2021-04-30 14:20:59 99

原创 数组去重

数组去重

2021-04-30 14:19:56 82

原创 统计字符串中字符出现的次数

统计字符串中字符出现的次数

2021-04-30 14:18:55 292

原创 JS中的call()和apply()方法和区别

JS中的call()和apply()方法和区别apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法。call 与 apply 的相同点:方法的含义是一样的,即方法功能是一样的;第一个参数的作用是一样的;call 与 apply 的不同点:两者传入的列表形式不一样

2021-04-02 10:44:04 123

原创 使用字符串方法

使用字符串方法在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()。search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。search() 方法使用正则表达式:var str = "Visit Runoob!"; var n = str.search(/Runoob/i);

2021-04-02 10:42:20 155

原创 关于css基础知识

关于css基础知识一、语法css是级联样式表 ,CSS是一种样式表语言,用于为HTML文档控制外观,定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面 。可将页面的内容与表现形式分离,页面内容存放在HTML文档中,而用于定义表现形式的CSS在一个.css文件中或HTML文档的某一部分。也就是把html网页内的内容超文本语言和样式表关联起来 加以修饰。CSS与HTML的关系HTML是网页内容CSS定义页面的样式<标签名 style=“属性1:属性值1;

2021-03-22 14:30:01 934

原创 Math.random()的用法

Math.random()的用法math.random()函数是取[0,1)之间的随机数,math.random()*100表示[0,100)之间的随机数,(math.random()*40)*10表示[0,400)之间的随机数,如需取整则int((math.random()*40)*10)这样。

2021-01-14 20:00:36 3969

原创 js向上向下取整的语法

js向上向下取整的语法<script language="javascript">var uu=Math.floor(5.36) //向下取整 结果为5var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整,结果为6Math.round(5.55) //四舍五入 结果为6math.round(5.22) //结果为5</script>...

2021-01-14 19:55:08 188

原创 indexOf的用法

indexOf的用法indexOf方法返回一个整数值,指出 string对象内子字符串的开始位置。如果没有找到该字符串则返回-1。java中字符串中子字符串查找共有四种方法如下:1、int indexOf(string str) :返回第一次出现的指定子字符串在此字符串中的索引。2、int indexOf(string str, int startIndex) : 从指定的索引处开始,返回第一次出现的指定子字符串在此字符串中的索引。3、int lastIndesOf(String str) : 返

2021-01-14 19:51:52 4054

原创 DOM增删语法

DOM增删语法

2020-12-16 19:53:03 67

原创 JQuery复习知识点

JQuery复习知识点1.jquery的多种选择器2.jquery的css设置语法设置单个语法: css(“propertyname”,“value”);示例: $(“p”).css(“background-color”,“yellow”);设置多个语法: css({“propertyname”:“value”,“propertyname”:“value”,…});示例: $(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});

2020-12-16 19:51:28 155

原创 for、while、do while循环

for、while、do while循环1.for循环 // for循环语法 for(初始值;条件;增量){ 循环体; } // for循环打印1-100的和 var sum = 0; for (i = 1; i <= 100; i++) { sum += i; } console.log(sum);2.while循环 // while循环语法 while(条件){

2020-12-16 19:46:07 105

原创 行内元素,块元素,行内块元素有哪些?都有什么特点?

行内元素,块元素,行内块元素有哪些?都有什么特点?常用的行内元素有:span , a , em , b , i , strong …特点:和其它元素都在一行上元素的宽度、高度及顶部和顶部边距都不能设置元素的宽度就是它所包含的文字或图片的宽度,不可修改。常用的块级元素有:div , p , h1~h6 , ol , ul , dl , form , table , address …特点:每个块级元素都独占元素的宽度、高度、行高及顶部和底部边距可以设置元素宽度在不设置的情况下,和它父元素的

2020-12-16 19:37:21 3195

原创 CSS优先级

CSS优先级:同权重: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。important 比 内联优先级高!important > id > class > tag(标签)按CSS代码中出现的顺序决定,后者CSS样式居上;(近水楼台 先得月)行内样式优先级specificity值为1,0,0,0 高于外部定义权值计算千位:声明在style属性中的----1000百位:id选择器----100十位:类选择器、属性

2020-12-16 19:34:01 88

原创 如何创建一个类

如何创建一个类例1:创建类 Cat,并创建 Cat 类的对象属性:品种、名字、性别、抓到的老鼠的数方法:爬树、抓老鼠、说说话、抓虫子<script> class Cat{ //构造函数 constructor(type,name,sex,num){ this.type=type this.name=name this.sex=s

2020-12-16 15:22:28 1450

原创 小盒子在大盒子里水平垂直居中

小盒子在大盒子里水平垂直居中第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-12-15 19:12:06 246

原创 小盒子在大盒子里垂直居中

小盒子在大盒子里垂直居中第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-12-15 18:51:13 165

原创 小盒子在大盒子里水平居中

小盒子在大盒子里水平居中第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-12-15 18:37:44 860

原创 css清除浮动的方式

css清除浮动的方式一、 给父级元素设高(一般不推荐使用)二、clear语法:选择器{clear:属性值} clear:清除实际工作中我们几乎只用clear:both三、额外标签法(隔墙法)例如:<div style="clear:both"></div>或者其他标签(br)即可。四、父级添加overflow属性方法给父级添加:overflow为hidden|auto|scroll五、使用after伪类元素清除浮动.clearfix:after{ con

2020-12-15 17:12:56 85

原创 css为什么要清除浮动

css为什么要清除浮动为什么要清除浮动呢?影响页面布局,为了解决父盒子高度塌陷问题

2020-12-15 17:03:40 96

原创 position属性它的作用是什么?

position属性它的作用是什么?Position的英文原意是指位置、职位、状态。也有安置的意思。在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成。  Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法,在学习中我们应该去思考在什么布局情况下,应该使用它们其中的哪一种。position:static 无定位该属性值是所有元素定位的默认情况,在一般情况下,我们不

2020-12-14 14:38:46 821

原创 仿京东放大镜案例

仿京东放大镜案例<html><head> <meta charset="utf-8"> <style type="text/css"> body, div { margin: 0; padding: 0; } #zhuti { margin: 50px; position: re

2020-12-14 14:23:58 130

原创 拖动盒子案例

拖动盒子案例<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0;

2020-12-14 14:20:26 125

原创 倒计时发送短信案例

倒计时发送短信案例<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>发送短信</title></head><body> <div class="box">

2020-12-14 14:17:18 267

原创 10秒跳转页面案例

10秒跳转页面案例<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button>点击</butt

2020-12-14 14:13:16 3101

原创 京东秒杀倒计时案例

京东秒杀倒计时案例<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东秒杀</title> <style> * { padding: 0;

2020-12-14 14:09:17 960

原创 js 操作元素样式、元素内容和元素属性的方法

js 操作元素样式、元素内容和元素属性的方法一、操作元素样式的方法操作元素样式属性名用法元素.style.样式属性名作用2设置表单的内容用法元素.style.样式属性名 = “属性值”注意点Style中background-color font-size 等这类属性 在操作的时候,都需要写作驼峰命名法 backgroundColor fontSizecssText元素.style.cssText = “行内css样式”二、操作类名的方法

2020-12-10 11:22:44 186

原创 关于静态页面的知识经验

关于静态页面的知识经验一、清除浮动1、 给父级元素设高2、clear语法:选择器{clear:属性值} clear:清除属性值 描述left 不允许左侧有浮动元素(清除左侧浮动的影响)right 不允许右侧有浮动元素(清除右侧浮动的影响)both 同时清除左右两侧浮动的影响3、额外标签法(隔墙法)通过在浮动元素末尾添加一个空的标签,例如:<div style="clear:both"></div>或者其他标签(br)即可。4、父级添加overflow属性方法

2020-12-09 11:29:34 251 1

原创 行内元素与行内块元素margin-top问题

行内元素与行内块元素margin-top问题对行内元素设置margin-top(bottom)不起作用,margin-right(left)起作用,行内块元素可以设置宽高,设置margin属性也起作用。如果要设置行内元素需转换为行内块元素行内元素转换为行内块元素:display:inline-block;...

2020-11-30 16:12:09 413

原创 什么是CSS伪元素?(Pseudo-elements)

CSS伪元素(Pseudo-elements)CSS伪元素用于向某些选择器设置特殊效果1.语法伪元素语法selector:pseudo-element {property:value;}CSS 类也可以与伪元素配合使用:selector.class:pseudo-element {property:value;}2.:first-line 伪元素“first-line” 伪元素用于向文本的首行设置特殊样式。实例:p:first-line { color:#ff0000;

2020-11-30 16:11:10 414

原创 laravel 实战 总结

laravel总结1.1 启动服务php artisan serve1.2 数据库操作ORM框架1.2.1 配置文件'default' => env(' DB_ CONNECTION', ' mysq1'),使用env函数从.env文件中读取DB_ CONNECION,如果没有则将’mysql"赋值给变量default所以数据库的配置信息实在.env中将配置信息修改为自己的实际数据库配置DB_ CONNECTION=mysq 1DB_ HOST=127 .0.0.1DB_

2020-11-30 15:22:54 1425

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除