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

jQuery与Ajax以及序列化

2017年02月06日 11 阅读

关于AJAX所谓Ajax，全名Asynchronous JavaScript and XML。（也就异步的JS和XML）简单点来讲就是不刷新页面来发送和获取数据，然后更新页面。Ajax的优势•无需插件支持•优秀的用户体验•提高web程序的性能•减轻服务器和带宽的负担Ajax的不足•浏览器兼容不足•破坏浏览器前进和后退按钮的正常功能•对搜索引擎的支持不足•开发和调...

jQuery 3.0 的变化及使用方法

2017年02月06日 12 阅读

jQuery ，是迄今为止世界上最流行的 JavaScript 库，一直是我们这些 Web 开发者的神器。自从它在 2006 年发布最初版本直到如今，已经有非常多的 Web 开发者在项目中引入了这个优秀的库来使开发工作变得更轻松。时隔 3 个月，jQuery 团队终于发布了 3.0 Alpha 版本。有两个版本 jQuery compat 3.0 和 jQuery 3.0。•jQuery compat 3.0 对应之前的 1.x，兼容更多的浏...

浅析JavaScript作用域链、执行上下文与闭包

2017年02月06日 13 阅读

闭包和作用域链是JavaScript中比较重要的概念，这两天翻阅了一些资料，把相关知识点给大家总结了以下。JavaScript 采用词法作用域（lexical scoping），函数执行依赖的变量作用域是由函数定义的时候决定，而不是函数执行的时候决定。以下面的代码片段举例说明，通常来说（基于栈的实现，如 C 语言） foo 被调用之后函数内的本地变量 scope 会被释放，但是从词法上看 foo 的内嵌匿名函数中 scope 应该指的是 foo 的本地变量...

理解javascript中的严格模式

2017年02月06日 11 阅读

一、什么是严格模式我们平时写的JavaScript代码一般都运行在正常模式中的，除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。看名字就知道，这种模式会让JavaScript在更严格的环境中运行。包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱。（github上面好多项目都是用的严格模式）二、启用严格模式为整个脚本启用严格模式在所有语句之前放一个特定语句 "use strict...

基于JavaScript判断浏览器到底是关闭还是刷新（超准确）

2017年02月06日 11 阅读

本文是小编总结的一些核心内容，个人感觉对大家有所帮助，具体内容请看下文：页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。经过验证我得出的结论是：//对于ie，谷歌，360：//页面加载时只执行onload//页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。//页面关闭时，先onb...

基于jQuery实现二级下拉菜单效果

2017年02月06日 12 阅读

本文通过代码实例详细介绍一下简单的二级下拉菜单是如何实现的，当然还有更为复杂的二级菜单，不过先学会如何制作简单的，分享给大家供大家参考，具体内容如下代码如下：<html><head><meta charset=" utf-8"><title>下拉菜单</title><style type="text/css">nav a{text-decoration:none; } nav>u...

基于JavaScript实现动态添加删除表格的行

2017年02月06日 11 阅读

又一个动态控制表格的效果，用JavaScript动态生成表格行、表格列，以及还可动态删除这些行列，行等，运行代码后，点击对应的功能按钮，即可实现对应的表格操作功能。1.jsp<table id="viewTabs"><thead><tr><th>产品名称</th><th>编号</th><th>数量</th><th>重量</th>...

AngularJS手动表单验证

2017年02月06日 11 阅读

所谓手动验证是通过AngularJS表单的属性来验证，而成为AngularJS表单必须满足两个条件：1、给form元素加上novalidate="novalidate"；2、给form元素加上name="theForm"，如下：<！DOCTYPE html><html lang="en" ng-app="myApp1"><head> <meta charset="UTF-8"> <title>&l...

javascript实现右侧弹出“分享到”窗口效果

2017年02月06日 11 阅读

本文实例讲解了javascript实现右侧弹出“分享到”窗口的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html><head><meta charset="gb2312"><title></title><style type="text/css">body {padding: 0;margin: 0;}#div1 {width: 100px;height: 150...

AngularJS自动表单验证

2017年02月06日 12 阅读

AngularJS的另外一种表单验证方式是自动验证，即通过directive来实现，除了AngularJS自带的directive,还需要用到angular-auto-validate这个第三方module。有关angular-auto-validate：安装：npm i angular-auto-validate引用：<script src="../node_modules/angular-auto-validate/dist/jcs-auto-v...

基于jquery实现下拉框美化特效

2017年02月06日 12 阅读

平常我们用的原生select下拉框，大部分样式没办法修改，导致在不同的浏览器里面会跟设计图的风格大相径庭。所以为了能让它美化起来，就用JQ模拟了一个下拉框，可以随意定义样式。原生的下拉框也保留在div里面隐藏着，方便后台开发人员对其进行操作。效果图如下：HTML代码如下：<！DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <ti...

