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

jQuery+css实现的换页标签栏效果

2017年02月06日 12 阅读

本文实例讲述了jQuery+css实现的换页标签栏效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>index</title><script type="text/javascript" src="jquery.js"></script><style type="text/css...

javascript中的3种继承实现方法

2017年02月06日 12 阅读

使用Object.create实现类式继承下面是官网的一个例子//Shape - superclassfunction Shape（） { this.x = 0; this.y = 0;}Shape.prototype.move = function（x, y） {this.x += x;this.y += y;console.info（"Shape moved."）;};// Rectangle - subclassfunction Rectangle（...

jQuery+css实现的切换图片功能代码

2017年02月06日 11 阅读

本文实例讲述了jQuery+css实现的切换图片功能代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html><head><title>demo</title><script type="text/javascript" src="jquery.js"></script><style type="text/css"...

AngularJS转换响应内容

2017年02月06日 11 阅读

从远程API获取到的响应内容，通常是json格式的，有时候需要对获取到的内容进行转换，比如去除某些不需要的字段，给字段取别名，等等。本篇就来体验在AngualrJS中如何实现。在主页面，还是从controller中拿数据。<body ng-app="publicapi"><ul ng-controller="controllers.View"><li ng-repeat="repo in repos"><b ng-...

js实现的鼠标滚轮滚动切换页面效果（类似360默认页面滚动切换效果）

2017年02月06日 12 阅读

本文实例讲述了js实现的鼠标滚轮滚动切换页面效果的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><title>wheel</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><script type="t...

理解javascript异步编程

2017年02月06日 12 阅读

一、异步机制JavaScript的执行环境是单线程的，单线程的好处是执行环境简单，不用去考虑诸如资源同步，死锁等多线程阻塞式编程等所需要面对的恼人的问题。但带来的坏处是当一个任务执行时间较长时，后面的任务会等待很长时间。在浏览器端就会出现浏览器假死，鼠标无法响应等情况。所以在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应。所谓异步执行，不同于同步执行（程序的执行顺序与任务的排列顺序是一致的、同步的），每一个任务有一个或多个回调函数（callba...

简单介绍jsonp 使用小结

2017年02月06日 12 阅读

Jsonp（JSON with Padding）是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术（JSONP ）呢？这是因为同源策略。同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript 的浏览器都会使用这个策略。首先：jsonp是json用来跨域的一个东西。原理是通过script标签的跨域特性来绕过同源策略。经过测试实验...

再谈JavaScript异步编程

2017年02月06日 11 阅读

