240 发简信
IP属地:北京
  • 鼠标点击事件流

    总结一下鼠标从按下触发的事件,和事件的冒泡情况。 事件类型:mousedown(按下),mousemove(移动),mouseup(抬起),click(单击),dblclic...

  • 关于webuploader图片上传的坑

    近期做了图片上传,使用百度FEX团队的webuploader上传组件,具体用法就不做过多说明了,下面说一下我踩过的坑。 官网地址:http://fex.baidu.com/w...

  • 图片拖拽

    近期做了一个图片拖拽的需求,真是耗费不少脑细胞啊,下面来分享一下我的经验: 一、jquery-ui中的sortable实现拖拽功能,详见http://www.css88.co...

  • 关于placeholder不得不说的一些坑

    大家对于placeholder都不陌生,HTML5新增的属性,输入框为空时显示一些提示信息,输入框得焦时,这些提示信息自动消失,一个非常好用的属性。但是,不可避免的又有一些不...

  • deferred对象

    最近做项目,调用后端接口,需要等到2个ajax返回再执行另一个ajax,首先想到的是使用promise,但是考虑到浏览器的兼容和编译问题,只能放弃。最后使用了标志位来解决这...

  • 去除inline-block元素之间的间隙

    如果想要块元素在一行显示,一种是把每个块元素浮动起来,但是这样的话有可能会影响布局,还有一种常用的方法是把块元素设置为行内块元素,即使用display:inline-bloc...

  • js实现类似支付密码的功能并进行校验

    最近做项目,写了类似支付密码那样的连续输入框,但是校验的时候遇到了问题,接下来就总结一下。 <!DOCTYPE html> 多个输入框校验 *{ margi...

  • event对象中的target,currentTarget

    最近做项目,使用事件代理时,需要获取点击事件的当前元素,首先想到的就是currentTarget,单从字面意思理解,currentTarget就是当前目标。但是使用的时候,...

  • 关于AJAX

    Ajax是Asynchronous JavaScript and XML的缩写。主要用于页面无刷新请求数据。 Ajax简单来说就是通过XMLHttpRequest对象向服务器...

  • div,section,article三者之间的区别

    H5新增一些一些标签,section和article就是其中之一。这两个标签相对于div,语义性较强。 div本身没有任何语义,用做布局,样式化,或者脚本的钩子。 secti...

  • js异步编程

    之前分析过js的运行机制,这里再介绍一下异步编程。 天生的异步操作,DOM的点击事件,AJAX获取数据,计时器等。两个函数,fn1,fn2,fn2要依靠fn1的结果运行,但是...

  • css实现垂直居中

    实现水平居中,比较简单,对于行内元素,设置text-aligin:center;对于块级元素,设置left:0;right:0;margin: 0 auto。 以下是实现垂直...

  • 浅谈js运行机制

    js最大的特点就是单线程,也就是说同一时间只能做一件事。原因在于js主要用途是与用户互动,操作DOM。假如是多线程,一个线程想删除DOM,而另一个线程想在这个DOM上增加内容...

  • 浅拷贝和深拷贝

    浅拷贝和深拷贝都是只针对Object,Array这样的复杂对象。浅拷贝只复制一层对象的属性,而深拷贝则是递归复制了所有层级。 浅拷贝的实现: var obj = { a: 1...

  • 页面资源加载

    先来个题外话,地址栏输入后,到页面加载完成,发生了什么? 1.进行域名解析 DNS域名解析系统 -》把域名解析成ip 119.75.217.109 2.查找ip对应的主机 ...

  • ready(),load(),onload事件的区别和使用

    1.ready() (1)DOM结构加载完成,可以通过id或者class等对DOM进行操作。此时,一些大的图片可能还没有完全加载完成; (2)可以任意标签上,该标签加载完后,...

  • 移动端渲染1px边框

    移动端渲染1px边框,在安卓设备上ok,没问题,但是到了ios设备上,渲染的会是2px,甚至是3px。可是明明写的1px啊,渲染的为什么不对啊?接下来了解一下不得不说的DPR...

  • js交换两个变量的值

    var a = 1, b = 2; 1.添加一个临时变量 var t; var t = a; var a = b; var b = t; 2.使用运算符 var a = a ...

  • js判断数据类型的几种方法

    js的数据类型:string,Number,boolean·,Null,undefined,Object,function。 var a = 'string'; var b ...