JavaScript资料,JavaScript文章,JavaScript文档-易库教程

总结JavaScript的正则与其他语言的不同之处

2017年02月06日 38 阅读

前言最近发现JavaScript中的正则在某些地方的表现和其他语言或工具中的正则有些不同,比较另类.虽然你几乎不可能写出也几乎用不到下面我讲的这些正则,但是了解一下毕竟是好的.本文中的代码示例都是在兼容ES5的JavaScript环境中执行的,也就是说,IE9之前版本,Fx4左右的版本,等,中的表现很有可能和我下面讲的不一样.1.空字符类不包含任何字符的字符类[]称之为空字符类（empty char class）,我相信你没听别人这么叫过,因为在其他语言中...

Js得到radiobuttonlist选中值的两种方法（推荐）

2017年02月06日 35 阅读

如下所示：<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ajaxselect.OnmouseTitle.WebForm1" %><！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML><HEAD><...

select隐藏选中值对应的id,显示其它id的简单实现方法

2017年02月06日 35 阅读

由于select选项较少，做的简单，<select name="typeid" id="typeid"><option value="-1">-请选择类型-</option><option value="grade">兑换等级</option><option value="money">兑换现金</option><option value="gift">兑换礼物...

jQuery组件easyui基本布局实现代码

2017年02月06日 38 阅读

本文实例为大家分享了<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Layout - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> &l...

jQuery组件easyui对话框实现代码

2017年02月06日 41 阅读

本文实例为大家分享了<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Dialog - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> &l...

jQuery操作dom实现弹出页面遮罩层（web端和移动端阻止遮罩层的滑动）

2017年02月06日 36 阅读

