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

AngularJS的一些基本样式初窥

2017年02月06日 13 阅读

显示和隐藏在 Angular 中的一切，都是基于模型的改变，进而通过标识符反映这些变化到界面上。ng-show 和 ng-hide 可以做相同的事情。显示和隐藏是基于你传递给他们的表达式而定，即，当表达式为 true 时，ng-show 就显示，反之隐藏。当表达式为 true 时，ng-hide 就隐藏，反之显示。这些标识符是通过设置元素的样式 display:block 显示和 display:none 隐藏进行工作的。CSS类和样式通过 {{}} 解析...

javascript实现类似java中getClass（）得到对象类名的方法

2017年02月06日 14 阅读

本文实例讲述了javascript实现类似java中getClass（）得到对象类名的方法。分享给大家供大家参考。具体如下：在javascript中没有能够返回特定类型名的函数如一个对象 console.log（obj）;得到的是[object HtmlTableCellElement]如果想要一个函数能够返回HtmlTableCellElement js中默认没有这样的函数可以自己实现一个var getObjectClass = function （o...

JavaScript中的Repaint和Reflow用法详解

2017年02月06日 13 阅读

你是不是经常听师兄或一些前端前辈说不能用CSS通配符 *，CSS选择器层叠不能超过三层，CSS尽量使用类选择器，书写HTML少使用table，结构要尽量简单-DOM树要小....等这些忠告，以前我就大概知道使用通配符或者CSS选择器层次过多可能会降低性能，至于为什么不使用table标签我一直是迷迷糊糊，也就跟着那样做了，但我认识了Repain和 Reflow之后，原来这些还真不能用太多。 ok,希望这篇文章对你有帮助！1.什么是Repaint/Reflow...

详细解读JavaScript编程中的Promise使用

2017年02月06日 14 阅读

Promise核心说明尽管Promise已经有自己的规范，但目前的各类Promise库，在Promise的实现细节上是有差异的，部分API甚至在意义上完全不同。但Promise的核心内容，是相通的，它就是then方法。在相关术语中，promise指的就是一个有then方法，且该方法能触发特定行为的对象或函数。Promise可以有不同的实现方式，因此Promise核心说明并不会讨论任何具体的实现代码。先阅读Promise核心说明的意思是：看，这就是需要写出来...

JavaScript调用客户端Java程序的方法

2017年02月06日 13 阅读

本文实例讲述了JavaScript调用客户端Java程序的方法。分享给大家供大家参考。具体如下：一般说来，JavaScript是没有权限调用客户端可执行程序的。但有时有些特殊需要，又不得不调用。例如有时涉及客户端文件的操作此时，当然我们可以用 FileSystemObject对象来完成。又例如我们前些时做的项目中，需求是点击页面一个链接不弹出IE的那个文件下载的对话框（有三个选项：打开、保存、取消的那个），直接把文件下载到指定目录。此时就不得不绕过浏览...

深入解读JavaScript中的Iterator和for-of循环

2017年02月06日 12 阅读

如何遍历一个数组的元素？在 20 年前，当 JavaScript 出现时，你也许会这样做：for （var index = 0; index < myArray.length; index++） { console.log（myArray[index]）;} for （var index = 0; index < myArray.length; index++） { console.log（myArray[index]）;}自从 ES5 开始，...

详解JavaScript ES6中的Generator

2017年02月06日 13 阅读

