jQuery添加options点击事件并传值实例代码

2017年02月06日 9 阅读

说明：最近刚接了一个项目，其中有项目需求要求根据选择不同店铺选项，上送不同id值，展示不同商品列表先给大家展示下实现效果图：如果大家感兴趣对此很感兴趣，可以参考下实现代码。var formStr = "{"supplierId":"供应链企业|%-jm-sprt-%|93794498-3"}";$.ajax（{type : "post",dataType : "json",cache : false,url : "../../../webservice/g...

Adapter适配器模式在JavaScript设计模式编程中的运用分析

2017年02月06日 9 阅读

定义适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。适配器的别名是包装器（wrapper），这是一个相对简单的模式。在程序开发中有许多这样的场景：当我们试图调用模块或者对象的某个接口时，却发现这个接口的格式并不符合目前的需求。这时候有两种解决办法，第一种是修改原来的接口实现，但如果原来的模块...

深入理解JQuery中的事件与动画

2017年02月06日 9 阅读

首先，使用JQuery事件与动画的效果比使用原生js来的方便得多，当然，最重要的是考虑到了浏览器的兼容性。事件：基于原生js，常用事件有blur,focus,hover,mouseout,mouseover,mouseleave,ready,change,select,submit等等，不再赘述。事件绑定:在文档加载完成后，使用bind（type,[data],func（））方法绑定事件.合成事件:hover（enter-func,leave-func）相...

实现JavaScript的组成----BOM和DOM详解

2017年02月06日 9 阅读

我们知道，一个完整的JavaScript的实现，需要由三部分组成：ECMAScript（核心）,BOM（浏览器对象模型），DOM（文档对象模型）。今天主要学习BOM和DOM。BOM:BOM提供了很多对象，用来访问浏览器的功能，这些功能于网页内容无关（这些是DOM的事），目前，BOM已经被W3C搬入了HTML5规范中。window对象：BOM的core，表示浏览器的一个实例，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定...

JavaScript 基础函数_深入剖析变量和作用域

2017年02月06日 9 阅读

函数定义和调用定义函数，在JavaScript中，定义函数的方式如下：function abs（x）{ if（x >=0）{ return x;}else{ return -x;}}上述abs（） 函数的定义如下：function 指出这是一个函数定义;abs 是函数的名称；（x） 括号内列出函数的参数，多个参数以，分隔；{...}之间的代码是函数体，可以包含若干语句，甚至可以没有任何语句。注意：函数体内部的语句在执行时，一旦执行到return 时，...

jQuery实现图片向左向右切换效果的简单实例

2017年02月06日 9 阅读

jQuery实现图片向左向右切换效果的简单实例<div class="imageRotation container"> <div class="imageBox"> <img src="images/chugui.jpg"> <img src="images/ad_auto.jpg"> <img src="images/ad_home.jpg"> <img src...

Avalon中文长字符截取、关键字符隐藏、自定义过滤器

2017年02月06日 10 阅读

关于AvalonJSavalon是一个简单易用迷你的MVVM框架，它最早发布于2012.09.15，为解决同一业务逻辑存在各种视图呈现而开发出来的。 事实上，这问题其实也可以简单地利用一般的前端模板加jQuery 事件委托 搞定，但随着业务的膨胀， 代码就充满了各种选择器与事件回调，难以维护。因此彻底的将业务与逻辑分离，就只能求助于架构。 最初想到的是MVC，尝试过backbone，但代码不降反升，很偶尔的机会，碰上微软的WPF， 优雅的MVVM架构立即吸...

noty – jQuery通知插件全面解析

2017年02月06日 9 阅读

noty是一个jQuery的通知（信息提示）插件，灵活轻便，是一个非常棒的用于替代传统提示对话框的插件。当前最新版本为2.1.0: 从 https://github.com/needim/noty 可以获取最新源代码。布局样式支持的提示样式，每种样式都有预定义好的css样式：•alert: 默认的提示样式•success: 成功•error: 错误•warning: 警告•information:...

Node.js返回JSONP详解

2017年02月06日 9 阅读

在使用JQuery的Ajax从服务器请求数据或者向服务器发送数据时常常会遇到跨域无法请求的错误，常用的解决办法就是在Ajax中使用JSONP。基于安全性考虑，浏览器会存在同源策略，然而<script/>标签却具有跨域访问数据的能力，这就是JSONP工作的基本原理。有关同源策略以及什么是JSONP。在Node.js中实现JSONP非常简单，通过下面的代码我们从服务器返回并运行一个JavaScript函数，这个JavaScript函数已经在调用方提...

深入理解JavaScript中的浮点数

2017年02月06日 9 阅读

js只有一种数值型数据类型，不管是整数还是浮点数，js都把归为数字。typeof 17; // “number”typeof 98.6; // “number”typeof –2.1; // “number”js中的所有数字都是双精度浮点数。是由IEEE754标准制定的64位编码数字（这个是什么东东，不知道，回头查一下吧）那么js是如何表达整数的，双精度浮点数可以完美地表示高达53位精度的整数（没有什么概念，没处理过多大的数据，没用完过！），从-90071...

在JavaScript中对HTML进行反转义详解

2017年02月06日 9 阅读

在JavaScript中对字符串进行转义和反转义操作，常用的方法莫过于使用encodeURI （decodeURI）、encodeURIComponent （decodeURIComponent）这几个方法，具体使用方法和区别。但是如何在JavaScript中对HTML进行反转义操作呢？例如下面这段代码：var jsonData = {title: "<%= data.name? data.name : title %>",desc: ...

js验证框架实现代码分享

2017年02月06日 9 阅读

本文实例为大家分享了js验证框架，很实用，供大家参考，具体内容如下1、关键方法和原理：function check（thisInput） 方法中的 if （！eval（scriptCode）） {return false;}2、调用示例：复制代码 代码如下:<input type="text" class="text_field percentCheck" name="progress_payment_two" id="progress_paymen...

深入理解JavaScript中的对象复制（Object Clone）

2017年02月06日 9 阅读

JavaScript中并没有直接提供对象复制（Object Clone）的方法。因此下面的代码中改变对象b的时候，也就改变了对象a。a = {k1:1, k2:2, k3:3};b = a;b.k2 = 4;如果只想改变b而保持a不变，就需要对对象a进行复制。用jQuery进行对象复制在可以使用jQuery的情况下，jQuery自带的extend方法可以用来实现对象的复制。a = {k1:1, k2:2, k3:3};b = {};$.extend（b,a...

jquery遍历json对象集合详解

2017年02月06日 9 阅读

本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况，供大家参考，具体内容如下第一个案例：jquery 遍历json对象集合 常用示例jsp中$.ajax（{url: "${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}",type: "post",dataType:"json",data: {},success: funct...

如何判断Javascript对象是否存在的简单实例

2017年02月06日 9 阅读

Javascript语言的设计不够严谨，很多地方一不小心就会出错。举例来说，请考虑以下情况。现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：if （myObj不存在）{ 声明myObj; }你可能会觉得，写出这段代码很容易。但是实际上，它涉及的语法问题，远比我们想象的复杂。Juriy Zaytsev指出，判断一个Javascript对象是否存在，有超过50种写法。只有对Javascript语言的...

JS+Canvas 实现下雨下雪效果

2017年02月06日 9 阅读

最近做了一个项目，其中有需求要实现下雨小雪的动画特效，所以在此做了个drop组件，来展现这种canvas常见的下落物体效果。在没给大家介绍正文之前，先给大家展示下效果图：展示效果图：下雨 下雪 看起来效果还是不错的，相对于使用创建dom元素来制作多物体位移动画， 使用canvas会更加容易快捷，以及性能会更好调用代码<！DOCTYPE html><html lang="en"><head><meta charset...

Node.js刷新session过期时间的实现方法推荐

2017年02月06日 9 阅读

在Node.js中，我们通常使用express-session这个包来使用和管理session，保存服务端和客户端浏览器之间的会话状态。那如何才能实现当用户刷新当前页面或者点击页面上的按钮时重新刷新session的过期时间呢？类似于ASP.NET中session会话状态，只要在一定的时间内页面一直保持活动状态，session就不会过期。通过下面的代码可以实现这个功能，我们在Node.js的代码中加入下面的中间件：// use this middleware...

Bootstrap教程JS插件滚动监听学习笔记分享

2017年02月06日 9 阅读

本文主要来学习一下JavaScript插件--滚动监听。1、案例滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。你可以试试滚动这个页面，看看左侧导航的变化。先把实现的代码上了，你可以通过测试代码先来看看效果。<！DOCTYPE html> <html> <head> <title>Bootstrap</title> <meta name="viewport" content="wi...

jQuery点击输入框显示验证码图片

2017年02月06日 9 阅读

先看效果图：要求：当输入框获得焦点时，自动显示验证图片。代码如下（学习而已，仅供参考）：/***********************下是验证码对象*****************/var Validation = {};Validation.init = function（eleName,imageSrc）{this.image = imageSrc;$（"#"+eleName）.focusin（function（）{Validation.show（...

JS Attribute属性操作详解

2017年02月06日 9 阅读

Attribute是属性的意思，文章仅对部分兼容IE和FF的Attribute相关的介绍。attributes：获取一个属性作为对象getAttribute：获取某一个属性的值setAttribute：建立一个属性，并同时给属性捆绑一个值createAttribute：仅建立一个属性removeAttribute：删除一个属性getAttributeNode：获取一个节点作为对象setAttributeNode：建立一个节点removeAttributeN...