最近项目遇到了遮罩层的一些问题，总结一下：弹出遮罩层遮罩层弹出有非常多的方法，这里只写出本人用的代码，使用jq操作dom的方法进行实现的。<style>.box{position:absolute;width:100%;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border:1px #ddd solid;padding:1px;}</style><div...

手机图片预览插件photoswipe.js使用总结

2017年02月06日 35 阅读

手机图片预览photoswipe，支持pc图片预览，多用于android，ios的手机图片预览。资源包：photoswipe-3.0.5 在photoswipe官网有1.0.11的包下载，但是1.0.11这个版本，存在缺陷，在部分android手机上，滑动一次的时候，会跳转2张图片（正常情况下，滑动一次，跳转1张图片）通常使用方法如下：在html的head标签中依次加载资源包中如下文件：<script type="text/javascript" s...

手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

2017年02月06日 35 阅读

先来几张效果图：点击其中一张照片可放大，可支持图片文字描述：同时支持分享功能：支持手势放大缩小使用js框架是PhotoSwipe。PhotoSwipe是一个图片放大插件，兼容pc和移动端，经历过多个版本的迭代且一直在不断更新，踩过的坑不知凡几，在移动端有着巨大的优势。1、可控制多种风格如：标题、分享、全屏按钮，点击事件、是否加入字幕，背景透明等。2、可支持移动端触摸手势兼容pc端所有的基本手势支持：滑动下一个或上一个，拖动平移、缩放、放大或关闭，点击切换控...

手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

2017年02月06日 40 阅读

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相册交互界面。官方网站http://www.photoswipe.com/源码示例http://github.com/downloads/codeco...

移动端点击图片放大特效PhotoSwipe.js插件实现

2017年02月06日 33 阅读

PhotoSwipe插件能实现手机端点击图片全屏放大再双击图片放大等功能PhotoSwipe插件官方网站 http://www.photoswipe.com/photoswipe之移动端图片放大查看，滑动切换下一张，图片保存到本地。<style>.pnav{margin-top:30px;text-align:center;line-height:24px; font-size:16px}.pnav a{padding:4px}.pnav a...

相册展示PhotoSwipe.js插件实现

2017年02月06日 37 阅读

PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的，还是很实用的。一、使用这个组件需要引入两个js文件1 <script type="text/javascript" src="simple-inheritance.min.js">2 <script type="text/javascript" src="co...

PhotoSwipe异步动态加载图片方法

2017年02月06日 38 阅读

在开发搜房家居M站的时候，搜房家居装修效果图相册展示效果需要用到PhotoSwipe插件来显示图片。特点：1. 家居提供的接口，每次只能获取一张图片2. 装修效果图的张数不限。3. 从PhotoSwipe用法来看，在PhotoSwipe初始化前必须把所有图片列出。instance = PhotoSwipe.attach（ window.document.querySelectorAll（"#Gallery a"）, options ）;标签a是PhotoS...

深入浅出ES6之let和const命令

2017年02月06日 36 阅读

let和const声明的变量只在代码块内有效{let a = 10;var b = 1;}a // ReferenceError: a is not defined.b // 1不存在变量提升变量一定要在声明后使用，否则报错var tmp = 123;if （true） {tmp = "abc"; // ReferenceErrorlet tmp;}不允许重复声明// 报错function （） {let a = 10;var a = 1;}块级作用域fu...

Javascript实现代码折叠功能

2017年02月06日 39 阅读

一、首先定义一个JavaScript function，如下：function puckerMenu（level） {var levelLength = （"row" + level）.length;var toDo = "0";for （var iCount = 0 ; iCount < document.all.length; iCount++）{if （ document.all[iCount].id.indexOf（"row" + level...

js实现无缝循环滚动

2017年02月06日 39 阅读

本文实例为大家分享了js无缝循环滚动实现代码，供大家参考，具体内容如下1、图片格式：260*400.2、使用循环定时器轻松实现<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>无缝滚动</title></head><style type="text/css"> .row{wid...

javascript深拷贝（deepClone）详解

2017年02月06日 37 阅读

javascript深拷贝是初学者甚至有经验的开发着，都会经常遇到问题，并不能很好的理解javascript的深拷贝。深拷贝（deepClone）？与深拷贝相对的就是浅拷贝，很多初学者在接触这个感念的时候，是很懵逼的。为啥要用深拷贝？在很多情况下，我们都需要给变量赋值，给内存地址赋予一个值，但是在赋值引用值类型的时候，只是共享一个内存区域，导致赋值的时候，还跟之前的值保持一直性。看一个具体的例子// 给test赋值了一个对象var test = {a: "...

AngularJS中比较两个数组是否相同

2017年02月06日 35 阅读

Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

AngularJS$modal弹出框实例代码

2017年02月06日 34 阅读

下面给大家说下$modal拥有一个方法：open，该方法的属性介绍：templateUrl：模态窗口的地址template：用于显示html标签scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScopecontroller：为$modal指定的控制器，初始化$scope，该控制器可用$modalInstance注入resolve：定义一个成员并将他传递给$modal指定的控制器，相当于routes...

AngularJS下对数组的对比分析

2017年02月06日 37 阅读

Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

jquery实现ajax提交表单信息的简单方法（推荐）

2017年02月06日 37 阅读

最近在思考优化项目，想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery，基本上是现学现找，有点困难。主要是扩展和拼接json转对象很简单，附上代码：; （function （$） {$.fn.ajaxForm = function （options） { var defaults = { modelname: "model",//后台对象接收名称 url: "/",//提交地址 postType: "POST",...

首页 / 脚本样式 / JavaScript

总结JavaScript的正则与其他语言的不同之处

Js得到radiobuttonlist选中值的两种方法（推荐）

select隐藏选中值对应的id,显示其它id的简单实现方法

jQuery组件easyui基本布局实现代码

jQuery组件easyui对话框实现代码

jQuery操作dom实现弹出页面遮罩层（web端和移动端阻止遮罩层的滑动）

手机图片预览插件photoswipe.js使用总结

手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

移动端点击图片放大特效PhotoSwipe.js插件实现

相册展示PhotoSwipe.js插件实现

PhotoSwipe异步动态加载图片方法

深入浅出ES6之let和const命令

Javascript实现代码折叠功能

js实现无缝循环滚动

javascript深拷贝（deepClone）详解

AngularJS中比较两个数组是否相同

AngularJS$modal弹出框实例代码

AngularJS下对数组的对比分析

jquery实现ajax提交表单信息的简单方法（推荐）