原生JS实现拖拽图片效果

2017年02月06日 11 阅读

本文实例为大家讲解了JS实现拖拽图片效果的详细代码，分享给大家供大家参考，具体内容如下javascript event 对象的clientX,offsetX,screenX,pageX的区别：用html5的drag来实现拖拽有兼容性问题，使用拖拽插件代码又很多，而这个拖拽demo代码少，并且兼容所有浏览器，很值得在项目中使用，css样式如下：#div1{ width: 100px; height: 100px; background-color: #4D4...

三种AngularJS中获取数据源的方式

2017年02月06日 11 阅读

在AngularJS中，可以从$rootScope中获取数据源，也可以把获取数据的逻辑封装在service中，然后注入到app.run函数中，或者注入到controller中。本篇就来整理获取数据的几种方式。■ 数据源放在$rootScope中var app = angular.module（"app",[]）;app.run（function（$rootScope）{$rootScope.todos = [{item:"",done:true},{ite...

多种JQuery循环滚动文字图片效果代码

2017年02月06日 11 阅读

自己模仿JQ插件的写法写了一个循环滚动列表插件，支持自定义上、下、左、右四个方向，支持平滑滚动或者间断滚动两种方式，都是通过参数设置。JQ里面有些重复的地方，暂时没想到更好的方法去精简。不过效果还是可以的，如下（效果图上传后都加速了，实际效果比这个要慢很多）：html代码如下：<！doctype html><html lang="zh-cn"><head><meta charset="utf-8"><t...

AngularJS数据源的多种获取方式汇总

2017年02月06日 11 阅读

AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好...

AngularJS中处理多个promise的方式

2017年02月06日 12 阅读

在使用AngularJS中处理promise的时候，有时会碰到需要处理多个promise的情况。最简单的处理就是每个promise都then。如下：var app = angular.module（"app",[]）;app.controller（"AppCtrl", function（$q. $timeout）{var one = $q.defer（）;var two = $q.defer（）;var three = $q.defer（）;$timeou...

AngularJS中$interval的用法详解

2017年02月06日 11 阅读

在AngularJS中$interval用来处理间歇性处理一些事情。最常用的是：var app = angular.module（"app",[]）;app.controller（"AppCtrl", function（$q. $interval）{var timer = $interval（function（）{},100）;timer.then（success）;function success（）{console.log（"done"）;}}）以上...

JavaScript通过代码调用Flash显示的方法

2017年02月06日 13 阅读

本文实例讲述了JavaScript通过代码调用Flash显示的方法。分享给大家供大家参考，具体如下：<script type="text/javascript" language="javascript" src="Scripts/swfobject.js"></script><script language="javascript">function load（）{var swfVersionStr = "10.0.0...

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

2017年02月06日 11 阅读

AngualrJS是一个很贴心的web应用框架。它有很不错的官方文档和示例；经过在现实环境中的测试著名的TodoMVC project，它在海量的框架中脱颖而出；而且网上到处都是很不错演示或者展示。但是对于一个没有接触过和AngularJS相似的框架而且还是几乎都在使用像jQuery这样的JavaScript类库的开发者来讲，要从jQuery的思想转变成AngularJS的思想是有点困难的。至少对于我来说是这样的，所以我想要分享一些学习笔记希望帮到一些开发...

Node.js实现JS文件合并小工具

2017年02月06日 11 阅读

临近春节，项目结束了，没事情做，于是就想学学node.js，之前写了一个是为了实验室项目的需要，用c#写了个js代码压缩合并的小插件，后来想到可以用node重构，于是就练练手吧，下面小编直接给大家上代码了。代码如下所示：/*符合CommonJs规范*/var writePath = "min.js",/*默认输出到本目录min.js文件里*/fs = require（"fs"）,r1 = /^（.+）$/mg,/*分行*/r2 = /s{2,}/g,/*去...

首页 / 脚本样式 / JavaScript

jQuery与Ajax以及序列化

jQuery 3.0 的变化及使用方法

浅析JavaScript作用域链、执行上下文与闭包

理解javascript中的严格模式

基于JavaScript判断浏览器到底是关闭还是刷新（超准确）

基于jQuery实现二级下拉菜单效果

基于JavaScript实现动态添加删除表格的行

AngularJS手动表单验证

javascript实现右侧弹出“分享到”窗口效果

AngularJS自动表单验证

基于jquery实现下拉框美化特效

原生JS实现拖拽图片效果

三种AngularJS中获取数据源的方式

多种JQuery循环滚动文字图片效果代码

AngularJS数据源的多种获取方式汇总

AngularJS中处理多个promise的方式

AngularJS中$interval的用法详解

JavaScript通过代码调用Flash显示的方法

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

Node.js实现JS文件合并小工具