240 发简信
IP属地:香港
  • debounce与throttle

    debounce 去抖 适用于resize事件等在window的'resize'事件中,会被执行很多次,而每一次的执行,都会导致浏览器的重排重绘动作,这时候就有可能出现了页面...

  • 上传data image图片

    最近在项目中有这么一个需求,就是上传一个视频文件,然后要获取视频文件的第一帧图片,这个可以通过canvas获取得到,得到的是一个dataURL,之后还要将这个图片上传到云,这...

  • 厉害,笔试过了吗

    腾讯前端面试题:一言不合就写个五子棋

    近日接到腾讯 CDC 前端开发团队的求职意向询问,在微信上简单地聊了下技术,然后抛给我一道面试题。题目内容是编写一个单机五子棋,用原生 web 技术实现,兼容 Chrome ...

  • deduplicate array --- 数组去重

    利用Set去重,然后再利用from,转换成数组 遍历,判断当前项的下标与在数组中第一次出现的下标做比较 利用filter,返回一个新数组,原理同2 遍历数组,通过判断结果数组...

  • 中断数组循环

    有时候,需要遍历一个数组,对数组中的元素进行一些操作,但当某个元素满足一定条件时,就退出循环。 通常,会使用下面的写法: 其实,也可以利用数组自带的方法。可能你会立马想到fo...

  • 中断数组循环

    有时候,需要遍历一个数组,对数组中的元素进行一些操作,但当某个元素满足一定条件时,就退出循环。 通常,会使用下面的写法: 其实,也可以利用数组自带的方法。可能你会立马想到fo...

  • @Arlen_guhui 现在的移动端大部分都支持flex了,但是PC端有一些还是要考虑到兼容IE,所以并不是很适用的。

    垂直居中

    一说到水平居中,立马会想到text-align: center或者margin: auto,很容易就实现了。然而,要实现垂直居中时,就没那么简单了。 下面简单介绍所了解到的几...

  • 垂直居中

    一说到水平居中,立马会想到text-align: center或者margin: auto,很容易就实现了。然而,要实现垂直居中时,就没那么简单了。 下面简单介绍所了解到的几...

  • 垂直居中

    一说到水平居中,立马会想到text-align: center或者margin: auto,很容易就实现了。然而,要实现垂直居中时,就没那么简单了。 下面简单介绍所了解到的几...

  • js实现复制到剪切板

    经常见到这么一个场景,就是点击一个按钮,实现复制链接到剪切板。 可能都会想到document.execCommand这个方法,以及document.createRange, ...

  • js实现复制到剪切板

    经常见到这么一个场景,就是点击一个按钮,实现复制链接到剪切板。 可能都会想到document.execCommand这个方法,以及document.createRange, ...

  • 按Tab键,input元素不获得焦点

    支持 tabindex 属性的元素:a, area, button, input, object, select 以及 textarea 平时,按Tab键后,input、a、...

  • 按Tab键,input元素不获得焦点

    支持 tabindex 属性的元素:a, area, button, input, object, select 以及 textarea 平时,按Tab键后,input、a、...

  • css实现圆周运动

    自身旋转 旋转元素,首先想到的就是rotate这个属性。 详见https://jsfiddle.net/8nt3k843/ 绕圆旋转 rotate可以实现旋转,但只是绕自身旋...

  • css实现圆周运动

    自身旋转 旋转元素,首先想到的就是rotate这个属性。 详见https://jsfiddle.net/8nt3k843/ 绕圆旋转 rotate可以实现旋转,但只是绕自身旋...

  • css隐藏页面元素的几种方法

    用css隐藏页面元素有很多种方法。在平时的开发中,主要使用以下几种: display的值设为none opacity的值设为0 visibility的值设为hidden po...

  • css隐藏页面元素的几种方法

    用css隐藏页面元素有很多种方法。在平时的开发中,主要使用以下几种: display的值设为none opacity的值设为0 visibility的值设为hidden po...

  • 使用jquery.qrcode.js生成二维码

    二维码在日常生活总是经常见到的,扫一扫,特别方便。 那么,如何快速生成一个二维码呢,很简单,使用接下来介绍的jquery.qrcode.js就可以了。 如上,引入文件,然后通...

  • 使用jquery.qrcode.js生成二维码

    二维码在日常生活总是经常见到的,扫一扫,特别方便。 那么,如何快速生成一个二维码呢,很简单,使用接下来介绍的jquery.qrcode.js就可以了。 如上,引入文件,然后通...

  • event delegation -- 事件委托

    事件代理或者说是事件委托,就是利用事件的冒泡特性,将事件绑定到外层元素上,而不是触发事件的元素上。可以减少绑定的事件数量,而且对于动态加载的内容来说,十分有利。 上面这个代码...