<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[clearclearing的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/clearclearing</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; clearclearing]]></copyright><item><title><![CDATA[怎么让setInterval传递参数]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/76623093</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/76623093</guid><author>clearclearing</author><pubDate>Thu, 03 Aug 2017 15:28:09 +0800</pubDate><description><![CDATA[//setInterval默认不能传递参数，可以封装一个函数把变量放在一个无参函数内再返回var _setInterval=setInterval;
	setInterval(timerr,1000,$('.last_time'));
	window.setInterval=function(callback,time,params){
		var params=Array.slice.apply]]></description><category></category></item><item><title><![CDATA[this]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/75308249</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/75308249</guid><author>clearclearing</author><pubDate>Tue, 18 Jul 2017 16:04:09 +0800</pubDate><description><![CDATA[this
	
	
		
			/*
			 
			 * 1.this是指当前方法或者属性所在的对象
			 * 2.注意：1)避免在函数中多层使用this
			 * 			2)避免数组调用使用this
			 * 			3)避免回调函数中使用this
			 * 
			 * */
			var person={
				role:'parent',
				child:{
					son:]]></description><category></category></item><item><title><![CDATA[三大包装对象与Boolean()转型对象]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/74942771</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/74942771</guid><author>clearclearing</author><pubDate>Tue, 11 Jul 2017 11:26:05 +0800</pubDate><description><![CDATA[/*
 
* 1.三大包装对象Number，String，Boolean当做构造函数使用的时候，将普通数据包装成一个对象
* 2.三大包装对象不做构造函数使用时，可将任意数据类型转成Number，String，Boolean类型
* 3.原始类型数据可自动转型包装对象，但这个对象是临时的，执行完就会呗销毁，所以给其添加属性返回的是undefined
* 4.Boolean()除了当做构造]]></description><category></category></item><item><title><![CDATA[Array常用方法]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/74941437</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/74941437</guid><author>clearclearing</author><pubDate>Tue, 11 Jul 2017 10:23:27 +0800</pubDate><description><![CDATA[/*
* 1.Array是一个内置对象，也是一个构造函数,传一个参数表示数组的长度，传多个参数表示数组的成员；
* 2.Array的方法有valueof()，toString(),pop(),push(),shift(),unshift(),sort(),slice(),splice(),contact(),jion();
* 3.map()表示数组成员依次调用一个函数，函数可传三个参数当前]]></description><category></category></item><item><title><![CDATA[Object对象]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/74908549</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/74908549</guid><author>clearclearing</author><pubDate>Mon, 10 Jul 2017 09:37:23 +0800</pubDate><description><![CDATA[/*
			 * 1.所有对象继承Object对象
			 * 2.Object可以接受一个参数，如果是对象则返回该对象，如果是一个常量，则返回该常量；
			 * 3.Object的静态方法keys(),getOwnPropertyNanes(),用来遍历对象的属性，以数组形式返回属性名。前者只能遍历可枚举的，后者能遍历不可枚举的。
			 * 4.Object部署在Object.prototy]]></description><category></category></item><item><title><![CDATA[怎么优化h5的性能]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/54573564</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/54573564</guid><author>clearclearing</author><pubDate>Mon, 16 Jan 2017 14:35:19 +0800</pubDate><description><![CDATA[优化方案
资源加载
1.首屏加载：在1s内内容加载完毕，loading进度条消失；
2.延时加载：先加载屏幕可视范围内的资源，其他的在之后通过网络加载；
3.滚屏加载：一种常见的动态无刷新数据加载方法，
4.响应式加载：在分辨率不同的手机上使用不同的css，加载不同的图片资源；
5.第三方资源异步加载：引用第三方资源时，要充分考虑他们的性能影响，使用异步加载，防止其加载影响页面的加载；]]></description><category></category></item><item><title><![CDATA[事件委托机制]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/54573159</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/54573159</guid><author>clearclearing</author><pubDate>Mon, 16 Jan 2017 13:56:53 +0800</pubDate><description><![CDATA[什么是事件委托：事件委托是指利用冒泡机制将子元素事件委托给父元素
功能：减少每个事件处理程序占有的内存（如果是一个100*5000的表格，点击每个td都会显示用户其他详细详细）
怎么实现：
js：


jquery：利用on和off，利用on即使是新增加的li也是起作用的。]]></description><category></category></item><item><title><![CDATA[flex弹性盒子布局]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/54572209</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/54572209</guid><author>clearclearing</author><pubDate>Mon, 16 Jan 2017 11:00:17 +0800</pubDate><description><![CDATA[display:box;display:webkit-box;display:moz-box;
display:flex;display：webkt-flex;
两者都属于弹性盒子布局，前者是09年开始的，而后者是12年开始进行的。但是在使用的时候，后者还不能完全代替前者，所以为了浏览器的兼容，最好都写上。今天主要来认识一下display:flex；它能很好的解决前端页面居中问题。首先在父容器]]></description><category></category></item><item><title><![CDATA[前端适配]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53523617</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53523617</guid><author>clearclearing</author><pubDate>Thu, 08 Dec 2016 20:09:43 +0800</pubDate><description><![CDATA[移动端开发中，关于适配问题的一点总结(一)
转自：http://www.jianshu.com/p/3a5063028706?nomobile=yes


我们第一次接触移动web的时候，直观印象样应该是：屏幕比pc小很多，所以对pc端设计的界面，不一定（或者说不完全）能很好的适用到移动端。

下面这段代码，做过移动端项目的同学一定不会陌生。




假设你已经见过上面的代码]]></description><category></category></item><item><title><![CDATA[流式布局]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53463488</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53463488</guid><author>clearclearing</author><pubDate>Mon, 05 Dec 2016 11:16:24 +0800</pubDate><description><![CDATA[作者：郑航
链接：https://www.zhihu.com/question/21679928/answer/84884920
来源：知乎
著作权归作者所有，转载请联系作者获得授权。


早期的Web前端开发者中流传着这些描述了CSS编写方式的名词：


固定布局：顾名思义，网页上的所有元素的尺寸一律使用px作为单位。这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼]]></description><category></category></item><item><title><![CDATA[webkit-touch-callout   webkit- touch-select  webkit-text-size-adjust  border-collapse]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53463280</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53463280</guid><author>clearclearing</author><pubDate>Mon, 05 Dec 2016 10:59:40 +0800</pubDate><description><![CDATA[当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。(链接元素比如新窗口打开，img元素比如保存图像等等)


touch-callout:none：
系统默认菜单被禁用
touch-callout:inherit：
系统默认菜单不被禁用



]]></description><category></category></item><item><title><![CDATA[怪异盒子模型、弹性盒子模型]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53436306</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53436306</guid><author>clearclearing</author><pubDate>Fri, 02 Dec 2016 16:44:43 +0800</pubDate><description><![CDATA[标准盒子模型：content+(padding+border+margin)*2
怪异盒子模型：conten+margin*2      //conent已经包括来padding和border（当不对doctype进行解析时会出现这种）


弹性盒子模型：相比传统的盒子模型。该模型能很轻松的创造出自适应的弹性流动布局和自适应的字体
		.parent{
			width: 900px;
	]]></description><category></category></item><item><title><![CDATA[数组去重的三种方法]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53432713</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53432713</guid><author>clearclearing</author><pubDate>Fri, 02 Dec 2016 11:07:41 +0800</pubDate><description><![CDATA[数组的三种去重方式]]></description><category></category></item><item><title><![CDATA[常见的块元素与行内元素]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53406154</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53406154</guid><author>clearclearing</author><pubDate>Wed, 30 Nov 2016 12:03:59 +0800</pubDate><description><![CDATA[块级元素：div、dl、dt、ul、ol、li、h1--h6、p、table、th、tr、hr
行内元素：img、span、input、strong、i、em、br、lable、tt
注意：行内元素不能设置width、height、margin、padding；只能通过line-hight来设置]]></description><category></category></item><item><title><![CDATA[js中创建、添加、删除、移动、复制和查找（子）节点]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53406092</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53406092</guid><author>clearclearing</author><pubDate>Wed, 30 Nov 2016 11:45:29 +0800</pubDate><description><![CDATA[1）创建新节点
createDocumentFragment() //创建一个DOM片段
createElement_x() //创建一个具体的元素
createTextNode() //创建一个文本节点
2）添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //]]></description><category></category></item><item><title><![CDATA[IE6的常见浏览器兼容问题]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53405973</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53405973</guid><author>clearclearing</author><pubDate>Wed, 30 Nov 2016 11:33:48 +0800</pubDate><description><![CDATA[1、IE6怪异解析之padding与border算入宽高 
原因：未加文档声明造成非盒模型解析 
解决方法：加入文档声明 

2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 
解决方法：display:inline 

3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上面]]></description><category></category></item><item><title><![CDATA[js怎么获取元素的宽高]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53405743</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53405743</guid><author>clearclearing</author><pubDate>Wed, 30 Nov 2016 11:17:21 +0800</pubDate><description><![CDATA[第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

小结，因为id.offsetWidth和id.offsetHeight]]></description><category></category></item><item><title><![CDATA[relative、position与z-index]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53404654</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53404654</guid><author>clearclearing</author><pubDate>Wed, 30 Nov 2016 09:59:07 +0800</pubDate><description><![CDATA[Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。


一般来讲]]></description><category></category></item><item><title><![CDATA[怎么拿到当前页面的锚点]]></title><link>https://blog.youkuaiyun.com/clearclearing/article/details/53102092</link><guid>https://blog.youkuaiyun.com/clearclearing/article/details/53102092</guid><author>clearclearing</author><pubDate>Wed, 09 Nov 2016 17:06:57 +0800</pubDate><description><![CDATA[dom有个hashchange事件
window.addeventlistener(''hashchange",function(e){
console.log(window.location.hash);  //拿到锚点值
//.port  端口
//.search ？name=张三
})]]></description><category></category></item></channel></rss>