JavaScript资料,JavaScript文章,JavaScript文档-易库教程

简单实现轮播图效果的实例

2016年07月28日 14 阅读

一、要点：1.页面加载时，图片重合，叠在一起[绝对定位];2.第一张显示，其它隐藏;3.设置下标,给下标设置颜色让它随图片移动;4.鼠标移动到图片上去，显示左右移动图标，鼠标移走，继续轮播;二、实现代码：html代码:<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont...

JavaScript6 let 新语法优势介绍

2016年07月28日 15 阅读

最近看国外的前端代码时，发现ES6的新特性已经相当普及，尤其是 let，应用非常普遍虽然 let 的用法与 var 相同，但不管是语法语义上，还是性能上，都提升了很多，下面就从这两方面对比一下语法>>for （ var i=0; i<2; i++）{console.log（ "outer i: " + i）;for （ var i=0; i<2; i++）{console.log（ "inner i: " +i）;}}这是一个常见的...

jQuery 3.0中存在问题及解决办法

2016年07月28日 17 阅读

jQuery 前阶段推出了3.0版本，改动非常大，如果要使用 3.0 的话，建议先仔细了解一下新特性，否则会引起一些小问题，例如下面的代码。大家对jQuery 3.0十大新特性不了解的朋友可以参考下本篇文章。<html><head><meta charset="utf-8"><script src="jquery-3.0.min.js"></script><script>$（funct...

IE下JS保存图片的简单实例

2016年07月28日 15 阅读

