• 当前频道:前端相关

JavaScript记录鼠标最后一次点击页面

需求 最近做了一个项目,需要在网页中实现类似系统的待机动画那种效果,每隔2分钟页面没有任何操作就播放一个视频,所以需要记录鼠标的最后一次操作。 实现方法 针对这个需要,我的实现方法通过一个倒计时去模拟记录鼠标的最后一次点击,给body加一个onclick事件(或其他的dom节点),每次点击先清除倒计时,在执行这个倒计时

2019-06-23 18:32:49 301 1 3
阅读详情

计算浏览器滚动条在各浏览器的宽度

博客有段时间没有更新了,也比较忙,今天遇见一个需要计算浏览器滚动条的功能,之前在element-ui见过一种写法,这里做一下笔记。 原理是通过两个父子关系的div的宽度相减得到一个差值,这个值就是浏览器滚动条的宽度,outerWidth - innerWidth = scrollBarWidth。 const scro

2019-03-12 18:15:29 571 2 10
阅读详情

分享:使用Chrome自带命令实现网页截图

平时在使用中偶尔需要截取网页中的图片,一般需要安装插件什么的,偶然发现chrome自带一个非常好用的截图功能,不需要任何依赖插件,还带有很多其他命令,所以做一下分享。 第一步打开chrome控制台,可以使用鼠标右键,点击检查菜单打开Elements界面或者使用快捷键,Mac平台command+option+i 第二步使

2018-10-25 21:22:34 2517 6 14
阅读详情

npm命令手记

安装package.json所需要的依赖包 全写:npm install pkg 简写:npm i pkg 全局安装 全写:npm install --global pkg 简写:npm i -g pkg 安装包并包含在依赖中 全写:npm install --save pkg 简写:npm i -S pkg 安装包并

2018-04-03 17:56:07 656 5 7
阅读详情

常用的一些网址

一个免费学习的网站:https://www.freecodecamp.org/ Github徽章:https://shields.io/ 网页导出为图片:http://html2canvas.hertzen.com/ 图片压缩:https://tinypng.com 贝塞尔曲线:http://cubic-bezier.

2018-03-23 23:40:02 1347 7 11
阅读详情

你可能不知道的那些emmet用法

前言 相信做前端的朋友大家对emmet都不陌生,看了一下emmet的官网,自己实际操作了一下,了解到emmet的强大,做一下总结 emmet大法,各符号代表的含义: # ====================> 对应标签的id . ====================> 对应标签的class > ========

2017-09-04 14:44:20 1618 12 16
阅读详情
  • 1
  • 2
  • 3
前往