自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

在希

假如你真的踏实努力过,那么你人生最坏的结果,只不过是大器晚成而已。

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

原创 关闭浏览器打开的H5页面(当前页面)和微信浏览器打开的H5页面

关闭浏览器打开的H5页面(当前页面)和微信浏览器打开的H5页面close() 方法用于关闭浏览器窗口。在浏览器端我们经常使用window.close();// 关闭当前页面关闭微信内浏览器打开的页面:function weixinClosePage() { if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListe

2021-10-25 12:14:27 2731

原创 git did not exit cleanly (exit code 128) 的解决办法

今天在idea中使用git下载代码时,一直报错,无法下载,报错情况如下图:其中输入的信息都是正确的,经过询问后知道是第一次在idea外面下载代码是输入的账号密码错误了导致下载失败,然后电脑就记录了错误的密码,在idea中下载代码时就默认使用记录的密码,没有在提示重新出入密码,所以一直下载不下成功。解决办法:打开控制面板——》用户账户——》资源管理器——》windows凭据——》普通凭据。删除掉记录的密码。然后重新下载重新输入正确的密码。注:要确保idea中设置项中的gie的安装地址是正确的ide

2021-10-22 14:30:58 1752

原创 Es6字符串方法${}的使用

Es6字符串方法${}的使用Es6模板字符串(``)使用使${} 来包裹一个变量或者一个表达式一、${ }是es6新增的字符串方法,可以配合单反引号完成字符串拼接的功能二、用模板字符串的原因在ES5之前,如果在字符串中插入一个JavaScript表达式,需要使用如下形式:let job=“web前端开发工程师”;let str1=“我是”+job+",工作3年了";上面代码将变量job插入到字符串中,需要使用+进行字符串拼接。如果插入的数量较多,或者说较为复杂的操作,那么上面的方式将十分

2021-07-19 16:58:39 3583

原创 js循环中使用return false无法阻止后续代码执行,只是跳出循环

js循环中使用return false无法阻止后续代码执行,只是跳出循环在map ,forEach循环中,return false只是退出该循环,而不会阻止后续代码执行如果想阻止后面代码执行,使用for循环。

2021-04-21 16:06:38 1324 1

原创 使用css设置div不可点击

使用css设置div不可点击input button等标签不可点击时css样式设置disabled,css设置div不可点击可以使用下面的代码:pointer-events: none; cursor: default;

2021-04-21 15:57:48 2740

原创 定时器返回值的原理和用法

一、定时器有哪些?定时器有两个:setTimeout和setInterval。二、什么是定时器?function fn(){console.log("我是定时器执行的");}setTimeout(fn,1000);//1000毫秒后让fn方法运行一次setInterval(fn,1000)//每隔1000毫秒让fn方法运行一次三、定时器是如何工作的?当定时器方法运行的时候,会把它的fn第一个参数安排到一个时间队列里(就是让这个方法fn开始排队,排多久的时间,则第二个参数决定)setTime

2021-04-02 15:14:52 3304 1

原创 js中eval()函数的作用

一、eval() 函数作用:eval()可以接受一个字符串str作为参数,并把这个参数作为脚本代码来执行。二、接受的参数:(1)如果参数是一个表达式,eval() 函数将执行表达式;(2) 如果参数是Javascript语句,eval()将执行 Javascript 语句注:(如果执行结果是一个值就返回,不是就返回undefined,如果参数不是一个字符串,则直接返回该参数)三、语法:eval(string)。四、实例:eval(“var a=1”);//声明一个变量a并赋值1。eva

2021-04-02 14:37:53 69950

原创 解决button按钮点击后自动刷新页面的问题

标题解决button按钮点击后自动刷新页面的问题问题页面上有一个查询按钮为Button标签,点击查询按钮后会自动刷新页面,令人费解,查资料后发现是button的默认行为导致的。<button class="btn btn-default active" id="btnAdd" click="selectData()">查询</button>原因button,input type=button按钮在IE和w3c,firefox浏览器区别:1、当在IE浏览器下面时,butt

2020-09-27 16:44:34 7452

原创 jquery获取父元素及祖先元素

标题jquery获取父元素及祖先元素parent()方法和parents()方法都是获取父代元素,使用区别如下:parent是找当前元素的第一个父节点,parents是找当前元素的所有父节点 。从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。实例:&l

2020-08-11 17:02:07 2315

原创 jQuery查找子元素与后代元素

