Welcome 微信登录

首页 / 脚本样式 / JavaScript

分享jQuery插件的学习笔记

分享jQuery插件的学习笔记

插件(Plugin)也成为 jQuery 扩展(Extension),是一种遵循一定规范的应用程序接口编写出来的程序。目前 jQuery 插件已超过几千种,由来自世界各地的开发者共同编写、验证和完善。而对于jQuery开发者而言,直接使用这些插件将快速稳定架构系统,节约项目成本。一. 插件概述插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序。也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可。插件的种类很多,主...
js实现input密码框提示信息的方法(附html5实现方法)

js实现input密码框提示信息的方法(附html5实现方法)

本文实例讲述了js实现input密码框提示信息的方法。分享给大家供大家参考,具体如下:今天我们主管说要在密码框加入个"请输入密码"的提示信息,第一次的时候本来想着用修改input type 属性的方法呢,结果有某些特别的浏览器不支持,IE的input的type属性是只读的,不能动态设置.所以换其它的方法,实例如下:<input type="text" onfocus="changeTip(this);" id="passText" name="pas...
浏览器环境下JavaScript脚本加载与执行探析之defer与async特性

浏览器环境下JavaScript脚本加载与执行探析之defer与async特性

defer和async特性相信是很多JavaScript开发者"熟悉而又不熟悉"的两个特性,从字面上来看,二者的功能很好理解,分别是"延迟脚本"和"异步脚本"的作用。然而,以defer为例,一些细节问题可能开发者却并不一定熟悉,比如:有了defer特性的脚本会延迟到什么时候执行;内部脚本和外部脚本是不是都能够支持defer;defer后的脚本除了会延迟执行之外,还有哪些特殊的地方等等。本文结合已有的一些文章以及MDN文档中对两个特性的阐述,对defer和a...
JavaScript面向对象之私有静态变量实例分析

JavaScript面向对象之私有静态变量实例分析

本文实例分析了JavaScript面向对象之私有静态变量。分享给大家供大家参考,具体如下:大家知道,私有实例变量的原理是根据作用域。私有实例变量是在Javascript的function内部用var关键字实现,只在function内部有效。仿照这个,提出私有静态变量的解决方案:<script language="javascript" type="text/javascript">var JSClass = (function() { var ...
详解JavaScript中的构造器Constructor模式

详解JavaScript中的构造器Constructor模式

构造器模式简单描述(看图):构造器Constructor不能被继承,因此不能重写Overriding,但可以被重载Overloading。构造器用于创建特定类型对象——准备好对象以备使用,同时接收构造器可以使用的参数,以在第一次创建对象时,设置成员属性和方法的值1、创建对象新对象创建的两种方法var newObject={};var newObject=new object();//object 构造器的简洁记法2、基本ConstructorJavascr...
学习JavaScript设计模式之中介者模式

学习JavaScript设计模式之中介者模式

一、定义面向对象设计鼓励将行为分布到各个对象中,把对象划分成更小的粒度,有助于增强对象的可复用性。但由于这些细粒度对象之间的联系激增,又可能反过来降低它们的可复用性。 中介者模式的作用就是解除对象与对象之间的紧耦合关系。二、示例:购买商品假设我们正在开发一个购买手机的页面,购买流程中,可以选择手机颜色以及输入购买数量,同时页面中可以对应展示输入内容。还有一个按钮动态显示下一步操作(该颜色库存量充足,显示下一步;否则显示库存不足)。<div>&l...
JavaScript提高性能知识点汇总

JavaScript提高性能知识点汇总

一、针对js文件的加载位置在HTML文件中,<script>标签是可以加在<head>区域和<body>区域的。这里鉴于JavaScript执行和UI渲染的单线程原因,如果js文件载入会阻塞后面对于页面的解析过程,页面会等到js文件完全加载并运行后才继续执行该做的操作。那么问题就来了,这样可能会出现页面空白or卡顿现象。作为一名前端开发,重要的不仅仅止于实现了需求,应该还有优质的用户体验。那么我们就需要消除用户枯燥的等待...
JavaScript焦点事件、鼠标事件和滚轮事件使用详解

JavaScript焦点事件、鼠标事件和滚轮事件使用详解

焦点事件一般利用这些事件与document.hasFocus()方法和document.activeElement属性配合。主要有:blur:元素失去焦点,不会冒泡;DOMFocusIn:同HTML事件focus,于DOM3遭废弃,选用focusin;DOMFocusOut:同HTML事件blur,于DOM3遭废弃,选用focusout;focus:元素获得焦点,不回冒泡;focusin:获得焦点,与HTML事件focus等价,但会冒泡;focusout:...
<< 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 >>