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

浅析javascript中的Event事件

2017年02月06日 75 阅读

1、焦点：当一个元素有焦点的时候，那么他就可以接受用户的输入（不是所有元素都能接受焦点）给元素设置焦点的方式： 1、点击 2、tab 3、js2、（例子：输入框提示文字） onfocus:当元素获取焦点时触发： element.onfocus = function（）{}; onblur:当元素失去焦点时触发： element.onblur = function（）{}; obj.focus（）给指定的元素设置焦点 obj.blur（）...

Angular.Js的自动化测试详解

2017年02月06日 67 阅读

本文着重介绍关于ng的测试部分，主要包括以下三个方面：框架的选择（Karma+Jasmine）测试的分类和选择（单元测试 + 端到端测试）在ng中各个模块如何编写测试用例下面各部分进行详细介绍。测试的分类在测试中，一般分为单元测试和端到端测试，单元测试是保证开发者验证代码某部分有效性的技术，端到端（E2E）是当你想确保一堆组件能按事先预想的方式运行起来的时候使用。其中单元测试又分为两类： TDD（测试驱动开发）和BDD（行为驱动开发）。下面着重介绍两种开发...

适用于手机端的jQuery图片滑块动画

2017年02月06日 71 阅读

本文实例为大家分享了基于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.org/1999/x...

利用D3.js实现最简单的柱状图示例代码

2017年02月06日 98 阅读

首先把效果图放出来：具备了一个柱状图的基础元素：柱形，坐标轴，刻度，数值等。不得不说，d3.js比直接用的echarts更麻烦，但是确实更自由。来看看如何实现吧。//确定画布的大小var width = 400;var height = 400;//在 body 里添加一个 SVG 画布 var svg = d3.select（"body"）.append（"svg"）.attr（"width", width）.attr（"height", height）...

解析微信JS-SDK配置授权，实现分享接口

2017年02月06日 129 阅读

微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包，最直接的好处就是我们可以使用微信分享、扫一扫、卡券、支付等微信特有的能力。7月份的时候，因为这个分享的证书获取问题深深的栽了一坑，后面看到“config:ok”的时候真的算是石头落地，瞬间感觉世界很美好..这篇文章是微信开发的很多前置条件，包括了服务端基于JAVA的获取和缓存全局的access_token，获取和缓存全局的jsapi_ticket，以及前端配置授权组件封装，调用分享组件封...

利用jQuery.Validate异步验证用户名是否存在（推荐）

2017年02月06日 67 阅读

HTML头部引用：<script type="text/JavaScript" src="../js/jQuery-1.3.2.min.js"></script><script type="text/javascript" src="../js/jquery.validate.min.js"></script><script type="text/javascript" src="../js/messa...

任意Json转成无序列表的方法示例

2017年02月06日 73 阅读

