自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(30)
  • 收藏
  • 关注

转载 vue watch同时监听两个值的变化并执行方法

先用computed定义一个address对象,然后再去watch addres 1 data() { 2 return { 3 city: '', 4 country: '' 5 } 6 }, 7 computed: { 8 address() { 9 const { city, country } = thi...

2019-03-18 14:16:00 2957

转载 合并其他分支代码到自己的分支

此案例为合并dev分支代码到dev-ymy分支1.切换到dev分支  git checkout dev2.拉取分支代码  git pull3.切换至自己的分支  git checkout dev-ymy4.合并dev与dev-ymy分支代码  git merge dev5.提交代码  git push转载于:https://www.cnblog...

2018-12-28 14:23:00 4308

转载 vue.js - 模板语法之缩写

1.v-on缩写1 <!-- 完整写法 -->2 <button v-on:click="reverseMessage">按钮</button>3 <!-- 简写 -->4 <button @click="reverseMessage()">按钮</button>2.v-bind缩写...

2018-09-12 10:41:00 137

转载 sublime分屏显示设置以及左侧菜单栏隐藏显示设置

sublime分屏显示设置:双屏显示:view->layout->columns:2单屏显示:view->layout->singlesublime左侧菜单栏隐藏显示设置:显示:view->side Bar->show side bar隐藏:view->side Bar->hide side bar转载于:https...

2018-08-23 16:35:00 650

转载 字符串拼接中去除最后一个;号

1 for(var i = 0; i<$scope.viewProject.projectLineList.length; i++){2 $scope.projectLineList += $scope.viewProject.projectLineList[i].lineName + ' ; ';3 }4 $scope.projectLineList...

2018-08-23 16:30:00 664

转载 去除字符串拼接中出现的undefined

1 while($scope.addProject.info.integratedSupplierChain.indexOf('undefined') >= 0)2 $scope.addProject.info.integratedSupplierChain = $scope.addProject.info.integratedSupplierChain.replace('...

2018-08-23 16:23:00 810

转载 数组对象去重处理(自定义根据哪个键名来去重)

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>数组去重</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 var proje...

2018-08-23 16:09:00 125

转载 过滤数组对象中的键值,将将键值替换成我们需要的键名及值名

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 ...

2018-08-23 15:54:00 682

转载 排他思想---点击当前按钮背景颜色变化

排他思想:清除所有的按钮的样式,只剩下自己。代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script s...

2018-04-27 14:58:00 401

转载 :hover的用法

鼠标移入字体变色,下划线出现,移出则字体变为原来的颜色,下划线消失。代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>:hover的用法</title> 5 <style type="text/css"> 6 ...

2018-04-27 10:00:00 1468

转载 z-index

1、z-index值表示谁压着谁。数值大的压盖住数值小的。2、只有定位了的元素,才能有z-index值。也就是说,不管相对定位、绝对定位、固定定位,都可以使用z-index值。而浮动的东西不能用。3、z-index值没有单位,就是一个正整数。默认的z-index值是0。4、如果大家都没有z-index值,或者z-index值一样,那么谁写在HTML后面,谁在上面能压住别人。定...

2018-04-26 15:28:00 60

转载 定位

1、相对定位position:relative;相对定位,就是微调元素位置的。让元素相对于原来的位置,进行位置调整。相对定位不脱标,其实位置是在老家,只不过影子出去了,可以到处飘。它原本的位置会一直存在,不会被其他盒子占据。用途:  相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用:  (1)微调元素  (2)做绝对定位的参考,子绝父相...

2018-04-26 15:13:00 60

转载 margin的塌陷现象

1、标准文档流中,margin不叠加,以较大的为准。案例代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>margin的塌陷现象</title> 5 <style type="text/css"> 6 ...

2018-04-26 14:39:00 97

转载 sublime复制当前行到下一行

Ctrl+shift+d:快速复制光标所在的一整行,并复制到改行之前。转载于:https://www.cnblogs.com/myunYao/p/8951998.html

2018-04-26 14:10:00 276

转载 盒子居中margin:0 auto;

注意:1) 使用margin:0 auto; 的盒子,必须有width,有明确的width2) 只有标准流的盒子,才能使用margin:0 auto; 居中。也就是说,当一个盒子浮动了、绝对定位了、固定定位了,都不能使用margin:0 auto;3) margin:0 auto;是在居中盒子,不是居中文本。文本的居中,要使用1...