随着前端的发展，异步这个词真是越来越常见了。假设我们现在有这么一个异步任务：向服务器发起数次请求，每次请求的结果作为下次请求的参数。来看看我们都有哪些处理方法：Callbacks最先想到也是最常用的便是回调函数了，我们来进行简单的封装：let makeAjaxCall = （url, cb） => {// do some ajax// callback with result}makeAjaxCall（"http://url1", （result） ...

jquery+css3实现会动的小圆圈效果

2017年02月06日 11 阅读

本文实例讲述了jquery+css3实现会动的小圆圈效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8" /> <title>那些变换颜色的小豆豆</title> <script type="text/javascript" src="jq...

jquery实现可旋转可拖拽的文字效果代码

2017年02月06日 11 阅读

本文实例讲述了jquery实现可旋转可拖拽的文字效果代码。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html> <head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script type="text/javascript" src=...

用window.onerror捕获并上报Js错误的方法

2017年02月06日 11 阅读

前两天有个2048游戏的用户反馈说，打开游戏后不能玩儿，只有一个游戏面板，数字无法初始化，更无法移动，设备为iPhone 4S、iOS 5.1。尝试从微信调起Safari打开，依然不好使。由于游戏中运用了比较多的HTML5特性，所以粗略估计是有JS报错导致。不过这样的信息该如何捕获到呢？当然是传说中的window.onerror。从W3C找到关于window.onerror的方法体介绍：这个意思，基本可以就是说，window.onerror方法，我们可以写...

window.onerror（）的用法与实例分析

2017年02月06日 13 阅读

onerror语法使用onerror 默认有三个入参：•msg: 错误信息•url：错误所在文件•line：错误所在代码行，整型window.onerror = function（msg, url, line）{ // some code }; 对于 <body onerror=”some code”>形式的，可以通过arguments[0]、arguments[1]、arguments[2]依次获取参数。...

Bootstrap树形控件使用方法详解

2017年02月06日 11 阅读

一、JQuery树形控件Jquery树形控件是一款基于JQuery+bootstrap、完全通过js和样式手写出来的非常轻量级的控件，网上很多地方都能看到它的影子。它功能简单、用户体验不错。对于一些简单的层级关系展示比较实用，但对于节点的增删改实现起来就不容易了，如果非要做，可能需要自己去封装。1、一睹初容全部收起展开一级全部展开2、代码示例此控件实现起来也非常简单，只需要引用jQuery和bootstrap组件即可。<link href="~/Co...

js+css绘制颜色动态变化的圈中圈效果

2017年02月06日 12 阅读

本文实例讲述了js+css绘制颜色动态变化的圈中圈效果。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html><head> <title>circle</title> <style type="text/css" >.circle {border-radius:50%;background:#DDDDDD; }.circle_inside {width:80%;height:...

封装属于自己的JS组件

2017年02月06日 11 阅读

一、扩展已经存在的组件1、需求背景很多时候，我们使用jquery.ajax的方式向后台发送请求，型如 $.ajax（{type: "post",url: "/User/Edit",data: { data: JSON.stringify（postdata） },success: function （data, status） {if （status == "success"） {toastr.success（"提交数据成功"）;$（"#tb_aa...

jQuery实现可以控制图片旋转角度效果（附demo源码下载）

2017年02月06日 11 阅读

本文实例讲述了jQuery实现可以控制图片旋转角度效果。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.o...

不用一句js代码初始化组件

2017年02月06日 12 阅读

最近使用bootstrap组件的时候发现一个易用性问题，很多简单的组件初始化都需要在JS里面写很多的初始化代码，比如一个简单的select标签，因为仅仅只是需要从后台获取数据填充到option里面，可是从后台取数据就需要js的初始化，所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码，看着很闹心。于是想起bootstrap table里面的data属性来，如果能够直接在html里面使用data-*这种方式来初始化简单的组件，那该多爽。我们先来看...

jQuery+css3实现转动的正方形效果（附demo源码下载）

2017年02月06日 12 阅读

本文实例讲述了jQuery+css3实现转动的正方形效果。分享给大家供大家参考，具体如下：主要是应用到了css3中的rotate来控制旋转角度运行效果截图如下：点击此处查看在线演示效果。具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...

jQuery实现的分子运动小球碰撞效果

2017年02月06日 12 阅读

本文实例讲述了jQuery实现的分子运动小球碰撞效果。分享给大家供大家参考，具体如下：先看效果图吧，因为小球是运动状态的，不好截图，这里就先大体画了一下路线，表示大体意思吧，如果想看真实的效果，自己粘贴下去运行：小球有点小哟，嘿嘿，没有对细节进行详细的处理，如果像让它完美一点，自己处理下吧！这里是模拟的理想状态下的，没有摩擦力与组里的分子碰撞运动，高科技哟~~~~~~mu~a代码也没有整理，如果有心的话，把它整理成面向对象形式的吧！代码如下：<！DO...

jQuery+css实现的时钟效果（兼容各浏览器）

2017年02月06日 12 阅读

本文实例讲述了jQuery+css实现的时钟效果。分享给大家供大家参考，具体如下：运行效果截图如下：这里没有做太多的修饰，简单的实现了一下功能，另外，用的是js的setTimeout方法，当时间长了之后，会有一定的延时，建议，在每隔多少分钟执行一次时钟校准！哈哈，都有误差的嘛，反正我是没给你校。具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

首页 / 脚本样式 / JavaScript

jQuery+css实现的换页标签栏效果

javascript中的3种继承实现方法

jQuery+css实现的切换图片功能代码

AngularJS转换响应内容

js实现的鼠标滚轮滚动切换页面效果（类似360默认页面滚动切换效果）

理解javascript异步编程

简单介绍jsonp 使用小结

再谈JavaScript异步编程

jquery+css3实现会动的小圆圈效果

jquery实现可旋转可拖拽的文字效果代码

用window.onerror捕获并上报Js错误的方法

window.onerror（）的用法与实例分析

Bootstrap树形控件使用方法详解

js+css绘制颜色动态变化的圈中圈效果

封装属于自己的JS组件

jQuery实现可以控制图片旋转角度效果（附demo源码下载）

不用一句js代码初始化组件

jQuery+css3实现转动的正方形效果（附demo源码下载）

jQuery实现的分子运动小球碰撞效果

jQuery+css实现的时钟效果（兼容各浏览器）