前端开发

浏览器兼容input的focus、blur事件的事件委托实现

2019-04-104158次阅读javascript
focus事件在元素获取焦点时触发. 这个事件和focusin最大的区别仅仅在于后者会事件冒泡。当一个元素失去焦点的时候blur事件被触发。它和focusout事件的主要区别是focusout支持冒泡。focusin、focusout正好支持事件冒泡,这样正好可以轻松实现兼容浏览器focus、blur事件的事件委托。
前端开发

给定一个数字快速的构造数组

2019-04-101563次阅读javascript
方法一:Array(6)生成6项每项默认值为undefined的数组,map会过滤掉undefined项,所以先join转字符串再转回数组。方法二:fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。
前端开发

触摸事件(touch)事件简述

2019-04-093122次阅读javascript
最近做了一个需求总共只有两屏,要求首屏触摸滑动到第二屏时就要取消触摸滑动事件。一般来说移动端网站的内容触摸滑动我们都会选择不依赖框架的Swiper来实现,但考虑到小需求下我们就没有必要去使用它,正好借这个机会去了解一下touch事件。
前端开发

浏览器兼容的copy复制功能

2019-04-082560次阅读javascript
复制功能的网上代码很多,从最初只支持IE,到最后使用ZeroClipboard.js结合flash插件来兼容现代浏览器,直至现代浏览器支持execCommand后,才有了下面的代码。
前端开发

Intersection Observer实现滚动到相应区域执行动画及图片懒加载

2019-04-042912次阅读javascript
Intersection observer API提供了一种方法,可以异步观察目标元素与祖先元素或相对于浏览器视口(root)的交集变化。本文介绍通过Intersection Observer实现滚动到相应区域执行动画及图片懒加载实现。
前端开发

insertAdjacentHTML与appendChild方法区别

2019-04-043997次阅读javascriptDOM
在向HTML DOM添加新元素时,HTML元素可选方法有appendChild、insertAdjacentHTML和innerHTML属性。
前端开发

javascript中如何将阿拉伯数字每三位一逗号分隔

2019-04-031472次阅读javascript
Number.prototype.toLocaleString()在没有指定区域的基本使用时,返回使用默认的语言环境和默认选项格式化的字符串。
前端开发

JavaScript 模块简史(译)

2019-04-021527次阅读javascript
说到javascript,模块化是一个现代概念。在本文中,我们将快速回顾和总结Javascript世界中模块化如何发展的里程碑。无论如何,这并不意味着是一个全面的列表,而是用来说明JavaScript历史上的主要范式变化。
前端开发

聊聊禁止input回车提交表单

2019-03-272909次阅读javascript
网上搜了一下解决方案,其中有一个方案就是form标签上添加onkeypress="if(event.keyCode==13){return false;}",嗯。。。确实管用,完全禁止了input回车提交表单。但是。。。我想说其实input回车提交表单的用户体验真得很好呀,我就是想在提交时加一验证下而已。
前端开发

复制文章内容的时候,自动在复制文字后面加上版权声明

2019-03-222080次阅读剪贴板事件javascript
在很多技术博客上复制代码或文章内容,粘贴时会发现内容后面有版权信息等。原来它是能过剪切板事件中的copy事件实现