2018-04-26 11:30:00 548

转载 清除浮动的方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>去除浮动的方法</title> 5 <style type="text/css"> 6 li{ 7 float: left; 8 ...

2018-04-26 11:19:00 51

转载 回车提交表单input框的输入内容

代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml">...

2018-04-25 14:36:00 277

转载 使用动画效果实现类似于视频来电时的布局以及效果

html代码如下:<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="styleshe...

2018-04-25 08:17:00 163

转载 鼠标移入相应的位置,title显示出相应标签的内容

html代码如下:<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="css/SmallCorner.css"> <script type=...

2018-04-25 08:04:00 844

转载 判断input框是否为空

需求:  当input框失去焦点时:判断,如果输入框内容为空则获取焦点;否则弹出输入框的内容。<!DOCTYPE html><html><head> <title>判断input是否为空</title> <script src="https://apps.bdimg.com/libs...

2018-04-24 09:03:00 3364

转载 判断元素是否显示隐藏的方法

第一种:使用css属性var display =$('#id').css('display');if(display == 'none'){ alert("我是隐藏发生的事件");}第二种:使用jQuery内置的选择器假设页面布局是以下这样:<div id="test"> <p>我是用来测试的</p&gt...

2018-04-24 08:31:00 662

转载 阻止事件冒泡以及stopPropagation(),preventDefault()和return false;的区别

e.preventDefault()是阻止默认事件的方法;e.stopPropagation()是阻止事件冒泡;return false;是既阻止事件冒泡又阻止默认事件;以下是个阻止事件冒泡的小案例:<!DOCTYPE html><html><head> <title>阻止冒泡</title&gt...

2018-04-18 14:43:00 178

转载 块级元素在块级元素内部垂直居中

步骤:1、给父级元素添加相对定位position:relative;2、子元素设置如下:  position: absolute;  left: 50%;   top: 50%;  //设置为子元素width的一半,设置为负值  margin-left: -25px;  //设置为子元素height的一半,设置为负值   margin-top: -25...

2018-04-18 09:58:00 178

转载 css设置内容超出范围用省略号表示

标签内容为:明天就周末了设置后的效果图如下:实现代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>css设置内容超出范围用省略号表示</title> 5 <style type="text/css"> 6 ...

2018-04-13 17:45:00 609

转载 利用jQuery实现多选框选中与未选中

所用到的知识点:1、iconfont图标库的运用;2、改变input的多选框默认的样式,所运用的小知识点利用label标签;<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/...

2018-04-13 16:47:00 481

转载 iconfont图标库的使用方法

一、寻找适用的图标官方网址:http://www.iconfont.cn/找到需要的icon以为例添加入库。一、生成代码:点击右上角购物车图标,出现下图(1)所示,下方点击下载代码,下载完成后将压缩包文件解压,将文件里面的iconfont.css文件引入到自己的项目中如图(2)。图(1)图(2)HTML中使用时如下图所示:备注:1、可以在...

2018-04-13 15:14:00 160

转载 jQuery实现搜索框文字内容可删除

以下代码中用到的知识有:1、图标使用的是iconfont的图标库,若要了解其具体使用的方法,请查看博客--iconfont的使用方法;2、jQuery的on()代理;3、jQuery的keyup()方法:  定义:       完整的 key press 过程分为两个部分,按键被按下,然后按键被松开并复位。    当按钮被松开时,发生 keyup 事件。它发生在当...

2018-04-13 15:04:00 275

转载 jQuery用on()代理的方法实现鼠标点击事件,当前的背景色变化其他的背景色不变...

<!DOCTYPE html><html><head> <title></title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <style...

2018-04-13 14:45:00 241

转载 重新加载当前网而不使用缓存内容和清除浏览器缓存的快捷键

重新加载当前网而不使用缓存内容:Ctrl+shift+R清除浏览器缓存的快捷键:Ctrl+shift+delete转载于:https://www.cnblogs.com/myunYao/p/8820223.html

2018-04-13 14:37:00 478

转载 jQuery实现鼠标的移入移出效果

利用jQuery的hover方法实现鼠标的移入移出效果,代码如下所示: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script src="https://apps.bdimg.com/libs/jquery/2....

2018-04-13 14:15:00 1052

空空如也

空空如也

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

TA关注的人

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