前言不知道大家有没有发现，在网上很多树状插件都是需要固定格式的Json，但自己在生成Json的时候没考虑这些，所以就只能自己拼接字符串来生成无序列表.比如：{ "顶层菜单1":[ {"domain":"顶层菜单1","runType":"background","moduleName":"子菜单","memo":"描述","srcFile":"","depends":[] } ], "顶层菜单2":[ {"domain":"顶层菜单2","runType"...

jQuery Validate设置onkeyup验证的实例代码

2017年02月06日 82 阅读

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。下面给大家分享一段jquery validate 设置onkeyup验证的代码，具体代码如下所示：代码如下所示：<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程（runoob.co...

Bootstrap table使用方法详细介绍

2017年02月06日 131 阅读

bootstrap-table是一个非常好用的表格插件，提供了很多工具及分页、搜索等功能。首先我们需要下面几个文件，<span style="font-size:18px;"><！-- bootstrap table --> <script type="text/javascript" src="${pageContext.request.contextPath}/res/jquery-1.10.2/jquery.js">...

利用JS实现页面删除并重新排序功能

2017年02月06日 77 阅读

首先，用jqury选择器，选中勾选的行：var cks = $（"#indicator_table"）.find（"input[type="checkbox"]:checked"）;然后弹出一个确认是否删除框，为是否删除框中的确定绑定一个delInd（）事件；先在页面把选中的那一行，remove或者html（“ ”）掉，$（"#indicator_table"）.find（"input[type="checkbox"]:checked"）.each（fun...

js实现一个可以兼容PC端和移动端的div拖动效果实例

2017年02月06日 74 阅读

前段时间写了一个简单的div拖动效果，不料昨天项目上正好需要一个相差不多的需求，就正好用上了，但是在移动端的时候却碰到了问题，拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。还有一点要注意的是在PC端获取当前鼠标的坐标是：event.clientX和event.clientY...

JS判断是否手机或pad访问实现方法

2017年02月06日 79 阅读

JS判断是否手机或pad访问实现方法 S判断是否手机或pad访问方面的内容，对于利用JS判断是否手机或pad访问感兴趣的同学可以看下，直接上代码： <script type="text/javascript">/** 智能机浏览器版本信息:**/var browser={versions:function（）{var u = navigator.userAgent, app = navigator.appVersion;return {//...

微信小程序之仿微信漂流瓶实例

2017年02月06日 96 阅读

周末找事做做.看到微信里有个漂流瓶.试着敲了敲.这里是用leancloud做后台.涉及到语音和文字的储存,查询.自己不会写后台代码,对于我算是个福利.欢迎交流！下面带图说模块:1.主页面三个button.不多说了.别吐槽这画风.哈哈哈.2.编辑漂流瓶内容内容可以是语音,也可以是文字.随意切换.这里是语音的.录音完成后直接扔出去.3.捡一个漂流瓶有两种情况.一是没有捡到.就是一个海星;二是捡到了.语音或者是文字.1.海星2.捡到了漂流瓶2.1 获取到文字.弹...

详解自动生成博客目录案例

2017年02月06日 106 阅读

前面的话有朋友在博客下面留言，询问博客目录是如何生成的。接下来就详细介绍实现过程操作说明关于博客目录自动生成，已经封装成catalog.js文件，只要引用该文件即可 //默认地，为页面上所有的h3标签生成目录 <script src="http://files.cnblogs.com/files/xiaohuochai/catalog.js"></script> //或者，为页面上所有class="test"的标签生成目录 <...

Canvas 制作动态进度加载水球详解及实例代码

2017年02月06日 116 阅读

Canvas 动态进度加载水球前言之前看到一些球型的动态加载的效果，一直想自己动手做一个，正好这段时间重温了一个Canvas，所以就尝试了一下。实现思路关于水波的实现，使用了sin（）函数，通过每一帧不断的移动sin（）函数曲线，实现水波动态效果。然后，通过绘制圆形路径，进行clip（），实现球型效果。sin（）函数相关这里说一下sin（）函数的相关基础，对于绘制水波的影响。看一下图，回顾一下中学sin（）函数的基础。从图中可以看出，当函数为sin（x）时...

javascript动画之磁性吸附效果篇

2017年02月06日 105 阅读

前面的话上一篇，我们介绍了javascript动画之模拟拖拽效果篇。但在实际应用中，常常需要为拖拽的元素限定范围。而通过限定范围，再增加一些辅助的措施，就可以实现磁性吸附的效果范围限定如果我们限定元素只可以在可视范围内移动，那么就需要对其进行范围限定首先，先要搞清楚是可视区域限定被拖拽元素左侧范围L0 = 0 右侧范围R0 = document.documentElement.clientWidth 上侧范围T0 = 0 下侧范围B0 =...

JS实战篇之收缩菜单表单布局

2017年02月06日 65 阅读

获取节点的两种方式： 1、通过event对象的srcElement属性； 2、通过事件源对象用this传入。代码如下：<html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>收缩菜单 · 表单布局</title><script type="text/javascript">...

JS 循环li添加点击事件（闭包的应用）

2017年02月06日 61 阅读

废话不多说了，直接给大家贴代码了，具体代码如下所述： var aLi = document.querySelectorAll（".article-tab li"）; for （var i = 0; i <= aLi.length; i++） {（function（）{ var p = i aLi[i].onclick = function（） {alert（p）; }}）（）; }以上所述是小编给大家介绍的JS 循环li添加点击事件（闭包的应用），...

jQuery Ajax请求后台数据并在前台接收

2017年02月06日 67 阅读

1、前台使用jQuery ajax请求$.ajax（{url: "r_getRolePer.action",dataType:"json", data: {userId:"1"}, //请求的附加参数，用json对象method:"POST",success: function（data）{$.messager.alert（"消息",data.add,""）;//这里使用的时easyui的格式},}）;2、在action里面使用response.getWr...

BootStrap中<li role=

2017年02月06日 68 阅读

最近在学习bootstrap3.3.5，遇到一个问题搞不清楚<li role="presentation">到底什么含义？网上到处查国内资料很少，没有表达最贴切含义，在GitHub 查到了相关资料结合“图灵计算机词汇”在图灵计算机词汇里也可以查询其含义：presentation n. 【Web】表现层；[计] 简报，列表单；【通用软件】演示（来源：图灵计算机词汇表）；n. 赠与，赠送，描述，简述，介绍，陈述，表达；[医] 先露，表象（心理）；[...

首页 / 脚本样式 / JavaScript

浅析javascript中的Event事件

Angular.Js的自动化测试详解

适用于手机端的jQuery图片滑块动画

利用D3.js实现最简单的柱状图示例代码

解析微信JS-SDK配置授权，实现分享接口

利用jQuery.Validate异步验证用户名是否存在（推荐）

任意Json转成无序列表的方法示例

jQuery Validate设置onkeyup验证的实例代码

Bootstrap table使用方法详细介绍

利用JS实现页面删除并重新排序功能

js实现一个可以兼容PC端和移动端的div拖动效果实例

JS判断是否手机或pad访问实现方法

微信小程序之仿微信漂流瓶实例

详解自动生成博客目录案例

Canvas 制作动态进度加载水球详解及实例代码

javascript动画之磁性吸附效果篇

JS实战篇之收缩菜单表单布局

JS 循环li添加点击事件 （闭包的应用）

jQuery Ajax请求后台数据并在前台接收

BootStrap中&lt;li role=

JS 循环li添加点击事件（闭包的应用）

BootStrap中<li role=