Welcome 微信登录

首页 / 脚本样式 / JavaScript

使用AmplifyJS组件配合JavaScript进行编程的指南

使用AmplifyJS组件配合JavaScript进行编程的指南

事件分发的作用在为页面添加各类交互功能时,我们熟知的最简单的做法就是为页面元素绑定事件,然后在事件处理函数中,做我们想要做的动作。就像这样的代码:element.onclick = function(event){// Do anything.};如果我们要做的动作不复杂,那么实际逻辑功能的代码,放在这里是可以的。如果今后需要修改,再到这段事件处理函数的位置来修改。再进一步,为了做适当的代码复用,我们可能会把逻辑功能中的一部分分拆到一个函数内:elemen...
使用Browserify配合jQuery进行编程的超级指南

使用Browserify配合jQuery进行编程的超级指南

引言1. manually以前,我新开一个网页项目,然后想到要用jQuery,我会打开浏览器,然后找到jQuery的官方网站,点击那个醒目的“Download jQuery”按钮,下载到.js文件,然后把它丢在项目目录里。在需要用到它的地方,这样用<script>引入它:<script src="path/to/jquery.js"></script>2. Bower后来,我开始用Bower这样的包管理工具。所以这个过程...
异步JavaScript编程中的Promise使用方法

异步JavaScript编程中的Promise使用方法

异步?我在很多地方都看到过异步(Asynchronous)这个词,但在我还不是很理解这个概念的时候,却发现自己常常会被当做“已经很清楚”(* ̄? ̄)。如果你也有类似的情况,没关系,搜索一下这个词,就可以得到大致的说明。在这里,我会对JavaScript的异步做一点额外解释。看一下这段代码:var start = new Date();setTimeout(function(){var end = new Date();console.log("Ti...
简单的jQuery入门指引

简单的jQuery入门指引

引言jQuery可以说是web开发领域应用最为广泛的轻量级javascript库,不仅专业的web开发者使用它,很多刚入门的web开发者或者web爱好者也通过使用jQuery轻松地融入到了javascript的开发。而如果你还希望在这方面做得更好,就应学习和了解最佳实践。最佳实践(Best Practice)是随某一技术领域的发展而逐渐建立起来的关于最新技术和开发方法的信息,在web开发领域也非常有用。本文内容参考了杰出前端工程师 Addy Osmani ...
jQuery获取页面及个元素高度、宽度的总结——超实用

jQuery获取页面及个元素高度、宽度的总结——超实用

下面把jQuery获取页面及个元素高度、宽度的方法汇总,分享给大家。获取浏览器显示区域(可视区域)的高度 : 复制代码 代码如下:$(window).height();获取浏览器显示区域(可视区域)的宽度 :复制代码 代码如下:$(window).width();获取页面的文档高度 复制代码 代码如下:$(document).height(); 获取页面的文档宽度 :复制代码 代码如下:$(document).width();浏览器当前窗口文档body的高...
详解JavaScript中数组的相关知识

详解JavaScript中数组的相关知识

创建数组js中数组的声明可以有如下几种方式:var arr = [];// 简写模式var arr = new Array(); // new一个array对象var arr = new Array(arrayLength); // new一个确定长度的array对象要说明的是: 虽然第三种方法声明了数组的长度,但是实际上数组长度是可变的。也就是说,即使指定了长度为5,仍然可以将元素存储在规定长度之外,这时数组的长度也会随之改变。此外,还需要明确的一点: ...
JavaScript中几种排序算法的简单实现

JavaScript中几种排序算法的简单实现

排序算法的实现我的JS水平就是渣渣,所以我就用类似于JAVA和C的方式来写JavaScript的排序算法了。而且这里我不讲算法原理,仅仅只是代码实现,可能会有Bug,欢迎大家博客评论指导。插入排序插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排序(即只需用到O(1)的额外空间的排序),因而在...
浅谈Javascript数组索引

浅谈Javascript数组索引

从题目说起,之所以是不完全,是因为有些东西比如数组的方法怎么用这个我都不打算讲,因为那个看一下都会,下面讲的都是我觉得重要的,只关于数组对象本身。另外,由于我的Javascript实战经验不多,所以可能有些东西没涉及到,有些内容说的有误,请发现问题的同学不吝指教。首先,Javascript(下称js)的数组定义,这不是重点,简单说下,下面两句都是创建一个空的数组:var arr = [];var arr2 = new Array(); // 不写new也可...
举例讲解Node.js中的Writable对象

举例讲解Node.js中的Writable对象

只要有玩过 nodejs,那就一定接触过 Writable。http 模块的请求回调参数中的 res 参数就是一个 Writable 对象。我们经常会往上面 write 一堆东西,最后调用个 end 方法吧?这些都属于 Writable 的行为。 我们手动创建的 Writable 对象是交给用户使用的,那么 write 和 end 方法都是用户调用的。作为提供方,我们如何知道自己的 Writable 对象被用户执行了什么操作呢?就猜这个 API 吧,我首...
浅谈Javascript数组的使用

浅谈Javascript数组的使用

上一篇说了数组的索引,这一篇说下数组的使用。数组的大小js的数组可以动态调整大小,更确切点说,它没有数组越界的概念,a[a.length]没什么问题。比如声明一个数组a = [1, 3, 5],现在的数组大小是3,最后一个元素的索引是2,但是你依然可以使用a[3],访问a[3]返回的是undefined,给a[3]赋值:a[3] = 7,是给数组a添加了一个元素,现在数组a的长度是4了。你可以试试把下面这段代码放到浏览器里运行下:var a = [];fo...
浅析Node.js的Stream模块中的Readable对象

浅析Node.js的Stream模块中的Readable对象

我一直都很不愿意扯 nodejs 的流,因为从第一次看到它我就觉得它的设计实在是太恶心了。但是没办法,Stream 规范尚未普及,而且确实有很多东西都依赖了 nodejs 的流来实现的,所以我也只能捏着鼻子硬着头皮来扯一扯这又臭又硬的 nodejs 流对象了。 nodejs 自带了一个叫 stream 的模块,引入它便可以得到一组流对象构造器。现在我只说最简单的 stream.Readable。 其实用过 nodejs 的几乎都接触过 Readable...
小议JavaScript中Generator和Iterator的使用

小议JavaScript中Generator和Iterator的使用

一说到 Generator,大家就会扯上异步之类是话题。这显然是被一些奇奇怪怪的东西带坏了。与 Generator 关系密切的应该是 Iterator 才对,拿 Generator 来处理异步也许是一些 C# 程序员才会想的事。当然这种用法确实有一套完整的东西,只是我个人不喜欢而已。 非要把 Generator 和异步联系上,唯一的点就是 next 的调用时机。因为 next 可以异步地调用,所以 Generator 才得以被异步地滥用。 但我觉得 n...
JavaScript中数组继承的简单示例

JavaScript中数组继承的简单示例

在写一些库时经常会用到树结构的数据,而且一些树形结构的数据对从根到叶的路径获取需求非常高。比如一个站点的整个路由表就是一棵这样的树,它的「路径」实际上就是 URL 中的 path 部分。所以我好几次都用了丧心病狂的数组继承去实现,下面给大家分享下。 在 JavaScript 中,数组也属于 Object 的一种,它也可以继承。任何两个对象本身就可以有继承关系,数组也不例外。于是我们让一个树的任何一个节点都是数组,它只维护自己下标最大的那个元素的值。其它元素...
JavaScript中的cacheStorage使用详解

JavaScript中的cacheStorage使用详解

localStorage 应是家喻户晓的?但本地存储这个家族可远不止它。以前扯过 sessionStorage,现在还有个神奇的 CacheStorage。它用来存储 Response 对象的。也就是说用来对 HTTP ,响应做缓存的。虽然 localStorage 也能做,但是它可能更专业。 CacheStorage 在浏览器上的引用名叫 caches 而不是驼峰写法的 cacheStorage,它定义在 ServiceWorker 的规范中。Cach...
浅谈JavaScript的Polymer框架中的behaviors对象

浅谈JavaScript的Polymer框架中的behaviors对象

localStorage 应是家喻户晓的?但本地存储这个家族可远不止它。以前扯过 sessionStorage,现在还有个神奇的 CacheStorage。它用来存储 Response 对象的。也就是说用来对 HTTP ,响应做缓存的。虽然 localStorage 也能做,但是它可能更专业。 CacheStorage 在浏览器上的引用名叫 caches 而不是驼峰写法的 cacheStorage,它定义在 ServiceWorker 的规范中。Cach...
<< 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 >>