web前端
忘了流泪
这个作者很懒,什么都没留下…
展开
-
解决在ie浏览器中使用onmouseover和onmouseout事件导致函数一直调用页面闪动的问题
关键函数,contains()。在IE中,所有的HTML元素都有一个contains方法,它的作用是判断当前元素内部是否包含指定的元素。我们利用这个方法来判断外层元素的事件是不是因为内部元素而被触发,如果内部元素导致了不需要的事件被触发,那我们就忽略这个事件。所以,解决方法为:在onmouseover时先进行如下判断,结果为true时再执行方法体:if(!this.contains(event...转载 2019-11-22 09:59:27 · 860 阅读 · 0 评论 -
项目中的日常随记~~不定期更新
1.隐藏内容display:none; 是内容、空间都隐藏,不会占地方。visibility: hidden; 是内容隐藏、但是会留有这个元素所占的空间。2.复制文本框中的内容<input type="text" value="u换个色ui给我" id="textInput"><input type="button" onClick="copytest()" va原创 2017-02-25 19:25:49 · 405 阅读 · 0 评论 -
关于easyui dialog弹出框打开时主页面页面整体向上缩进的样式bug解决方案
今天一下午点系统时无意中发现了一个bug,那就是当我通过点击a标签弹出时父页面(即主页面)会整体向上缩进几十公分。从而导致页面显示不全。如下所示:正常的应该是这样的: 找了好长时间终于找到原因了~原来是我的a标签的href值为#并不是javascript:void(0);当把href值设置成javascript:vodi(0)后果然就好了~~一脸懵逼的我上网看了原创 2017-10-10 16:52:09 · 1901 阅读 · 1 评论 -
js设置title属性的值的换行问题
一个html标签的title属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。俗话说的意思就是鼠标以上某个元素时悬浮在鼠标右下方的有关这条元素的信息。但有时候我们的信息太长时需要一行行的写来使其美观,那么就需要换行了~这时就要分成两种情况了~一种是直接在html的标签上添加title属性。这种写法的换行可以用
和
,以原创 2017-10-11 16:09:26 · 9750 阅读 · 0 评论 -
echarts图例显示不全以及颜色的一些问题
echarts图例的问题原创 2017-07-06 17:33:10 · 21013 阅读 · 1 评论 -
js操作cookie实现后台管理系统全站样式切换
js操作cookie实现后台管理系统整体样式的切换 包括子页面。完美兼容IE原创 2016-11-23 10:57:36 · 1725 阅读 · 0 评论 -
关于js调用iframe中函数方法不管用的一些提示
记得在我以前写的一篇easyui dialog弹出框的注意事项中写有从iframe页面中调用iframe外面的函数,从而实现iframe子页面向父页面的传值与函数的调用,可以把iframe中的easyui dialog框在最外层显示,而不只是在iframe里,导致别的元素还能点击。 今天遇到个问题需要用js调用iframe里的函数,正好和以前相反。上网上搜了一下,几乎都是以下的例子~~转载 2017-11-29 16:21:14 · 6890 阅读 · 0 评论 -
jsp页面get中文传值ie浏览器乱码的问题总结
这两天真是快被ie给折磨疯了~真想抓住微软的工程师问问为啥偏偏这么爱独树一帜!!!哎~~获取就是牛人的傲娇吧~~话不多说~~下面说说解决过程与方法给大家分享下。一开始用chrome浏览器调试时,发现get传值后乱码,于是去网上寻找解决方案,找到了这种方法:String planName=request.getParameter("planName");String planName1 = new...原创 2017-12-26 17:36:22 · 2541 阅读 · 0 评论 -
echarts地图制作的一些问题总结
1.echarts地图不显示,只显示上面的图标。 这个问题很头大,一开始当我从官网把示例copy下来运行发现,中国地图没有显示,只显示在地图上标注各个城市位置的图标,上网查了才知道,原来是因为我没有引入china.js中国地图这个js文件才导致的地图没有加载出来,把这个js引入就可以了。现在由于官网不提供下载可以直接引入这个地址来获取china.js文件:原创 2018-01-23 14:48:12 · 8891 阅读 · 4 评论 -
echarts图中颜色的随机展示方法
echarts中不管是柱状图、折线图还是饼图等要实现不同的数据显示不同的颜色有两种方法,其实这两种方法还是我在echarts的实例代码中找到的,现在贴出来以防以后备用。第一种:给定几种颜色让数据根据颜色组里不同的颜色显示不同的颜色。"color":function(params){ var colorarrays = ["#2F9323","#D9B63A","#2E2AA4...转载 2018-03-09 17:26:49 · 19257 阅读 · 0 评论 -
《css世界》的读书笔记
第三章 流、元素与基本尺寸1.<a>、<button>等元素在使用键盘进行Tab键切换时可以被选中,即获取到焦点,表现为虚框或者外发光,这类元素为焦点元素;非焦点元素<div>、<span>等没有设置tabindex属性,即无法被tab键获取。在ie6/7浏览器下,非焦点元素对:active置若罔闻。(这里涉及到ie6,7的兼容性)2.ie浏览器不支...原创 2018-05-03 10:32:01 · 853 阅读 · 0 评论 -
easyui下拉框与普通的文本输入框有长度差的解决方案
样式错乱如上所示,其实我给的长度是一样的,但就是差了5px,而且在谷歌等主流浏览器都是没问题的,只有到了ie时出现了这个问题。。。这ie,弄的我心里哇凉哇凉的。于是打开播放器,听了一首暖暖开始了寻找bug之旅。。 经过使用F12的调试工具反复查看后,发现我写的样式中有个padding-left:5px,然后突然想到padding会增加内容的宽度,而且好像ie的盒子模型和w...原创 2018-05-07 11:11:54 · 1076 阅读 · 0 评论 -
echarts图标与图显示的颜色不对应的问题
问题如下图所示:可以看到图例上的颜色与图的颜色明细不符~~检查了很久才发现是series中的name值的问题。下面贴出源代码:// 饼状图 var option = { tooltip:{ backgroundColor:'#D5D3E4', textStyle:{ color:'#3B357B' } }, le...原创 2018-09-03 14:47:26 · 15053 阅读 · 3 评论 -
angular ng zorro框架日期框无法自适应宽度的解决方法
如果我们使用ng zorro框架的日期框时,就会发现,日期框的宽度总是固定的,无法像输入框一样自适应父节点<nz-form-control [nzSpan]="12">的宽度,导致整个表单有长有短,奇丑无比,在哭看文档无果后想到了对其定义类做改变来实现,如下: 在控制整个项目整体的样式文件(我的是index.less)里加上这个样式 .ant-calend...原创 2019-02-20 11:23:25 · 2805 阅读 · 2 评论 -
angular6中引入echarts插件报options错误的解决方案
下午引入在ng-alain(angular封装框架)项目中引入echarts插件时,报can't bind to 'option'。。。等错时,弄了一下午才发现是因为在appmodule.ts中引入了import{NgxEchartsModule}from 'ngx-echarts';而在alain框架中,页面都是在route模块下的二级路由中,在appmodule中引入在route...原创 2019-03-28 20:22:18 · 1493 阅读 · 0 评论 -
大分辨率图片根据用户分辨率自适应其浏览器大小
现在做网页好的背景图片可以直接把页面的档次提高一倍,如果背景图片是纯色或者是小 图片的话,我们直接就可以通过(background-repeat)平铺的方式实现,但是往往都是美工不遂人愿,总是把背景图做的花里胡哨的,根本没法通过平铺来实现,如果要是用js判断浏览器分辨率来展示相应分辨率的背景图片,这样实现虽然能实现,但是毕竟麻烦了点,哎~~没办法,我的座右铭就是能偷懒就多偷一点。。。。于是便想到了转载 2017-08-22 19:34:25 · 3143 阅读 · 0 评论 -
http和ftp状态码大全与详解
HTTP:1xx-信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。 100-继续。 101-切换协议。 2xx-成功 这类状态代码表明服务器成功地接受了客户端请求。 200-确定。客户端请求已成功。 201-已创建。 202-已接受。 203-非权威性信息。 204-无内容。 20转载 2017-07-25 17:42:44 · 792 阅读 · 0 评论 -
使用easyui dialog 弹出框的一些注意事项
使用easy ui 的dialog弹出框制作后台管理系统时需要点击按钮弹出个新的弹出框,为了保持每次点击显示出来的数据都是重新渲染,从后台获取的,可以这样来写:function piliangchuli(){ $("").dialog({ title: '批量处理', id:'batchProcessing', width: 920, height:原创 2016-12-19 13:52:48 · 19058 阅读 · 5 评论 -
解决ie8下的iframe背景不透明为白色的问题
'background-color' 特性的默认值为 ''''transparent'''',即透明;但是IE6/IE7/IE8中 BODY 元素的背景色不是 transparent,而是 #FFFFFF;也就是变成了白色的。在iframe中这个背景是其本身,不是iframe内的html元素的,所以,只对iframe进行相关设置就能去掉这个背景。IE6/IE7/IE8中却是白色;所原创 2016-12-26 13:34:43 · 4169 阅读 · 0 评论 -
自己的web前端工程师之路的感慨与规划
想想到现在工作也有半年多了,却感觉不会的越来越多,工资也止步不前,有时就会感到迷茫,迷茫中就得过且过的过了好几个月,每当听见同学、朋友说他朋友工资早已突破万元大关,而我自己却还只是向万元大关靠近,连冲击都算不上。想想这是为啥子嘛,越想越心惊肉跳,这半年了一共做了有2个项目。 第一个项目是一套前台页面,现在回想起当时做得,那可是真烂,要审美没审美,最后还是在美工大人的多次沟通与交流原创 2017-02-08 09:50:56 · 10914 阅读 · 2 评论 -
一个css的大括号引发的惨案
昨天提完代码后就下班走了,一路上雪景还没欣赏够呢我同事就发QQ消息给我,说:”强哥,怎么办,我一更新完你提交的代码项目瞬间爆炸了,样式全乱了。我当时直接从欣赏美丽雪景的一脸懵逼的清醒过来,但都到家了,只能给他说明天去了再改吧~~第二天到了公司,看到的页面是这样的:心中顿时万只草泥马奔腾而过,然后无奈的开始打开谷歌浏览器的调试工具来排除bug。1.首先,上面的按钮还能点,也可以跳转到相应原创 2017-02-22 11:19:13 · 2602 阅读 · 0 评论 -
nodejs同步与异步的区别
仅供像我这种菜鸟记忆才写,高手就路过吧。首先,先了解下什么叫同步,什么叫异步。同步得话就很容易理解了,就是程序自上而下运行,而异步就是不用等待上面的运行完后再运行下面的操作。异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。下面通过nodejs的两个例子来展现同步与异步的不同之处。新建一个txt文件,然后随便输入几个字,保存,保存的时候记得要保存为UTF-8的编码格式。否则原创 2017-03-08 17:17:16 · 8703 阅读 · 0 评论 -
d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法
今天在自学d3js,学到比例尺的使用时,发现报了个错,错误如下所示:上网搜了好久都百思不得其解,最后还是在一个英文网站找到了原因,为:In D3 v4 it is no longer named d3.scale.linear().Use d3.scaleLinear() instead.翻译过来的意思就是:在d3js v4版本以后中的线性比例尺不再使用d3.scale.lin原创 2017-03-23 16:06:22 · 4669 阅读 · 0 评论 -
利用cookie实现从主页面向iframe页面里传值
因为我要做一个页面,要实现当浏览器的大小发生改变时获取到浏览器的高度,然后传入iframe引入的子页面中,思前想后用了许多方法都不行~最后突然想到了cookie,就尝试着试了一下,没想到还真行~~首先,在主页面listMenu.jsp写入如下代码://写cookies function setCookie(name,value){ var Days = 30; var exp =原创 2017-04-11 16:21:46 · 8164 阅读 · 0 评论 -
通过js控制页面元素的响应式布局
最近几个月忙着做个后台管理系统~~要求响应式就不说啥了,还要兼容ie8?!!!媒体查询的响应式到ie9后才支持~~哎,心哇凉哇凉的~就有想到能不能通过控制浏览器大小改变时触发的函数来实现,去网上搜了一下,还真有啊,是window.onresize=function(){}方法~~下面就是具体实现的例子了。//浏览器大小发生改变时触发的函数window.onresize = function(原创 2017-04-06 12:08:08 · 5121 阅读 · 0 评论 -
解决easyui日期时间框ie的兼容问题
前几天项目进入最后准备上线阶段,测试突然发现使用easyui的datetimebox插件获取的时间在ie的时候无法获取到比当前时间还往后的时间,当时是这么写的: $(selector).datetimebox( { formatter : function(date) { var y = date.getFullYear(); var m = date.get原创 2017-04-19 15:42:22 · 2376 阅读 · 0 评论 -
d3.js在坐标轴遇到的问题
在d3.js v4版本之前,写坐标轴是这样写的:var axis = d3.svg.axis() .scale(linear) //指定比例尺 .orient("bottom") //指定刻度的方向 .ticks(7); //指定刻度的数量但是d3 v4版本之后,再这样写的话会报如下错误:Uncaught TypeError原创 2017-04-24 18:00:51 · 2385 阅读 · 0 评论 -
用echarts3和worldcloud制作炫酷的字符云图
最近有个项目需要做出云图来,一开始还不知道云图是什么鬼,直到需求在网上找了个图我才恍然大悟,但是大悟完就开始一脸懵逼了,这玩意怎么做?因为当时项目紧,项目经理就先叫我用photoshop画了一个云图给贴上了~~最近听同事说echart也可以实现的,就又去烦了好大一会儿,才发现echarts3的例子中并没有云图的例子,只有echarts2中有,然后试着把2中的代码弄到3下面,果然不出所料的报错了,于原创 2017-05-02 17:07:52 · 16086 阅读 · 13 评论 -
给js对象添加新属性的方法
例如要给对象textObj添加个'selected'的新属性,可以这样来写:var textObj = {};textObj['selected'] = 'true';console.log(textObj); //输出{select:true}原创 2017-05-26 17:12:33 · 19931 阅读 · 0 评论 -
jquery1.9.1中checkbox第一次移除后再添加checked不显示的问题
今天做项目的时候发现一个问题,点单选按钮是时要把复选框的框框勾上,点否的时候取消勾勾,第一次点时,还可以勾上和取消,但是第二次做的时候复选框的勾勾怎么也加不上了,但是使用F12调试工具看的时候看见这个checkbox复选框的属性明明已经加上checked=checked这个属性了,可复选框就是没显示,无奈只能求助度娘了。百度了之后才发现原来在jq1.9.1版本之后用prop这个方法代替了att原创 2017-06-21 16:16:57 · 902 阅读 · 0 评论 -
使用js内置对象arguments求函数的所有参数的和
今天做一个面试题时遇到一个问题,如下:函数 useArguments 可以接收 1 个及以上的参数。请实现函数 useArguments,返回所有调用参数相加后的结果。本题的测试参数全部为 Number 类型,不需考虑参数转换。一开始我想?不会这么简单吧,就随便做了个函数相加的方法提上去了,谁知道提示错误,然后又仔细的审了审题,发现题目第一句话的意思原来是我理解错了,人家的意思是我不管原创 2017-07-18 18:35:23 · 3833 阅读 · 1 评论 -
如何让CSS的标签兼容不同的浏览器
在不同浏览器,标签呈现的效果是有区别的。 作为块级元素的标签,在写CSS文件时, 最好定义行高line-height, 不要定义高度height,因为定义了高度, 就限制了块级元素的高度, 在不同浏览器, 很难实现比较统一的效果,我曾经遇到,在IE6,FIREFOX(FF)效果完好, 而在IE7,标题的文字只出来一半。 且标题在不同的布局中, 会有不同的行数要求, 比如在侧栏转载 2016-11-25 10:59:48 · 629 阅读 · 0 评论