今天讨论的新特性让我非常兴奋，因为这个特性是 ES6 中最神奇的特性。这里的“神奇”意味着什么呢？对于初学者来说，该特性与以往的 JS 完全不同，甚至有些晦涩难懂。从某种意义上说，它完全改变了这门语言的通常行为，这不是“神奇”是什么呢。不仅如此，该特性还可以简化程序代码，将复杂的“回调堆栈”改成直线执行的形式。我是不是铺垫的太多了？下面开始深入介绍，你自己去判断吧。简介什么是 Generator？看下面代码：function* quips（name） { ...

JavaScript如何自定义trim方法

2017年02月06日 14 阅读

相比vbscript，javascript在字符串处理方面已经很强大了，但是偏偏缺少去除字符串前后空格的trim方法。//clear the right and left spacefunction trim（s）{return trimRight（trimLeft（s））; }//clear the left spacefunction trimLeft（s）{if（s == null） { return "";}var whitespace = new...

javascript解决IE6下hover问题的方法

2017年02月06日 12 阅读

有时候我们想在非a标签上加hover元素但是我们都知道IE6下不支持XX:hover，所以我们现在可以用js实现掉：代码如下<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/...

详解JavaScript ES6中的模板字符串

2017年02月06日 14 阅读

在 ES6 中引入了一种新的字符串字面量 — 模板字符串，除了使用反引号（`）表示，它们看上去和普通的字符串没有什么区别。在最简单的情况下，他们就是普通的字符串：context.fillText（`Ceci n"est pas une cha?ne.`, x, y）; context.fillText（`Ceci n"est pas une cha?ne.`, x, y）;之所以被称为模板字符串，是因为模板字符串为 JS 引入了简单的字...

javascript制作幻灯片（360度全景图片）

2017年02月06日 12 阅读

在给客户做产品演示时经常会用到幻灯片，拥有360度的全景图片效果给用户带来好的体验价值。在这里给大家介绍一款来自Robert Pataki的360全景幻灯实现教程，此款教程使用js来实现一个超酷的全景幻灯，具体内容如下：在这个教程中没有使用到任何插件，我们将使用HTML，css和javascript来实现，当然，也使用是jQuery这个框架！如何实现？我们将使用预先按照360生成的图片进行轮播来实现动画展示效果。包含了180个图片。所以加载时间可能比较长。...

CSS3实现动态背景登录框的代码

2017年02月06日 13 阅读

基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下：实现的代码如下：html代码：<div class="htmleaf-container"><div class="wrapper"><div class="container"><h1>Welcome</h1><form class="form"><input ...

JQuery实现鼠标滚轮滑动到页面节点

2017年02月06日 13 阅读

下面通过一段JQuery代码实现鼠标滚轮滑动到页面节点的详细介绍，并通过展示效果图展示给大家。基于jQuery鼠标滚轮滑动到页面节点部分。这是一款基于jQuery+CSS3实现的使用鼠标滚轮或者手势滑动到页面节点部分特效。效果图如下：实现的代码。html代码：<section class="panel home" data-section-name="home"><div class="inner"><header>&l...

深入学习JavaScript中的Rest参数和参数默认值

2017年02月06日 12 阅读

本文将讨论使 JavaScript 函数更有表现力的两个特性：Rest 参数和参数默认值。Rest 参数通常，我们需要创建一个可变参数的函数，可变参数是指函数可以接受任意数量的参数。例如，String.prototype.concat 可以接受任何数量的字符串作为参数。使用 Rest 参数，ES6 为我们提供一种新的方式来创建可变参数的函数。我们来实现一个示例函数 containsAll，用于检查一个字符串中是否包含某些子字符串。例如，containsAl...

解析JavaScript的ES6版本中的解构赋值

2017年02月06日 12 阅读

什么是解构赋值？解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性值赋给一系列变量。这个语法非常简洁，而且比传统的属性访问更加清晰。在不使用解构赋值的情况下，访问数组的前三项：var first = someArray[0];var second = someArray[1];var third = someArray[2]; var first = someArray[0];var second = someArray[1];var thir...

深入理解JavaScript中的箭头函数

2017年02月06日 12 阅读

从一开始箭头就是 JavaScript 的一部分，在第一个 JavaScript 中就建议将内联的脚本代码包裹在 HTML 的注释中，这可以防止那些不支持 JavaScript 的浏览器错误滴将你的代码显示为明文。你也许写过下面这样的代码：<script language="javascript"><！--document.bgColor = "brown"; // red// --></script> <scri...

深入了解JavaScript中的Symbol的使用方法

2017年02月06日 12 阅读

Symbol 是什么？Symbols 不是图标，也不是指在代码中可以使用小图片：也不是指代其他一些东西的语法。那么，Symbol 到究竟是什么呢？七种数据类型JavaScript 在 1997 年被标准化时，就有 6 种数据类型，直到 ES6 出现之前，程序中的变量一定是以下 6 种数据类型之一： Undefined Null Boolean Number String Object每种数据类型都是一系列值的组合，前面 5 种数据类型值的数量都是有限的。B...

学习Bootstrap组件之下拉菜单

2017年02月06日 12 阅读

Bootstrap 是由Twitter 工程师推出的基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架，我们可以把它想象成一个定义了很多效果的CSS与JS的库，库里面已经定义好了各种组件的显示效果与动画。.dropdown——设置父元素为下拉菜单组件，向下弹出子菜单；.dropup——设置父元素为下拉菜单组件，向上弹出子菜单；.dropdown-toggle——设置按钮为下拉菜单切换按钮；.dropdown-menu——设置ul元素为下拉菜...

javascript+html5实现绘制圆环的方法

2017年02月06日 16 阅读

本文实例讲述了javascript+html5实现绘制圆环的方法。分享给大家供大家参考。具体如下：<！DOCTYPE html><html><head> <title> </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"></head><body> <fiel...

JavaScript编程中的Promise使用大全

2017年02月06日 12 阅读

尽管Promise已经有自己的规范，但目前的各类Promise库，在Promise的实现细节上是有差异的，部分API甚至在意义上完全不同。但Promise的核心内容，是相通的，它就是then方法。在相关术语中，promise指的就是一个有then方法，且该方法能触发特定行为的对象或函数。Promise可以有不同的实现方式，因此Promise核心说明并不会讨论任何具体的实现代码。先阅读Promise核心说明的意思是：看，这就是需要写出来的结果，请参照这个结果...

首页 / 脚本样式 / JavaScript

AngularJS的一些基本样式初窥

javascript实现类似java中getClass（）得到对象类名的方法

JavaScript中的Repaint和Reflow用法详解

详细解读JavaScript编程中的Promise使用

JavaScript调用客户端Java程序的方法

深入解读JavaScript中的Iterator和for-of循环

详解JavaScript ES6中的Generator

JavaScript如何自定义trim方法

javascript解决IE6下hover问题的方法

详解JavaScript ES6中的模板字符串

javascript制作幻灯片（360度全景图片）

CSS3实现动态背景登录框的代码

JQuery实现鼠标滚轮滑动到页面节点

深入学习JavaScript中的Rest参数和参数默认值

解析JavaScript的ES6版本中的解构赋值

深入理解JavaScript中的箭头函数

深入了解JavaScript中的Symbol的使用方法

学习Bootstrap组件之下拉菜单

javascript+html5实现绘制圆环的方法

JavaScript编程中的Promise使用大全