2017年02月_侠之大者为国为民

12月 11月 09月 07月 06月 05月 03月 02月 01月

原创 javascript实现，求一组数的最小公倍数

传入参数为长度为2的数组，求出数组范围内所有元素的最小公倍数function smallestCommons(arr) { //判断是否为质数 var isPrime = function(n){ for(var i=2;i<n;i++){ i

2017-02-10 15:38:01 3643 1

原创 word-wrap属性验证

word-wrap 属性可选值 normal | break-wordnormal:单词长度超过容器宽度不换行，会导致宽度溢出break-word:单词长度超过容易宽度会换行，不会导致宽度溢出注意：word-break word-wrap 都是对英文单词或长串数字起作用的，对中文没有影响如果设置了word-break:break-all 那么word-warp也

2017-02-10 10:48:43 1261

原创 word-break属性验证

word-break 可选属性为 normal | break-all | keep-all.normal:中文：按字分行英文：按单词分行break-all: 中文：按字分行英文：按字母分行keep-all: （会导致中文排版异常）中文：按标点符号分行英文：按单词分行演示：

2017-02-10 10:17:58 370

原创 white-space 属性验证

white-space 的常用属性包括: normal nowrap pre pre-line pre-wrapnormal:自动处理换行，行中的空白符（空格、换行、TAB等）合并为1个小空格nowrap:不换行，行中的空白符（空格、换行、TAB等）合并为1个小空格pre:不自动处理换行，保留原内容的所有空白符（空格、换行、TAB等）pre-line:自动处理换行，

2017-02-10 09:39:07 560

原创关于DOM元素宽、高属性的辨析

DOM元素的宽高有多项属性值：.clientHeight .clientWidth 代表元素内部内容的可见宽高，不包括内边距，滚动条的宽高.scrollHeight .scrollWidth代表元素内部内容的实际宽高。可滚动最大距离与实际宽高和可见宽高的差值有关.offsetHeight .offsetWidth代表元素外侧包裹边框的宽高，包含滚动条的宽高

2017-02-09 14:36:15 582

转载清除子元素margin导致的父元素边距异常

*{margin:0;padding:0} .box { background-color:gray; } .box:before{ display: table; content: ''; }

2017-02-08 10:57:20 1868

转载内联元素在块级元素内部垂直水平居中

*{margin:0;padding:0} .box { width:400px; height:200px; background-color:gray; text-align: center; } .middle{ paddin

2017-02-08 10:42:53 1826 1

原创使用原生javascript和css实现图片轮播效果

图片轮播 #box { width:506px; height:306px; margin: 20px auto; border:3px solid black; position

2017-02-07 13:50:00 825

原创做一个从中心向两边水平扩展的动画效果

用到了css3的transition属性，其实是从左往右扩展的。因为设置了块居中，产生从中心向左右扩展的感觉 #box{ background-color:gray; height:20px; overflow:hidden; } .a{ background-color:red; width:0; height:20px; margin: 0

2017-02-06 22:42:04 6290

转载函数防抖

1.通过设置延时和取消延时来保证函数在事件触发一段时间后执行$(document).ready(function() { function bebounce(fn, delay) { var timer = null; return function() { var

2017-02-06 09:36:14 554

原创 JS方法实现div容器y轴滚动

div容器设置overflow:hidden隐藏滚动条后，容器中内容超出设定高度则不可见。通过js方法，实现div垂直滚动条滚动到底部，以显示最新的内容。 var clientHeight = $('div#box').height(); var offsetHeight = $('div#box').get(0).scrollHeight;

2017-02-05 14:57:09 7664