子元素:children()方法:返回返回被选元素的所有直接子元素。$().children(‘选择器’) 如选择type为file的子元素$(this).children("input[type=file]")或者$("#p >s")后代元素find()方法:获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。$().children(‘选择器’) 如选择type为file的所有后代元素$(this).find("input[type=fi.

2020-08-11 16:49:58 5021

原创 $(window).scroll()触发失效

标题$(window).scroll()触发失效最近遇到一个问题,在项目中写了$(“window”).scroll()方法,但是在滚动页面的时候发现此方法没有触发,后来查找原因才发现是因为页面中的html或者body元素设置了overflow:auto样式才无法出发解决方式:在页面结构布局完整的情况下将改样式去掉。关于window.scroll系列方法汇总 & 滚动到指定元素位置1.window.scroll()概述滚动窗口至文档中的特定位置。语法window.scroll(x-co

2020-08-11 10:58:08 2915

原创 多个div实现横向滚动

多个div实现横向滚动最近在做项目的时候需要实现多个元素横向排列,需要其可在固定范围内左右滑动,原本以为只需要父元素的宽度固定子元素的宽度超过父元素的宽度几个实现滑动,但事实上并不是这样的。最终实现方式记录如下:1、实现如下:设置多个并排的元素外面嵌套一层div(.parentDiv),设置此div的宽度等于所有子元素的宽度之和.在.parentDiv的外层在嵌套一个div设置样式style: overflow-x: auto;实例:div中多个图片实现左右滑动注:实际中.imgBox的宽

2020-08-06 14:27:28 3263

原创 URL中拼接多个参数

标题URL中拼接多个参数方法如下:比如:URL="www.baidu.com" 我要在后面拼接上东西的话应该在这个URL后面先加上一个?比如:URL="www.baidu.com?" +“problem”=xxxx如果多个参数的话:每个参数名前面加上&URL="www.baidu.com?" +“problem”=xxxx+"&data="+xxxx+"&request="+xxx;...

2020-07-01 15:18:07 17966

原创 如何配置环境变量及其作用是什么?

标题如何配置环境变量及其作用是什么?1、什么是环境变量环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。2、为什么需要环境变量windows系统下,假如我们安装了某一款软件,安装结束后,在安装目录会生成一个该软件的.exe文件,双击该文件,我们就能启动软件。但是难道我们每次要运行该软件的时候都要先找到该.exe文件所在的路径,然后双击吗,显然是不可能的,因为安装的软件太多,我们根本不可能记住所有已安装软件的路径,同时如果我们在其他路径下想运行某些软件就会找不

2020-06-10 11:42:31 7603 3

原创 css如何实现让div中的多行文字居中显示

标题css如何实现让div中的多行文字居中显示最近在做项目的时候遇到一个div中有多行文字(可能一行也可能多行)需要实现居中显示,试了好多方法都不行,显然不能使用padding来居中,因为文字有多少行不确定。解决办法: 文字 文字 在文字外面套一层div,设置div的居中,文字也就随着居中了。![在这里插入图片描述](https://img-blog.csdnimg.cn/20200514174007930.png?x-oss-process=image/waterma

2020-05-14 17:41:29 1720

原创 jquery获取元素高度

标题jquery获取元素高度$("#divId").height(); //不包括内边距、边框或外边距$("#divId").innerHeight();//包括内边距$("#divId").outerHeight();//包括内边距和边框注:获取元素宽度同上

2020-05-13 15:13:01 377

原创 jQuery----获取兄弟元素的方法

标题jQuery----获取兄弟元素的方法1、 $(this).next(); 获取的是当前元素的下一个兄弟元素2、$(this).nextAll(); 获取的是当前元素的后面的所有的兄弟元素3、$(this).prev(); 获取的是当前元素的前一个兄弟元素4、$(this).prevAll(); 获取的是当前元素的前面的所...

2020-04-28 16:47:44 725

原创 jQuery 获取url 中参数

jQuery 获取url 中参数var channel=getUrlParam("paramName");function getUrlParam(name) { var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象 var r = window.location...

2020-04-27 15:47:05 401

原创 基于Mui中picker选择器实现动态从后台请求数据时setData方法传值的问题

最近开发项目有个关于省市县联动的小功能,引用mui中的picker选择器,根据文档操作来并不难,关键问题在于setData()中传的json数据的问题一般来说,Mui的picker选择器中传的数据都是一个city.js文件,里面的数据是json格式,百度了好多关于picker选择器的用法,数据都是如出一辙的某个文件—“city.js”,如下图:那么问题来了,这个文件的数据都是死数据啊,虽说...

2020-04-09 15:29:32 2094 1

原创 移动端H5页面,关闭手机键盘!

标题 移动端H5页面,关闭手机键盘!最近在手机端页面遇到当点了输入框后弹出手机键盘,当关闭当前弹框页面后手机键盘未关闭。解决方案:document.activeElement.blur();注:activeElement是HTML的Dom属性,activeElement 属性返回文档中当前获得焦点的元素, 该属性是只读的。提示: 为元素设置焦点,可以使用 element.focus()...

2020-04-07 17:32:56 3373 2

原创 CSS自动换行、强制不换行、强制断行、超出显示省略号

CSS自动换行、强制不换行、强制断行、超出显示省略号p 标签是默认是自动换行的,因此设置好宽度之后,能够较好的实现效果,但是最近的项目中发现,使用 ajax 加载数据之后,p 标签内的内容没有换行,导致布局错乱,于是尝试着使用换行样式,虽然解决了问题,但是并没有发现本质原因,本质在于,我当时获取的数据是一长串的数字,浏览器应该是对数字和英文单词处理方式相近,不会截断。先给出各种方式,再具体介绍...

2020-04-02 16:04:50 214

原创 一个高度不固定的div,里面的文字如何垂直居中?

一个高度不固定的div,里面的文字如何垂直居中?最近在做项目中遇到父元素高度不固定,但是Dom元素里面的文本内容需要上下居中显示,解决方案:一、针对弹性布局的盒子:垂直居中:align-items:center; display: -webkit-flex;水平居中:justify-content:center; display: -webkit-flex;二、可通过js动态设置...

2020-04-02 15:41:02 4397

原创 父元素flex布局,实现某个子元素居右显示!

标题父元素flex布局,实现某个子元素居右显示!如果父元素是flex布局,想让其中一个子元素居右显示,可用css设置样式实现。方式一:margin-left: auto;方式二:flex: 1;text-align: right;...

2020-03-30 15:29:06 8466

原创 如何使用css控制背景片距离X边XXX像素

标题如何使用css控制背景片距离X边XXX像素background-position: right 15px center;代表所设置背景图片距离右侧15px,上下居中显示。

2020-03-23 17:16:18 1879 1

原创 js判断是否是在微信浏览器打开

标题js判断是否是在微信浏览器打开一、直接判断是否是在微信浏览器打开的(1)法1:function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { retur...

2020-03-23 16:37:35 7382

原创 js判断是ios系统还是安卓系统

标题js判断是ios系统还是安卓系统最近在做项目的时候有遇到需要判断是ios系统还是安卓系统打开的网页,可以用js做出判断,具体判断如下:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!...

2020-03-23 16:15:39 1721

原创 jQuery中attr()和prop()的区别与使用

标题jQuery中attr()和prop()的区别与使用最近在做项目的时候发现attr和prop的作用相同,但是有时候不知道到底该用哪个,因此就花了点时间查了查资料发现还是有区别的,总结如下:一、attr和prop含义的区别attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说较慢。prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中显示...

2020-03-23 16:03:50 611

原创 css如何去掉Img的src属性不存在或值为空的时候出现的边框

标题css如何去掉Img的src属性不存在或值为空的时候出现的边框!当img标签的src属性不存在时或者值为空的时候,页面会出现空白边框影响页面效果。解决办法:img[src=""],img:not([src]){ opacity:0;}...

2020-03-23 15:15:49 2374

原创 引用Mui后使用select下拉框默认展开下拉指示剪头不显示!

标题引用Mui后使用select下拉框默认展开下拉指示剪头不显示!1、最近使用mui做移动端的项目,在使用select下拉框的时候发现下拉指示剪头显示不出来,下拉框正常可以展开,经过查资料发现好像是默认样式把select标签的下拉箭头隐藏了,解决方案:(1)、除非改掉mui.min.css,不然改不了(2)、我通过自己设置图标解决了问题background:url('../../img/d...

2020-03-18 17:02:00 2067

原创 select下拉框的默认选项颜色为灰色,选中项颜色为黑色。

标题select下拉框的默认选项颜色为灰色,选中项颜色为黑色。通常情况下下拉框都会有一个默认选项“请选择”,在项目中一般会设置该默认选项的颜色与选中的项不同,一般会设置默认选项颜色为灰色,选中项颜色为黑色来增加用户体验。 var unSelected = "#999"; var selected = "#333"; $(function () { $("s...

2020-03-18 16:41:22 4706

原创 什么情况下需要使用转义字符!

**什么情况下使用转义字符**结论先行只需要关注最外层:最外层是双引号,内部出现双引号需要转义最外层是单引号,内部出现单引号需要转义无引号源代码函数外面没有双引号和单引号的时候原本的写法: 1. createTabs('上天','下海'); 2. createTabs("上天", "下海");出现引号嵌套示例: 1. 最外层是单引号里面有单引号: 2. ...

2019-12-03 15:05:35 5496 1

原创 vuex中的store和$store的区别

这里写自定义目录标题 <router-link to="/login">{{ $store.state.userName }}</router-link> <router-link to="/login">{{ store.state.userName }}</router-link> <router-link to="/...

2019-04-30 18:15:50 18006

空空如也

空空如也

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

TA关注的人

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