- 博客(19)
- 收藏
- 关注
原创 怎么让setInterval传递参数
//setInterval默认不能传递参数,可以封装一个函数把变量放在一个无参函数内再返回var _setInterval=setInterval; setInterval(timerr,1000,$('.last_time')); window.setInterval=function(callback,time,params){ var params=Array.slice.apply
2017-08-03 15:28:09
3709
原创 this
this /* * 1.this是指当前方法或者属性所在的对象 * 2.注意:1)避免在函数中多层使用this * 2)避免数组调用使用this * 3)避免回调函数中使用this * * */ var person={ role:'parent', child:{ son:
2017-07-18 16:04:09
329
原创 三大包装对象与Boolean()转型对象
/* * 1.三大包装对象Number,String,Boolean当做构造函数使用的时候,将普通数据包装成一个对象* 2.三大包装对象不做构造函数使用时,可将任意数据类型转成Number,String,Boolean类型* 3.原始类型数据可自动转型包装对象,但这个对象是临时的,执行完就会呗销毁,所以给其添加属性返回的是undefined* 4.Boolean()除了当做构造
2017-07-11 11:26:05
342
原创 Array常用方法
/** 1.Array是一个内置对象,也是一个构造函数,传一个参数表示数组的长度,传多个参数表示数组的成员;* 2.Array的方法有valueof(),toString(),pop(),push(),shift(),unshift(),sort(),slice(),splice(),contact(),jion();* 3.map()表示数组成员依次调用一个函数,函数可传三个参数当前
2017-07-11 10:23:27
428
原创 Object对象
/* * 1.所有对象继承Object对象 * 2.Object可以接受一个参数,如果是对象则返回该对象,如果是一个常量,则返回该常量; * 3.Object的静态方法keys(),getOwnPropertyNanes(),用来遍历对象的属性,以数组形式返回属性名。前者只能遍历可枚举的,后者能遍历不可枚举的。 * 4.Object部署在Object.prototy
2017-07-10 09:37:23
274
原创 怎么优化h5的性能
优化方案资源加载1.首屏加载:在1s内内容加载完毕,loading进度条消失;2.延时加载:先加载屏幕可视范围内的资源,其他的在之后通过网络加载;3.滚屏加载:一种常见的动态无刷新数据加载方法,4.响应式加载:在分辨率不同的手机上使用不同的css,加载不同的图片资源;5.第三方资源异步加载:引用第三方资源时,要充分考虑他们的性能影响,使用异步加载,防止其加载影响页面的加载;
2017-01-16 14:35:19
551
原创 事件委托机制
什么是事件委托:事件委托是指利用冒泡机制将子元素事件委托给父元素功能:减少每个事件处理程序占有的内存(如果是一个100*5000的表格,点击每个td都会显示用户其他详细详细)怎么实现:js:jquery:利用on和off,利用on即使是新增加的li也是起作用的。
2017-01-16 13:56:53
838
原创 flex弹性盒子布局
display:box;display:webkit-box;display:moz-box;display:flex;display:webkt-flex;两者都属于弹性盒子布局,前者是09年开始的,而后者是12年开始进行的。但是在使用的时候,后者还不能完全代替前者,所以为了浏览器的兼容,最好都写上。今天主要来认识一下display:flex;它能很好的解决前端页面居中问题。首先在父容器
2017-01-16 11:00:17
779
转载 前端适配
移动端开发中,关于适配问题的一点总结(一)转自:http://www.jianshu.com/p/3a5063028706?nomobile=yes我们第一次接触移动web的时候,直观印象样应该是:屏幕比pc小很多,所以对pc端设计的界面,不一定(或者说不完全)能很好的适用到移动端。下面这段代码,做过移动端项目的同学一定不会陌生。假设你已经见过上面的代码
2016-12-08 20:09:43
6183
转载 流式布局
作者:郑航链接:https://www.zhihu.com/question/21679928/answer/84884920来源:知乎著作权归作者所有,转载请联系作者获得授权。早期的Web前端开发者中流传着这些描述了CSS编写方式的名词:固定布局:顾名思义,网页上的所有元素的尺寸一律使用px作为单位。这种布局方式对设计师和CSS编写者来说都是最简单的,亦没有兼
2016-12-05 11:16:24
1655
原创 webkit-touch-callout webkit- touch-select webkit-text-size-adjust border-collapse
当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。在iOS上,当你触摸并按住触摸的目标,比如一个链接,Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。(链接元素比如新窗口打开,img元素比如保存图像等等)touch-callout:none:系统默认菜单被禁用touch-callout:inherit:系统默认菜单不被禁用
2016-12-05 10:59:40
793
原创 怪异盒子模型、弹性盒子模型
标准盒子模型:content+(padding+border+margin)*2怪异盒子模型:conten+margin*2 //conent已经包括来padding和border(当不对doctype进行解析时会出现这种)弹性盒子模型:相比传统的盒子模型。该模型能很轻松的创造出自适应的弹性流动布局和自适应的字体 .parent{ width: 900px;
2016-12-02 16:44:43
1937
原创 常见的块元素与行内元素
块级元素: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来设置
2016-11-30 12:03:59
914
原创 js中创建、添加、删除、移动、复制和查找(子)节点
1)创建新节点createDocumentFragment() //创建一个DOM片段createElement_x() //创建一个具体的元素createTextNode() //创建一个文本节点2)添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore() //
2016-11-30 11:45:29
4014
转载 IE6的常见浏览器兼容问题
1、IE6怪异解析之padding与border算入宽高 原因:未加文档声明造成非盒模型解析 解决方法:加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面
2016-11-30 11:33:48
531
翻译 js怎么获取元素的宽高
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。小结,因为id.offsetWidth和id.offsetHeight
2016-11-30 11:17:21
1812
原创 relative、position与z-index
Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。一般来讲
2016-11-30 09:59:07
435
原创 怎么拿到当前页面的锚点
dom有个hashchange事件window.addeventlistener(''hashchange",function(e){console.log(window.location.hash); //拿到锚点值//.port 端口//.search ?name=张三})
2016-11-09 17:06:57
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人