前端 - 随笔分类 - hrbust_09zhangyabin

css中important的用处

摘要：今天看代码时遇到一段不理解的地方。不太理解后三行代码含义。现在记录一下，方便以后查看：!important是Firefox专用的一个标记。这段代码的含义是同时兼容firefox和IE的最低高度360排序，和高度自适应。第一行设置 min-height:360px;对Firefox有效；第二行阅读全文

posted @ 2016-05-10 15:36 hrbust_09zhangyabin 阅读(222) 评论(0) 推荐(0)

form的提交方式

摘要：2，第二种是使用链接来提交表单，用到了javascript的DOM模型： 3,在一般情况下，同一个表单只能被提交给同一个地址。但在实际web应用中，可能希望同一个表单可以根据用户的选择来完成不同的操作，即表单的分向提交。 <script>function query(formObj){ formOb 阅读全文

posted @ 2016-03-17 15:02 hrbust_09zhangyabin 阅读(259) 评论(0) 推荐(0)

window.location和window.location.href和document.location的关系

摘要：1，首先来区分window.location和window.location.href。 window.location.href是一个字符串。而window.location是一个对象，包含属性有 hash 从井号 (#) 开始的 URL（锚） host 主机名和当前 URL 的端口号 host 阅读全文

posted @ 2016-03-11 11:58 hrbust_09zhangyabin 阅读(611) 评论(0) 推荐(0)

瀑布流的原理

摘要：以前写过瀑布流，但对于其中某些概念和一些细节一直没理清，导致写代码时一直心存疑虑。没法用准确的代码来描述。仅仅停留在我的代码能运行，但出了问题不好查。昨天花近2小时理清了。 var wuyu=1;...function roll(){ //scrollTop “卷”起来的高度值 var sTop 阅读全文

posted @ 2016-03-09 10:07 hrbust_09zhangyabin 阅读(283) 评论(0) 推荐(0)

使用jquery插件实现图片延迟加载--懒加载技术

摘要：原文链接：http://www.cnblogs.com/lei2007/archive/2013/05/31/3110725.html 感谢作者。以下为原文，备忘仅供自己学习。第一：lazyLoad简介及作用：网站性能优化的插件，提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当阅读全文

posted @ 2016-02-25 09:48 hrbust_09zhangyabin 阅读(213) 评论(0) 推荐(0)

position:fixed;如何居中

摘要：div{ position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width:100px; height:100px;}如果只需要左右居中，那么把 bottom:0; top:0; ... 阅读全文

posted @ 2016-01-18 14:46 hrbust_09zhangyabin 阅读(659) 评论(0) 推荐(0)

子元素应该margin-top影响父元素的解决办法

摘要：在子元素设置margin-top，有时会带着父元素一起移动。原因： Outer Div [margin: 0 auto] Inner Div [margin-top: 10px] 根据CSS2.1盒模型规范，两层Div结构，Outer Div属性为“margin:0 auto”，本该紧贴外框顶... 阅读全文

posted @ 2016-01-15 10:12 hrbust_09zhangyabin 阅读(324) 评论(0) 推荐(0)

CSS定位机制总结

摘要：1，CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。2，普通流定位：块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。3，CSS position... 阅读全文

posted @ 2016-01-07 22:58 hrbust_09zhangyabin 阅读(144) 评论(0) 推荐(0)

使用CSS设置行间距，字间距

摘要：原链接：http://blog.sina.com.cn/s/blog_a03d702f01013u3q.html字间距1、text-indent设置抬头距离css缩进即对，对应div设置css样式text-indent : 20px; 缩进了20px2、letter-spacing来设置字与字间距_... 阅读全文

posted @ 2016-01-04 11:14 hrbust_09zhangyabin 阅读(10770) 评论(0) 推荐(0)

bug1

摘要：今天写了段代码，如下。看起来没什么问题，但被有心人拿去用post模拟提交。一个疏漏搞得我好狼狈，谨记。阅读全文

posted @ 2015-12-07 21:50 hrbust_09zhangyabin 阅读(119) 评论(0) 推荐(0)

setTimeout关于函数名做参数的问题

摘要：前几天在调bug时发现一个诡异的问题。function test(){ alert('4 seconds!');}setTimeout(test(),4000);这段代码立即执行，当时看不出问题的原因。只好先换了一种写法，如下。function test(){ alert('4 se... 阅读全文

posted @ 2015-11-30 15:11 hrbust_09zhangyabin 阅读(428) 评论(0) 推荐(0)

jquery提供的数据提交方式2-ajax

摘要：以前介绍过ajax提交方式。但仅仅是个例子，今天将详细介绍jquery中的$.ajax,$.get,$.post方法。一，首先介绍$.ajax方法参数（以下参数来自：http://www.cnblogs.com/tylerdonet/p/3520862.html）1.url:要求为String类型的... 阅读全文

posted @ 2015-11-11 01:13 hrbust_09zhangyabin 阅读(229) 评论(0) 推荐(0)

margin-top无效的解决方法

摘要：为什么会出现margin-top无效？原因：根据W3C盒子模型的规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。解决该问题的办法：1.在父元素加上有意义的border数值（0，none无效）2.... 阅读全文

posted @ 2015-11-10 10:27 hrbust_09zhangyabin 阅读(288) 评论(0) 推荐(0)

理解setTimeout和setInterval

摘要：setTimeout和setInterval，这两个js函数都是用来定时执行。setTimeout执行一次，setInterval执行多次。问题出现在今天，使用setInterval是，设置执行速度为1ms。这时setInterval就出现了延迟。它并没有严格按照1ms的速度执行。 var spe... 阅读全文

posted @ 2015-09-18 18:01 hrbust_09zhangyabin 阅读(241) 评论(0) 推荐(0)

HTML5新api即pushState和replaceState实现无刷新修改url

摘要：1,首先我面临一个需求，页面回退时需要知道来之前的页面状态。很简单，回退时在url里赋参数即可。问题是在ipad上，回退按钮是安卓那边的，我控制不了。只好采用js无刷新修改url历史记录，来告诉服务器我回去时要给我保持神秘状态。先上代码，再解释这两个api。 var url=window.... 阅读全文

posted @ 2015-08-18 12:02 hrbust_09zhangyabin 阅读(324) 评论(0) 推荐(0)

前端学习资料汇总(转载)

摘要：链接http://www.w3cfuns.com/blog-5402109-5400901.html晚上回去整理阅读全文

posted @ 2015-08-12 14:03 hrbust_09zhangyabin 阅读(114) 评论(0) 推荐(0)

前段-页面优化方法1

摘要：1,使用外联式引用CSS、JavaScript.这样可以减少你文档的大小。CSS写头部，js写尾部或异步。尽量避免在html标签里写style属性。不滥用float。2,写在HTML头部的JavaScript（无异步），和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用L... 阅读全文

posted @ 2015-08-10 10:31 hrbust_09zhangyabin 阅读(161) 评论(0) 推荐(0)

随笔分类 - 前端