IE下JS保存图片的简单实例function ieSave（）{var img = document.images[0];var oPop = window.open（img.src, "", "width=0,height=0,top=5000,left=5000"）;for （; oPop.document.readyState ！= "complete";） {if （oPop.document.readyState == "complete"） b...

jQuery EasyUI基础教程之EasyUI常用组件（推荐）

2016年07月28日 16 阅读

本文主要内容是介绍EasyUI的一些常用组件的使用，都是一些非常基础的知识，适合入门者学习，主要包括Base（基础）、Layout（布局）、菜单和按钮、表单、窗口、表格和树等的使用。要求完全掌握这些内容，学会查阅文档，了解开发基本思想。如果想进一步深入学习，可以直接去官网进行学习，查阅文档等http://www.jeasyui.com/。一、简介EasyUI是一种第三方组织开发的，开源的，功能强大的，基于jquery的插件库。主要可以用于web的后台前端...

轻松5句话解决JavaScript的作用域

2016年07月28日 13 阅读

javascript 程序的每一个字节都是在这个或那个运行上下文（execution context）中执行的。你可以把这些上下文想象为代码的邻居，它们可以给每一行代码指明：从何处来，朋友和邻居又是谁。没错，这是很重要的信息，因为 javascript社会有相当严格的规则，规定谁可以跟谁交往。运行上下文则是有大门把守的社区而非其内开放的小门。我们通常可以把这些社会边界称为作用域，并且有充足的重要性在每一位邻居的宪章里立法，而这个宪章就是我们要说的上下文的作...

很棒的js选项卡切换效果

2016年07月28日 13 阅读

本文实例为大家分享了js实现简单的选项卡切换效果的具体代码，供大家参考，具体内容如下js选项卡切换代码：<！doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> ...

详解JavaScript节流函数中的Throttle

2016年07月28日 12 阅读

首先我们来了解下什么是Throttle 1. 定义如果将水龙头拧紧直到水是以水滴的形式流出，那你会发现每隔一段时间，就会有一滴水流出。也就是会说预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期。接口定义：* 频率控制返回函数连续调用时，action 执行频率限定为次 / delay* @param delay {number} 延迟时间，单位毫秒...

微信jssdk用法汇总

2016年07月28日 13 阅读

本文针对微信jssdk用法进行了详细汇总，分享给大家，供大家参考，具体内容如下1.绑定域名2.引入js文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js 请注意，如果你的页面启用了https，务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ，否则将无法在iOS9.0以上系统中成功使用JSSDK3...

js canvas实现擦除动画

2016年07月28日 12 阅读

本文实例为大家分享了canvas擦除动画的实现原理、实现代码、以及在实现过程中遇到的问题，供大家参考，具体内容如下原理总结为就是在移动设备上将某张图片擦掉显示另一张图片，利用canvas来实现。如果是用户手动擦除，则需要监听touchmove,touchend等事件，并计算相应的坐标，利用canvas的clearRect或rect 画弧线或画线来实现。但是这会造成在androd手机上存在卡顿的现象。canvas有个globalCompositeOperat...

JS+CSS3实现超炫的散列画廊特效

2016年07月28日 9 阅读

下面来介绍下我按照网上的视频讲解实现的照片墙效果图。最终实现的效果包括如下：•当点击某张图片时，该图片移到中间区域并放大显示。当图片被点击时正反面切换显示。•某张图片被点击时，所有的图片的位置被随机重排•某个控制按钮被点击时，对应的图片显示到正中间，控制按钮进行相应的样式切换。当连续点击某个控制按钮时，图片伴随着按钮的点击进行正反面切换对整个效果进行VCD分解，如下图：按照计算机能理解的方式来分解案例。•Vi...

最佳的JavaScript错误处理实践

2016年07月28日 12 阅读

不管你的技术水平如何，错误或异常是应用程序开发者生活的一部分。Web开发的不连贯性留下了许多错误能够发生并确实已经发生的地方。解决的关键在于处理任何不可预见的（或可预见的错误），来控制用户的体验。利用JavaScript，就有多种技术和语言特色可以用来正确地解决任何问题。在 JavaScript 中处理错误很危险。如果你相信墨菲定律，会出错的终究会出错！在这篇文章中，我会深入研究 JavaScript 中的错误处理。我会涉及到一些陷阱和好的实践。最后我...

javascript正则表达式中分组详解

2016年07月28日 15 阅读

之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解但是今天我又遇到了一个坑，可能是自己不够细心的原因吧，今天就着重和大家分享一下javascript正则表达式中的分组。如果你对JS正则表达式不够理解可以点击这里了解更多。分组在正则中用的还是比较广的，我所理解的分组就是一对括号（），每一对括号就代表了一个分组，分组可以分为：捕获性分组非捕获性分组捕获性分组捕获性分组会在比如 match exec这样的函数中以第二项，第三项的形式得...

深入分析javascript中的错误处理机制

2016年07月28日 10 阅读

前面的话错误处理对于web应用程序开发至关重要，不能提前预测到可能发生的错误，不能提前采取恢复策略，可能导致较差的用户体验。由于任何javascript错误都可能导致网页无法使用，因此作为开发人员，必须要知道何时可能出错，为什么会出错，以及会出什么错。本文将详细介绍javascript中的错误处理机制error对象 error对象是包含错误信息的对象，是javascript的原生对象。当代码解析或运行时发生错误，javascript引擎就会自动产生并...

Bootstrap零基础学习第一课之模板

2016年07月28日 11 阅读

最近需要做一个简单的Web页面。考虑到前端经验不足，为了快速产出，同时项目只是一个工具，对项目没有什么要求，所以我选择了Bootstrap这个框架作为Web框架。写从零开始学Bootstrap的初衷：看了半天的Bootstrap的文档，包括官方的（http://v3.bootcss.com/getting-started/）和非官方的（http://www.runoob.com/bootstrap/bootstrap-tutorial.html），以及他人...

JavaScript获取css行间样式,内连样式和外链样式的简单方法

2016年07月28日 12 阅读

【行间样式获取】<div id="div1" style="backgroud:red">测试</div> <script> var odiv=document.getElementById（"div1"）; //先获取到要获取样式的元素标签，也就是获取到div1 console.log（odiv.style.background）; //这样我们就可以获取到了行间的样式了</script>【...

简单的JS轮播图代码

2016年07月28日 16 阅读

在团队带人，突然被人问到轮播图如何实现，进入前端领域有一年多了，但很久没自己写过，一直是用大牛写的插件，今天就写个简单的适合入门者学习的小教程。当然，轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。已经在BAT的同学看到希望少喷点。另外可以多提意见。轮播图的原理：一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算...

基于jQuery实现弹出可关闭遮罩提示框实例代码

2016年07月28日 10 阅读

jquery CSS3遮罩弹出层动画效果，使用非常简单，就两个标签，里面自定义内容和样式，四种常见效果，懂的朋友还可以修改源代码修改成自己想要的效果先给大家展示下效果图，如果大家感觉还不错，请参考实现代码。效果演示关键代码如下所示：<！DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"...

深入理解JS正则表达式---分组

2016年07月28日 13 阅读

深入理解JS正则表达式---分组之前写了一篇关于正则新手入门的文章，本以为对正则表达式相对比较了解但是今天我又遇到了一个坑，可能是自己不够细心的原因吧，今天就着重和大家分享一下javascript正则表达式中的分组。如果你对JS正则表达式不够理解可以点击这里了解更多。分组在正则中用的还是比较广的，我所理解的分组就是一对括号（），每一对括号就代表了一个分组，分组可以分为：•捕获性分组•非捕获性分组捕获性分组捕获性分组会在比...

JavaScript中ES6 Babel正确安装过程

2016年07月28日 12 阅读

本文介绍Babel6.x的安装过程~首先呢，可以使用Babel在线转换 https://babeljs.io/repl/然后进入主题：安装Babel（命令行环境，针对Babel6.x版本）1、首先安装babel-cli（用于在终端使用babel） npm install -g babel-cli 2、然后安装babel-preset-es2015插件 npm install --save babel-preset-es2015 注：Babel5版本...

首页 / 脚本样式 / JavaScript

简单实现轮播图效果的实例

JavaScript6 let 新语法优势介绍

jQuery 3.0中存在问题及解决办法

IE下JS保存图片的简单实例

jQuery EasyUI基础教程之EasyUI常用组件（推荐）

轻松5句话解决JavaScript的作用域

很棒的js选项卡切换效果

详解JavaScript节流函数中的Throttle

微信jssdk用法汇总

js canvas实现擦除动画

JS+CSS3实现超炫的散列画廊特效

最佳的JavaScript错误处理实践

javascript正则表达式中分组详解

深入分析javascript中的错误处理机制

Bootstrap零基础学习第一课之模板

JavaScript获取css行间样式,内连样式和外链样式的简单方法

简单的JS轮播图代码

基于jQuery实现弹出可关闭遮罩提示框实例代码

深入理解JS正则表达式---分组

JavaScript中ES6 Babel正确安装过程