- 博客(19)
- 收藏
- 关注
RSS订阅原创 怎么让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关注的人