
前端
文章平均质量分 59
明月(Alioo)
一个在互联网行业浪迹多年的IT民工,集闷骚与博爱于一身,擅长JAVA,喜欢折腾Linux,热衷于研究各类B/S系统。对各类新奇技术保持极大的热情,行迹诡异,早年经常流窜于移动互联网领域,现藏身于朝林阑珊处。
技术债不能欠,健康债更不能欠, 求道之路,与君同行。
展开
-
欢迎使用优快云-markdown编辑器
z-index为什么不生效大家都知道可以通过z-index来调整多个dom元素的显示前后顺序,但是有时候会发现不好使,那是因为将需要在这几个dom元素上均添加 css-position样式 比如:position:absolute;position:relative;另外一点小常识就是: 设置过position:absolute;的dom元素默认会显示在最上层原创 2017-04-12 21:23:31 · 262 阅读 · 0 评论 -
html右侧增加页面导航快捷键效果图及代码
如果一个页面非常长时,在页面右侧增加导航快捷键还是比较有必要的,见效果图: 局部放大后的效果 具体实现代码如下:html相关代码<!-- 回到顶部代码,这里的id对应当前页面 --><div class="gototop none"> <div > <a href="#" data-id="#goto-top&quo原创 2018-03-07 14:33:38 · 4816 阅读 · 0 评论 -
关于前端组件bootstrap使用上的几点小技巧
关于前端组件bootstrap使用上的几点小技巧1.再次查询时不是以第1页开始的如果已经翻到第5页了,这个时候改变了一下查询条件,重新点击查询,这个时候会发现请求的根据最新查询条件的第5页的数据,而一般大家是希望点击查询按钮时重新从第1页进行查询 那么可以这样$('#tb_datagrid').bootstrapTable('refreshOptions',{pageNumber:1});2.如果原创 2018-01-17 14:19:43 · 671 阅读 · 0 评论 -
Cookie中特殊字符的坑
服务端代码Cookie[] cookies = request.getCookies();LOGGER.info("historyOrder.cookies=" + JsonUtils.toJson(cookies));Cookie userIdCookie = CookieUtil.getCookieByName(request, "userId");if (null == userIdCo原创 2017-12-27 09:17:51 · 9885 阅读 · 0 评论 -
:hover选择器、:active选择、:focus选择器 分别在什么时候生效
:hover选择器:当鼠标悬停在所指定的元素上时所使用的样式; :active选择器:当所指定的元素处于激活状态(鼠标在元素上按下还没有松开)时所使用的样式; :focus选择器:当元素获得光标焦点时使用的样式,主要用在文本框输入文字时使用;【注】 :hover比较好理解,就是当鼠标移动到元素上时所产生的效果, 当我们单击元素时,会同时触发:active和:focus,最后将只能看到了:fo原创 2017-12-19 19:12:00 · 3199 阅读 · 0 评论 -
CSS实现三角形的方法之一--利用 border 属性实现三角形
这个原理很简单,我我们先看下面的图,这是一个边框为 20px 的 div,看他的边框,是个梯形,变化会从这里开始。CSS:.triangle{ width:30px; height:30px; border-width:20px; border-style:solid; border-color:#e66161 #f3bb5b #转载 2017-04-12 22:24:11 · 2549 阅读 · 0 评论 -
css样式权重控制
css作用于dom元素的方式非常多,通常情况下优先级由高到低排列如下:style --直接写在dom元素上的style样式优先级最高,id选择器 #abcd{} --css中通过 id选择器识别元素优先级排列第2class选择器 .abcd{} --css中通过 class选择原创 2017-04-12 21:35:52 · 740 阅读 · 0 评论 -
z-index最大值,最小值,在不同浏览器的取值
z-index最大值: IE FireFox Safari的z-index最大值是2147483647 。 Opera的最大值是2147483584.。 IE Safari Opera在超过其最大值时按最大值处理。 FireFox 在超过最大值时会数据溢出正负不定,但有一点可以肯定绝对不会高于2147483647层 z-index最小值 IE FireFox Safar原创 2017-04-12 21:26:15 · 7389 阅读 · 0 评论 -
一次ajax调用,却发送了二次http请求(一次为请求方法为option,一次为正常请求)
直接上证据,截图来自于chrowm浏览器-开发者工具-network 会发现其中一次请求 Method是OPTIONS 另外一次是正常请求 原因如下: 浏览器对复杂跨域请求的处理,在发送真正的请求前, 会先发送一个方法为OPTIONS的预请求(preflight request), 用于试探服务端是否能接受真正的请求,如果options获得的回应是拒绝性质的,比如404\403...原创 2018-09-04 14:13:53 · 7994 阅读 · 0 评论