摘要： 方法来源：Dom结构：http://p0.jmstatic.com/banner/3302/28870_1920_390_002-web.jpg1.最笨的方法，页面onload完成 window.onload=function(){ document.getElementsByTagName("... 阅读全文

摘要： 闲着的时候，突然想写个视觉落差的效果。遇到倒通了一些。前期百度找到的都是原生实现素材1.event.type(mousewheel//ie chrome opera,DOMMouseScroll//firefox);2.事件绑定(原生)【我是基于jquery写的直接用on代替】3.event.whe... 阅读全文

摘要： 大家在做关于大数据的dom时候当在每个循环的单模块添加事件的时候会遇到问题:给单模块的内容添加事件。1.给每一个单模块绑定事件（产生的大量事件绑定，造成大量的事件绑定，性能消耗，而且还需要解绑（IE会泄漏））2.利用事件委托使用父级原生绑定实现每一个单模块的绑定事件。（例如新浪微博的每个发布人栏目的所有事件）大部分人都会选择第二种情况，因为他能对于所有子元素（包括后期通过JS生成的元素）所有的事件监测均能有效，且由于不用对多个元素进行事件绑定，能够有效的节省内存的损耗。当然jquery会做很好的处理。他从开始到现在一直在升级这个事件委托 live，bind，delegate，on事件。具体事件 阅读全文

摘要： 深度克隆注意事项1.传参（如果参数为空时）2.事件名（如果突然事件名要重新命名时）function cloneObject(json){ if(json===null || arguments.length==0){//如果对象为空或者无参数时返回null return null; } var o=json.constructor===Array?[]:{};//判断参数是数组还是json（对象） for(var i in json){//循环对象进行复制 if(json.hasOwnProperty(i)){//当数组或者json（对象）有值的时候才进行克隆 o... 阅读全文

摘要： html<div class="star"> <a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)"></a><a href="javascript:void(0)" 阅读全文

摘要： html代码<form id="formname"> 我的邮箱:<input type="text" autoCheck="nameemail" /><span class="add"></span><br /> 登录密码:<input type="text" autoCheck="namekey" /><span class="add"></span>< 阅读全文

摘要： 例如：border-bottom-color-> borderBottomColor一个前端论坛出现的一题，写出自己理解的一个笨拙的方法理解词汇1.charAt 返回指定位置的字符2.substring用于提取字符串中介于两个指定下标之间的字符代码方法一 var border="border-bottom-color"; var oSplit=border.split('-');//转化为数组处理 for(var i in oSplit){//遍历每一个数组 var first = oSplit[i].charAt(0).toUpperCase();将 阅读全文

摘要： 知识点①translate（x,y,z） X表示只在X轴(水平方向)移动元素。 Y表示只在Y轴(垂直方向)移动元素。 Z表示只在Z轴移动元素，前提是元素本身或者元素的父元素设定了透视值。②Transation(all,none,ident) 示例：transition:width（表示单个元素） 0.5s(时间) ease(表现形式如ease-in,ease-out,ease-in-out); Transation是一种过渡，通俗点说就是一种动画转换过程，如渐显、渐弱、动画快慢等。 如果只针对单个或者多个CSS属性进行变换，就可以用这个属性来进行单独设置。style*{ paddi... 阅读全文

摘要： 主要知识点① transform属性： ratate（旋转度数） scale（等比例缩放） skew(x , y);让元素倾斜显示,包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，则默认为0，参数为负表示向相反方向倾斜。②animate 适用于鼠标经过产生宽度，高度，left，top等等 示例transition:1s ease all;所有事件产生动画！div { -webkit-animation-name: pulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-cou... 阅读全文

摘要： html部分内容<div class="header"> <div class="eye_left"></div> <div class="eye_right"> <div class="eye_in"></div> </div> <div class="head_bottom"></div></div>css部分*{ padding:0; margin:0;}.header{ 阅读全文