09 2017 档案

html中子div用了浮动怎样让父div的大小自动撑开（清除浮动）
摘要：浮动子div撑开父div的几种方法： （1）在父div中在添加一个清除浮动的子div<div style=" clear:both;"></div>，该div不设置任何样式，只用来清除浮动 （2）在父div的css样式中设置overflow：hidden;zoom:1; （3）设置父div也为浮动元 阅读全文
posted @ 2017-09-26 17:55 Cooper_Yao 阅读(1066) 评论(0) 推荐(0)
前端兼容性问题
摘要：IE6IE7Firefox浏览器不兼容原因及解决办法 一、IE6IE7Firefox浏览器不兼容原因及解决办法1.文字 本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白 阅读全文
posted @ 2017-09-25 21:58 Cooper_Yao 阅读(788) 评论(0) 推荐(0)
数组操作方法和迭代方法
摘要：改变原数组的：pop：删除最后一个并返回，改变原数组 push：向数组末尾添加元素，并返回新的长度，改变原数组 unshift：向数组开头添加元素，并返回新的长度，改变原数组 reverse：颠倒数组顺序，改变原数组 shift：将第一个元素删除并且返回，空即为undefined，改变原数组 spl 阅读全文
posted @ 2017-09-25 20:46 Cooper_Yao 阅读(445) 评论(0) 推荐(0)
正则表达式
摘要：整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字："^[0-9]*$"。 只能输入n位的数字："^\d{n}$"。 只能输入至少n位的数字："^\d{n,}$"。 只能输入m~n位的数字：。"^\d{m,n}$" 只能输入零和非零开头的数字："^(0|[1-9][0-9 阅读全文
posted @ 2017-09-21 18:19 Cooper_Yao 阅读(160) 评论(0) 推荐(0)
三元运算符
摘要：console.log(([])?true:false); console.log(([]==false?true:false)); console.log(({}==false)?true:false) 得到的结果分别是什么？（） Boolean([]); //true Number([]); / 阅读全文
posted @ 2017-09-15 16:29 Cooper_Yao 阅读(127) 评论(0) 推荐(0)
数组求和/去重
摘要：求和 //递归 function sum(arr) { var len = arr.length; if(len == 0){ return 0; } else if (len == 1){ return arr[0]; } else { return arr[0] + sum(arr.slice( 阅读全文
posted @ 2017-09-14 18:09 Cooper_Yao 阅读(350) 评论(0) 推荐(0)
javascript保留字
摘要：abstract · boolean · break · byte · case · catch · char · class · const · continue · default · do · double · else · extends · false · final 阅读全文
posted @ 2017-09-14 16:49 Cooper_Yao 阅读(884) 评论(0) 推荐(0)
window.onload和document.ready区别
摘要：1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 阅读全文
posted @ 2017-09-14 16:36 Cooper_Yao 阅读(154) 评论(0) 推荐(0)
alert()和consloe.log()区别
摘要：[1]alert() [1.1]有阻塞作用，不点击确定，后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([a,b,c]);//a,b,c [1.3]alert不支持多个参数的写法,只能输出第一个值 e.g. alert(1... 阅读全文
posted @ 2017-09-14 15:21 Cooper_Yao 阅读(4759) 评论(0) 推荐(0)
Eventutil函数封装
摘要：什么是EventUtil？ 在JavaScript中，DOM0级、DOM2级与旧版本IE(8-)为对象添加事件的方法不同 为了以跨浏览器的方式处理事件，需要编写一段“通用代码”，即跨浏览器的事件处理程序 习惯上，这个方法属于一个名为EventUtil的对象 编写并使用该对象后，可保证处理事件的代码能 阅读全文
posted @ 2017-09-13 17:36 Cooper_Yao 阅读(143) 评论(0) 推荐(0)
关于事件流，事件冒泡和事件捕获
摘要：1.事件流 假设有这样一个场景： 有一个导航条：div > ul > li > a，每个元素块宽高一样，就像是一组同心圆。如果我们点击a元素，那么浏览器会认为单击事件不仅仅发生在a上。换句话说，在我们单击a元素的同事，我们也单击了容器中的其他元素。 事件流描述的是从页面中接收事件的顺序。但有意思的是 阅读全文
posted @ 2017-09-13 16:24 Cooper_Yao 阅读(1377) 评论(0) 推荐(0)
JavaScript高程读书笔记
摘要：第三章 3.6 switch语句 1.与else if 相似,符合即跳出; 2.if if if全判断 3.7 1.return代表结束,return后的语句不执行 2.arguments[0]代表空函数sayHi( )第一个参数的值，又sayHi（12）{alert（arguments.lengt 阅读全文
posted @ 2017-09-12 17:11 Cooper_Yao 阅读(188) 评论(0) 推荐(0)
前端面试题2017
摘要：原文链接：http://dunizb.com/2017/09/08/interview-questions-2017/ 前段时间找工作，经历了好几个公司的面试，得到一些信息，和大家分享： 大部分公司（创业公司）都趋向于招一个牛逼的前端而不是三四个平庸的前端 性能优化、ES6必问 招聘要求上清一色的要 阅读全文
posted @ 2017-09-12 17:07 Cooper_Yao 阅读(561) 评论(1) 推荐(2)
Bootstrap教程
摘要：http://www.runoob.com/bootstrap/bootstrap-tutorial.html 阅读全文
posted @ 2017-09-11 16:45 Cooper_Yao 阅读(94) 评论(0) 推荐(0)
jquery实现JSON数据获取
摘要：html代码： json部分： 阅读全文
posted @ 2017-09-04 01:21 Cooper_Yao 阅读(8326) 评论(0) 推荐(0)
AJAX基本格式步骤
摘要：第一步：创建XMLHttpRequest对象 var xmlhttp; //兼容性 if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XML 阅读全文
posted @ 2017-09-04 01:07 Cooper_Yao 阅读(968) 评论(0) 推荐(0)
【转】XMLHTTP中setRequestHeader参数问题
摘要：新加：设置编码方法 setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=gb2312") 语法 oXMLHttpRequest.setRequestHeader(bstrHeader, bstrVal 阅读全文
posted @ 2017-09-03 18:34 Cooper_Yao 阅读(834) 评论(0) 推荐(0)
warp()和wrapAll()区别
摘要：关键词：包裹 warp() html： <p>第一个</p> <p>第二个</p> jquery: $("div").wrap("p") 结果： <div> <p>第一个</p> </div> <div> <p>第一个</p> </div> wrapAll() html： <p>第一个</p> <p 阅读全文
posted @ 2017-09-02 23:49 Cooper_Yao 阅读(264) 评论(0) 推荐(0)
append()和appendTo(),prepend()和prependTo()区别
摘要：关键词：内部 插入 末端 $(目标元素).append(content) 在。。。。内部的末端插入内容 html: <p>这是目标元素</p> jquery: $("p").append("，这是append插入部分") 那么执行后的结果就是： html：<p>这是目标元素，这是append插入部分 阅读全文
posted @ 2017-09-02 23:30 Cooper_Yao 阅读(966) 评论(0) 推荐(0)
带焦点的侧边滚动导航
摘要：瞎折腾网 1F 2F 3F 4F 5F 瞎折腾网 1F ... 阅读全文
posted @ 2017-09-02 23:12 Cooper_Yao 阅读(373) 评论(0) 推荐(0)
after()和inserAfter(),before()和inserBefore()区别
摘要：关键词：外部 末端 插入 $(目标元素).after(content) 笼统理解为在什么元素之后加入什么内容 html: <p>这是目标元素</p> jquery: $("p").after("<span>这是插入内容</span>") 那么执行后的结果就是： html：<p>这是目标元素</p> 阅读全文
posted @ 2017-09-02 23:07 Cooper_Yao 阅读(325) 评论(0) 推荐(0)