1(function(){2vardoc=document,3ua=navigator.userAgent.toLowerCase(),4check=function(r){returnr.test(ua);},5isOpera=check(/opera/),6isChrome=check(/chrome/),7isW...

面向对象的三大特性封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，某些代码或某些数据可以是私有的，不能被外界...

在文档对象模型(DOM)中，每个节点都是一个对象。DOM节点有三个重要的属性：1.nodeName:节点的名称2.nodeValue：节点的值3.nodeType：节点的类型节点类型：元素1，属性2，文本3，注释8，文档9。一、添加和删除节点（HTML元素）1、创建节点1）创建该元素（元素节点）；2）向一个已存在的元素...

前言箭头函数极大地简化了this的取值规则。普通函数与箭头函数普通函数指的是用function定义的函数：varhello=function(){console.log("Hello,Fundebug!");}箭头函数指的是用=>定义的函数：varhello=()=>{console.log("Hello,...

在工作中有时候会看到prototype和__proto__这两个属性，对这两个属性我一直比较蒙圈，但是我通过查阅相关资料，决定做一下总结加深自己的理解，写得不对的地方还请各位大神指出。跟__proto__属性相关的两个方法判断属性是存在实例对象中，还是存在原型对象中的方法获取或遍历对象中属性的几种方法1、prototy...

这几天修改别人的js，发现声明变量有的用var，有的用let，那它们有什么区别呢？javascript中声明变量的方式有：var、let、const1.var（1）作用域：　　整个函数范围内，或者是全局的 functionfunc(){if(true){varstr='helloworld';}console...

 1.分类输出console.log('文字信息');console.info('提示信息');console.warn('警告信息');console.error('错误信息');2.分组输出console.group('1');console.log("1-1");console.log("1-2");c...

WEB标准下可以通过getElementById(),getElementsByName(),andgetElementsByTagName()访问DOCUMENT中的任一个标签。（1）getElementById()：        &n...

一、concat()concat()方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.con...

整理一些使用的JavaScript效果，在Web开发中遇到的比较好的动态效果，都收藏在这里，对以后的网站开发增加不少的色彩《JavaScript实用效果整理》已整理成PDF文档，点击可直接下载至本地查阅https://www.webfalse.com/read/201717.html国外30个使用很酷的JS滑动和滚动效...

 随着JavaScript越来越流行，越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid应用、嵌入式等等领域。这篇文章旨在深入挖掘JavaScript，以及向大家解释JavaScript是如何工作的。我们通过了解它的底层构建以及它是怎么发挥作用的，可以帮助我们写出更好的代码与应用。据GitHut统...

 有时候我们在前端开发工作中为了获取图片的信息，需要在图片加载完成后才可以正确的获取到图片的大小尺寸，并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法，并通过代码与实际应用相结合进行解释与说明。onload方法通过向img标签添加onload属性...

 前面总结了很多了有关于图片操作的案例，本次是基于前面的基础，做一个综合的图片轮播效果，需要实现以下功能：没有任何操作时，图片自动轮播鼠标悬浮时，图片停止轮播；当鼠标移开，轮播继续鼠标悬浮时，出现左右切换按钮，可点击按钮进行左右切换点击地下的小按钮进行切换为了实现上面的效果，我们需要有个大盒子来固定位置和大小...

上一篇写的关于放大镜的，可能在实际开发中用的不是很多，接下来将的图片无缝滚动在实际工作中就是用的比较多的了。如上图，通过定时器控制图片无缝滚动，当鼠标悬浮时停止滚动，鼠标离开，滚动继续。主要原理是通过定位实现图片的移动，然后通过定时器实现滚动的效果，即无缝滚动。首先是基础的结构<!DOCTYPEhtml>&...

本次的图片操作是要实现模仿天猫淘宝的放大镜效果，如下图所示：其实现原理其实很简单，主要就是定位的运用，在上面的图中，左边是一个div，它的大小就是左边图片的大小，我们称为左窗口（原图），红色部分我们称为放大镜，右边也是一个div，我们称为右窗口，在右窗口中有一个大图，要实现放大效果，就需要保证原图/放大镜=大图/右窗口...