随笔分类 -  javascript

防止重复发送 Ajax 请求
摘要：要考虑并理解 success, complete, error, timeout 这些事件的区别，并注册正确的事件，一旦失误，功能将不再可用；不可避免地比普通流程要要多注册一个 complete 事件；恢复状态的代码很容易和不相干的代码混合在一起；推荐用主动查询状态的方式（A、B，jQuery 为例 阅读全文
posted @ 2017-02-15 09:40 依然仰望 阅读(1012) 评论(0) 推荐(6)
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
摘要：预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能 阅读全文
posted @ 2017-01-21 10:30 依然仰望 阅读(1615) 评论(3) 推荐(6)
JavaScript中this的指向问题
摘要：this是面向对象语言中一个重要的关键字，理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要。而javascript的this又有区别于Java、C#等纯面向对象的语言，这使得this更加扑朔迷离，让人迷惑。this使用到的情况： 1. 纯函数2. 对象方法调用3. 使用new调用构造函数 阅读全文
posted @ 2017-01-20 08:52 依然仰望 阅读(2164) 评论(0) 推荐(13)
原生javascript实现图片放大镜效果
摘要：当我们在电商网站上购买商品时，经常会看到这样一种效果，当我们把鼠标放到我们浏览的商品图片上时，会出现类似放大镜一样的一定区域的放大效果，方便消费者观察商品。今天我对这一技术，进行简单实现，实现图片放大镜效果。 我在代码中进行了代码编写的思路的说明和详细的代码注释，方便读者，请看代码： 这里，我并没有 阅读全文
posted @ 2017-01-18 13:43 依然仰望 阅读(2510) 评论(2) 推荐(8)
javascript实现页面滚屏效果
摘要：当我们浏览网页的时候，时常会碰到可以滚动屏幕的炫酷网页，今天笔者对这一技术进行简单实现，效果不及读者理想中那般炫酷，主要针对滚屏的技术原理和思想进行分享和分析。本示例在页面右侧有五个数字标签，代表五个页面，点击数字可以切换到对应的页面，滚动鼠标滑轮可以实现数字标签的切换，页面的切换。笔者未对页面的平 阅读全文
posted @ 2017-01-17 15:28 依然仰望 阅读(1509) 评论(0) 推荐(4)
JavaScript利用闭包实现模块化
摘要：利用闭包的强大威力，但从表面上看，它们似乎与回调无关。下面一起来研究其中最强大的一个：模块。 正如在这段代码中所看到的，这里并没有明显的闭包，只有两个私有数据变量something和another，以及doSomething() 和doAnother() 两个内部函数，它们的词法作用域（而这就是闭包 阅读全文
posted @ 2017-01-13 15:34 依然仰望 阅读(2970) 评论(2) 推荐(7)
JavaScript中的call 和apply的用途以及区别
摘要：apply 接受两个参数，第一个参数指定了函数体内this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组，apply 方法把这个集合中的元素作为参数传递给被调用的函数： 在这段代码中，参数 1、2、3 被放在数组中一起传入func 函数，它们分别对应func 参数列表 阅读全文
posted @ 2017-01-11 12:44 依然仰望 阅读(1784) 评论(3) 推荐(5)
【原】jQuery编写插件
摘要：分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为jquery.color.js。该插件用来实现以下两个功能1.设置元素的颜色。2.获取元素的颜色。 先在搭建好如下编写插件的框架： 我这里采用jQuery.fn.extend().这种方法来编写，代码如下： 这个方法可里面有一个value.参 阅读全文
posted @ 2017-01-08 19:28 依然仰望 阅读(489) 评论(2) 推荐(3)
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
摘要：今天为大家分享一下我自己制作的浏览器滚动条，我们知道用css来自定义滚动条也是挺好的方式，css虽然能够改变chrome浏览器的滚动条样式可以自定义，css也能够改变IE浏览器滚动条的颜色。但是css只能是改变IE浏览器的颜色，而且CSS不能做到改变火狐浏览器的样式和颜色。所以只能是通过JavaSc 阅读全文
posted @ 2017-01-05 11:58 依然仰望 阅读(1558) 评论(6) 推荐(7)
JavaScript自定义媒体播放器
摘要：使用<audio>和<video>元素的play()和pause()方法，可以手工控制媒体文件的播放。组合使用属性、事件和这两个方法，很容易创建一个自定义的媒体播放器，如下面的例子所示。 以上基本的HTML 再加上一些JavaScript 就可以变成一个简单的视频播放器。以下就是JavaScript 阅读全文
posted @ 2017-01-03 09:17 依然仰望 阅读(968) 评论(0) 推荐(3)
javascript工厂模式和构造函数模式创建对象
摘要：一、工厂模式 工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建具体对象的过程（本书后面还将讨论其他设计模式及其在JavaScript 中的实现）。考虑到在ECMAScript 中无法创建类，开发人员就发明了一种函数，用函数来封装以特定接口创建对象的细节，如下面的例子所示。 函数cre 阅读全文
posted @ 2016-12-30 09:02 依然仰望 阅读(352) 评论(0) 推荐(0)
JavaScript模仿块级作用域
摘要：avaScript 没有块级作用域的概念。这意味着在块语句中定义的变量，实际上是在包含函数中而非语句中创建的，来看下面的例子: 这个函数中定义了一个for 循环，而变量i 的初始值被设置为0。 在Java、C++等语言中，变量i只会在for 循环的语句块中有定义，循环一旦结束，变量i 就会被销毁。可 阅读全文
posted @ 2016-12-29 08:21 依然仰望 阅读(462) 评论(0) 推荐(1)
javascript表单的Ajax 提交插件的使用
摘要：Ajax 提交插件 form.js 表单的下载地址：官方网站：http://malsup.com/jquery/form/ form.js 插件有两个核心方法：ajaxForm()和ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进行的功能。 使用ajaxForm()方法，会直接 阅读全文
posted @ 2016-12-28 20:14 依然仰望 阅读(995) 评论(0) 推荐(0)
javascript中的事件冒泡和事件捕获
摘要：1.事件冒泡 IE 的事件流叫做事件冒泡（event bubbling），即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。以下面的HTML 页面为例： 如果你单击了页面中的<div>元素，那么这个click 事件会按照如下顺序传播：(1) 阅读全文
posted @ 2016-12-28 11:51 依然仰望 阅读(372) 评论(0) 推荐(0)