Daisydan

Js常用正则

Js常用正则前端开发中总避免不了使用一些正则表达式来处理一些问题，下面就列常用的几例字符串去重 var str = "adsfjjbkk"; // \1匹配第一个子串 // 只去除连续重复 console.log(str.replace(/(.)(\1)+/g,function($1,$2,$3){ return $2; }));// adsfjb...

Posted by Daisydan on January 14, 2016

JS正则表达式总结

JS正则表达式总结正则表达式通常用于两种任务：1.验证，2.搜索/替换。 *字符类匹配 [...] 方括号内的任意字符 [^...] 不在方括号内的任意字符 . 除了换行符和其他Unicode行终止符之外的任意字符 \w 任何ASCII字符组成的单词，等价于[a-zA-Z0-9] \W 任何不是ASCII字符组成的单词，等价于[^a-zA-Z0-9] \s 任何Unicode空白符 \...

Posted by Daisydan on January 12, 2016

各种top、left、height

各种top、left、height 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽：...

Posted by Daisydan on December 20, 2015

web跨域解决方案

web跨域解决方案我们都知道HTML的同源策略不允许JavaScript进行跨域操作，但随着Web App的功能越来越强，各种跨域的需求催生了无数的跨域手法。跨域办法大致可以分为两类: 1、一类是hack,比如通过title, navigation等对象传递信息，JSONP可以说是一个最优秀的Hack。 2、另一类是HTML5支持，一个是Access-Control...

Posted by Daisydan on December 15, 2015

易混淆的方法

易混淆的方法 parent()：查找直接的父节点 parents()：查找所有的祖先元素 sibling()：查找兄弟节点，不分前后 children()：查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙 find()：会在div元素内寻找 class为classname的元素。(子元素找) filter()：则是筛选div的class为classname的元...

Posted by Daisydan on December 1, 2015

tab切换

tab切换 HTML部分 <ul class="tabs" id="tab"> <li><a href="javascript:void(0)" class="current">tab切换一</a></li> <li><a href="javascript:void(0)" >tab切换二...

Posted by Daisydan on November 20, 2015

文字向上滚动

文字向上滚动 HTML部分 <div class="content_three" id="content_three"> <div class="list_all" id="list_all"></div> <div class="list_all" id="list_copy"></div> </div> ...

Posted by Daisydan on November 12, 2015

移动web经验总结

移动web经验总结一、头部引用 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta http-equiv="Cache-Control" conten...

Posted by Daisydan on November 5, 2015

JavaScript闭包理解

闭包这个问题一直以来比较生涩，今天一个同事给了他的理解：闭包就是防止全局变量污染。然后我专门上网查了下，总结了以下几点闭包定义闭包通俗点说就是能够读取其他函数内部变量的函数（是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量闭包的好处 1.希望一个变量长期驻扎在内存中 2.避免全局...

Posted by Daisydan on October 24, 2015

JavaScript事件冒泡、事件委托和阻止事件

事件冒泡什么是“事件冒泡”呢？假设这里有一杯水，水被用某种神奇的方式分成不同颜色的几层。这时，从最底层冒出了一个气泡，气泡会一层一层地上升，直到最顶层。而你不管在水的哪一层观察都可以看到并捕捉到这个气泡。好了，把“水”改成“DOM”，把“气泡”改成“事件”。这就是“事件冒泡”。在网上查找了一个demo 代码如下： CSS .white{background...

Posted by Daisydan on October 24, 2015

css书写规范、顺序

css书写顺序 1.位置属性（postion、top、right、z-index、display、float等） 2.大小（width、height、padding、margin等） 3.文字系列（font、line-height、letter-sapce等） 4.背景（background、border等） 5.其他（animation、transtion等） c...

Posted by Daisydan on October 16, 2015

parent()、parents()、closest()的区别

区别 1.parent()方法从指定类型的直接父节点开始查找，在"0"中， <a> 的直接父节点是<li>所以在这里找不到<ul>父节点。在"2"中先找到了<li>，接着找到<ul>，并将它的背景色设置为yellow。parent()返回一个节点。 2.parents()方法查找方式同parent()方法类似，不同的...

Posted by Daisydan on October 14, 2015

我的第一篇博文

这是我的第一篇博文～～没想到第一次开始写博文是在毕业之后怎么说呢加油，努力呗嘻嘻

Posted by Daisydan on October 1, 2015