Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript继承模式粗探

JavaScript继承模式粗探

真正意义上来说Javascript并不是一门面向对象的语言,没有提供传统的继承方式,但是它提供了一种原型继承的方式,利用自身提供的原型属性来实现继承。Javascript原型继承是一个被说烂掉了的话题,但是自己对于这个问题一直没有彻底理解,今天花了点时间又看了一遍《Javascript模式》中关于原型实现继承的几种方法,下面来谈谈JS中比较简单的继承方法,如果大家有不同意见,欢迎建议。最基础的原型链继承在这里就不复述了,主要讲一下其他的继承模式。1.借用构...
WordPress中利用AJAX技术进行评论提交的实现示例

WordPress中利用AJAX技术进行评论提交的实现示例

一直对 WordPress 的 Ajax 交互研究感兴趣,也一直很关注于这方面的技术,谈到 WordPress Ajax 就不得不谈到评论 Ajax提交,作为一个博客、论坛评论的 Ajax 提交不仅可以改善用户体验,还可以大幅缩减服务器开支,毕竟输出单条评论内容比重新组织输出一个页面要简单的多。 虽说现在访问量一直比较低,不存在服务器压力的问题,但一向注重用户体验的我,当然不能放弃这么一个提升用户体验的机会。今天抽了一下午的空,把这个主题的 Ajax 评论...
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

根据鼠标悬停显示、隐藏,回复和引用按钮思路及原理原理嘛很简单,如果你阅读过一页或者两页甚至更多页 Jquery 手册的话,那么下面的原理解释你肯定能看懂,否则请跳至代码实现区域阅读。思路很简单,将回复、引用按钮放置在你想要的地方,CSS 样式设置 display:none;绑定Jquery中的hover动作到你想要鼠标悬停后显示按钮的区域是不是很简单?要是我以前写博客肯定会就此结束,好吧,既然授人鱼那么继续…….特效的代码实现部分回复、引用的HTML代码复...
jQuery动画效果图片轮播特效

jQuery动画效果图片轮播特效

从这一章节开始,我将会为大家陆续的介绍利用Jquery完成特效动画。先来看看这一节所介绍的特效:传统轮播。一、需求分析1. 提供很多尺寸相等的图片,一排紧挨着显示。2. 左右有两个切换按钮,用来控制显示上一张还是下一张。3. 右下方有指示器"小圈圈",用来提示显示到第几个图片;也可以点击它,进行图片的切换。4. 每隔一个固定的时间,图片会自动滚动。5. 当鼠标放到图片上面的时候,会停止自动滚动;当鼠标离开后,再经过固定间隔时间后,又会自动播放。二、代码剖析...
轻松实现JavaScript图片切换

轻松实现JavaScript图片切换

本文实例为大家介绍JavaScript图片切换的实现方法,分享给大家供大家参考,具体内容如下效果图:网页看到非常常见的一个图片切换效果:在淘宝、JD等购物时,介绍产品的图片会有多张,一般是显示一张,底下有一排小图片,鼠标放到小图片上大图片会切换.参考vivo X5M 移动4G手机 .下面记录一下实现的过程.1. getElementById()该方法是操作dom非常常用的一个方法,比如有一p标签,id设为pid,通过getElementById(“pid”...
学习JavaScript设计模式之代理模式

学习JavaScript设计模式之代理模式

明星都有经纪人作为代理。如果请明星办一场商演,只能联系其经纪人,经纪人会把商演的细节和报酬谈好,再把合同交给明星签。一、定义代理模式:为一个对象提供一个代用品或占位符,以便控制对它的访问。 代理分为:保护代理和虚拟代理 保护代理:用于控制不同权限的对象对目标对象的访问,在JavaScript中很难判断谁访问了某个对象,所以保护代理很难实现。二、图片预加载(最常见的虚拟代理应用场景)图片预加载是一种常用技术,如果直接给某个img标签节点设置src属性,由于图...
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化

JavaScript类型检测之typeof 和 instanceof 的缺陷与优化

在javascript中,typeof 和 instanceof 是用来判断数据类型比较通用的两个方法,这篇文章的目的是通过对这两个方法介绍来分析其存在的不足并提出优化方案。typeof--------------------------------------------------------------------------------typeof 返回一个表达式的数据类型的字符串,返回结果为javascript中的基本数据类型,包括:number...
Jquery uploadify上传插件使用详解

Jquery uploadify上传插件使用详解

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFi...
浅析JavaScript中的变量复制、参数传递和作用域链

浅析JavaScript中的变量复制、参数传递和作用域链

今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习。今天学习笔记主要有这样几个关键字:变量、参数传递、执行环境、变量对象、作用域链。 1.变量 变量需要注意的有两点:变量声明和复制变量值。 变量声明肯定大家都很熟悉,在JS中我们都是通过 var 关键字进行变量声明的。JS中规定,通过var声明的变量会被添加到最近的环境中,如果声明并且初始化一个变量没有用到...
详解iframe与frame的区别

详解iframe与frame的区别

开门见山了,大家需要注意的地方:HTML5不再支持使用frame,iframe只有src 属性一、使用iframe的优缺点优点: 1.程序调入静态页面比较方便; 2.页面和程序分离;缺点: 1.iframe有不好之处:样式/脚本需要额外链入,会增加请求。另外用js防盗链只防得了小偷,防不了大盗。 2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也排不到好的名次!如果是动态网页...
基于jquery实现的仿优酷图片轮播特效代码

基于jquery实现的仿优酷图片轮播特效代码

本文为大家分享了一种常见的并且比较复杂的轮播效果,就是优酷主界面的轮播图,效果图如下:我们在书写代码之前,先分析效果图的结构:1. 左右两个方向按钮,可以用来切换上一张与下一张。2. 下方有分页指示器,用来标注滚动到了第几张,当然,你点击对应的按钮,也可以跳转到对应的图片。3. 中间主要显示区域就是用来摆放需要轮播的图片。根据上面描述,我们首先可以书写HTML代码。一、HTML代码 <body> <div id="youku"> &...
<< 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 >>