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

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

2017年02月06日 37 阅读

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

很棒的js选项卡切换效果

2017年02月06日 35 阅读

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

详解JavaScript节流函数中的Throttle

2017年02月06日 36 阅读

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

微信jssdk用法汇总

2017年02月06日 32 阅读

本文针对微信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实现擦除动画

2017年02月06日 34 阅读

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

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

2017年02月06日 32 阅读

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

最佳的JavaScript错误处理实践

2017年02月06日 33 阅读

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

javascript正则表达式中分组详解

2017年02月06日 37 阅读

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

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

2017年02月06日 33 阅读

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

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

2017年02月06日 30 阅读

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

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

2017年02月06日 36 阅读

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

简单的JS轮播图代码

2017年02月06日 34 阅读

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

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

2017年02月06日 34 阅读

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

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

2017年02月06日 30 阅读

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

JavaScript中ES6 Babel正确安装过程

2017年02月06日 31 阅读

本文介绍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中的错误处理机制

2017年02月06日 33 阅读

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

Bootstrap插件全集

2017年02月06日 33 阅读

Bootstrap插件1、Bootstrap 过渡效果（Transition）插件过渡效果（Transition）插件提供了简单的过渡效果。如果您想要单独引用该插件的功能，那么除了其他的 JS 文件，您还需要引用 transition.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 Transition.js 是 transitionEnd 事件和 C...

Bootstrap零基础入门教程（二）

2017年02月06日 37 阅读

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。本文重点给大家介绍Bootstrap零基础入门教程（二），具体详情如下所示：过程中会频繁查阅资料的...

15位和18位身份证JS校验的简单实例

2017年02月06日 31 阅读

一、身份证号码的结构和表示形式 1、号码的结构根据〖中华人民共和国国家标准GB11643-1999〗中有关公民身份号码的规定，公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码和一位数字校验码。2、地址码表示编码对象常住户口所在县（市、旗、区）的行政区划代码，按GB/T2260的规定执行。3、出生日期码表示编码对象出生的年、月、日，按GB/T7408的规定执行，年、...

Bootstrap零基础入门教程（三）

2017年02月06日 31 阅读

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。写到这里，这篇从零开始学Bootstrap（3）我想写以下几个内容：1. 基于我对Bootstra...

首页 / 脚本样式 / JavaScript

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

很棒的js选项卡切换效果

详解JavaScript节流函数中的Throttle

微信jssdk用法汇总

js canvas实现擦除动画

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

最佳的JavaScript错误处理实践

javascript正则表达式中分组详解

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

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

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

简单的JS轮播图代码

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

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

JavaScript中ES6 Babel正确安装过程

全面了解javascript中的错误处理机制

Bootstrap插件全集

Bootstrap零基础入门教程（二）

15位和18位身份证JS校验的简单实例

Bootstrap零基础入门教程（三）