03 2016 档案

js事件委托
摘要：原理 利用js的事件冒泡原理，把onclick，onmouseenter等事件绑定到父节点上，这样做的好处是： 1.避免多次循环，例如给ul的li增加样式； 2.可以给动态增加的节点绑定事件，例如ul中新增的li也需要有事件； 3.代码简洁，便于维护； 4.复用函数对象，优化性能； 原生js实现 这 阅读全文
posted @ 2016-03-31 16:57 summer323 阅读(168) 评论(0) 推荐(0)
js中的createDocumentFragment方法
摘要：减少修改DOM的次数 详见博客：http://www.cnblogs.com/yunfour/archive/2011/06/21/2085911.html 阅读全文
posted @ 2016-03-28 11:17 summer323 阅读(1020) 评论(0) 推荐(0)
css绘制三角形的技巧
摘要：博客地址：http://www.cnblogs.com/lhb25/p/css-and-css3-triangle.html 这个大牛还有很多前端分享！ 阅读全文
posted @ 2016-03-26 20:01 summer323 阅读(178) 评论(0) 推荐(0)
css各种情况下居中的方法
摘要：推荐博客： https://css-tricks.com/centering-css-complete-guide/ http://howtocenterincss.com/#contentType=div&horizontal=center&vertical=middle&browser.IE=6 阅读全文
posted @ 2016-03-24 11:30 summer323 阅读(159) 评论(0) 推荐(0)
css清除浮动方法
摘要：浮动会让元素塌陷，即被浮动元素的父元素(不设置height)不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度，解决方法：1.在浮动元素后面定义一个div，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性 height:0;overflow:hidd 阅读全文
posted @ 2016-03-24 10:34 summer323 阅读(209) 评论(0) 推荐(0)
三栏式布局(下)
摘要：以下两种方式分别用float和position:absolute 实现，中间的自适应宽度都是用margin实现的，事实证明margin真的很方便！ 方法1(position)： 方法二（float): 完整代码地址：https://github.com/summer323/my-way-to-Fro 阅读全文
posted @ 2016-03-22 17:12 summer323 阅读(156) 评论(0) 推荐(0)
定位对宽度的影响
摘要：float 和 绝对定位都是根据内容的宽度而定； 相对定位和块状元素，如果不设置宽度，默认是100%（父元素） 阅读全文
posted @ 2016-03-22 14:23 summer323 阅读(277) 评论(0) 推荐(0)
三栏式布局(上)
摘要：设置一个三栏式布局，要求：左右宽度固定，中间自适应占满剩余空间，并且随屏幕调整大小。父元素的高度取决于三列最高高度(效果图如上)； 第一次尝试： 出现的问题：1.父元素高度并不是三列最高，而是自动加了滚动条。2.中间content并没有填满剩余空间，而且不随窗口伸缩！ 原因如下：right是最高栏， 阅读全文
posted @ 2016-03-22 10:59 summer323 阅读(294) 评论(0) 推荐(0)
css布局博客推荐
摘要：学了很久的css，但是对布局一直是很捉急~ 今天看到这两篇博客，真是茅塞顿开！ http://zh.learnlayout.com/toc.html http://www.barelyfitz.com/screencast/html-training/css/positioning/ 阅读全文
posted @ 2016-03-21 17:35 summer323 阅读(159) 评论(0) 推荐(0)
Odd Even Linked List(JS实现)
摘要：该开始以为space O(1)是只能定义一个变量，后来百度才知道是就地逆置； 网上看到这个方法，感觉很巧妙，自己用js写的； 阅读全文
posted @ 2016-03-21 10:39 summer323 阅读(212) 评论(0) 推荐(0)
css设置div始终居中
摘要：前提是div在父元素中占位； 详见博客地址：http://www.cnblogs.com/DebugLZQ/archive/2011/08/09/2132381.html 阅读全文
posted @ 2016-03-16 10:18 summer323 阅读(690) 评论(0) 推荐(0)
css Position定位属性
摘要：详见博客：http://www.cnblogs.com/polk6/p/3214847.html 阅读全文
posted @ 2016-03-16 10:00 summer323 阅读(101) 评论(0) 推荐(0)
css3画实心圆
摘要：设置border-radius的值为width和height的1/2； 例子如下： 可以用border属性设置边框样式 例如： 阅读全文
posted @ 2016-03-15 17:05 summer323 阅读(512) 评论(0) 推荐(0)
javascript变量声明提升
摘要：1.javascript引擎在运行一个js文件时，会把所有的变量声明提升到当前作用域的最前面，这叫变量声明提升。  先看一段代码 这段代码运行的结果是什么呢？ 答案是：undefined 这段代码说明了两个问题， 第一，function作用域里的变量v遮盖了上层作用域变量v。代码做少些变动 输出结果 阅读全文
posted @ 2016-03-15 16:51 summer323 阅读(355) 评论(0) 推荐(0)
javascript的作用域链
摘要：     当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。例如定义下面这样一个函数：   在函数add创建时，它的作用域链中会填入一个全局对象，该全局对象包含了所有全局变量，如下图所示（注意：图片只例举了全部变量中的一部分）： 函数add的作用域将会在执行时用到。例如执行 阅读全文
posted @ 2016-03-15 16:46 summer323 阅读(166) 评论(1) 推荐(0)
jQuery中serialize()和param()的区别
摘要：serialize()函数是对form中有name属性的元素值进行数据序列化，param()可以对将任意的参数（对象，数组）进行url地址格式的转换。 阅读全文
posted @ 2016-03-15 16:37 summer323 阅读(223) 评论(0) 推荐(0)
javascript中的闭包
摘要：1.闭包的概念     闭包简单的理解就是，在函数内部定义的函数。或者是在函数返回后，没有释放资源的栈区。   2.闭包的用法    闭包最神奇的地方 在外部函数内定义的局部变量并不会随着外部函数的返回而被消亡，局部变量在函数执行结束后仍然可以被函数外的代码访问甚至修改。   3.使用闭包需要注意的 阅读全文
posted @ 2016-03-15 16:35 summer323 阅读(107) 评论(0) 推荐(0)
javascript中this关键字的用法
摘要：总的原则是，this指的是调用函数的对象。 阅读全文
posted @ 2016-03-15 16:34 summer323 阅读(154) 评论(0) 推荐(0)
javascript面向对象编程
摘要：1.用构造函数封装对象的属性和方法。   阅读全文
posted @ 2016-03-15 16:33 summer323 阅读(132) 评论(0) 推荐(0)
javascript的继承方式
摘要：  还有一个“猫”对象的构造函数。     阅读全文
posted @ 2016-03-15 16:31 summer323 阅读(129) 评论(0) 推荐(0)
event事件对象
摘要：DOM中的事件对象（w3c标准）： 阅读全文
posted @ 2016-03-15 16:27 summer323 阅读(120) 评论(0) 推荐(0)
解决ul里最后一个li的margin问题
摘要：1、运用css3的nth-child(3n)   2.使用负margin   阅读全文
posted @ 2016-03-15 16:21 summer323 阅读(1927) 评论(0) 推荐(0)