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

Html5 js实现手风琴效果

2017年02月06日 88 阅读

使用H5实现横向的手风琴功能<！DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style> * {padding: 0;margin: 0; } div {width: 522px;height: 222px;margin: 50px auto;border: 1px s...

jQuery验证表单格式的使用方法

2017年02月06日 87 阅读

工作之余整理一些工作中编写的代码，记录自己工作中的技术要点，便于自己记忆已经整合。以下是关于此jQuery验证的一些标记以及使用方法：整个js代码都放入jquery_validate_1.1.0.js中，通过一个匿名函数，jQuery的扩展方法，扩展方法为：initValidate函数，方法中带一个options配置参数，目前配置参数只有一个属性，{handlerUrl：""}，提供是否需要后台请求验证的url地址。只需要对取验证的DOM绑定$（"ID"...

详解vue之页面缓存问题（基于2.0）

2017年02月06日 72 阅读

比如有一个列表页面，然后列表每项都有一个详情，之前用vue1.x的时候，页面缓存基本没有什么问题。在vue2.0中出现了列表页面是每次都重新加载数据，但是详情页面却只在第一次加载的时候调用数据，如果返回到列表再进入详情那么页面是不会重新渲染页面，可能是新手吧，这个问题困扰了我很久，一直没有办法解决…… 根据vue-router的官方文档所说，watch: {// 如果路由有变化，会再次执行该方法"$route": "fetchData" }按照这样写了，...

JavaScript获取键盘按键的键码（参照表）

2017年02月06日 115 阅读

简介：JS获取键盘按键的键码event.keyCode，记录-方便查找。1、键盘各按键对应的数字2、键盘码使用2.1、原生js使用JavaScriptdocument.onkeyup=function（event）{ vare=event?event:window.event; if（e.keyCode==13）{//旧版火狐、Opera请使用e.whichalert（"您按了回车键。"）; }};2.2、jQuery使用JavaScript$（d...

Vue.js Ajax动态参数与列表显示实例

2017年02月06日 84 阅读

一、动态参数显示 ajax异步请求后，接收到返回的data参数并显示在前端 1.1 引入js，也加入了jQuery<script type="text/javascript" src="/js/vue.min.js"></script><script type="text/javascript" src="/js/jquery-2.1.3.js"></script>1.2 html<div id="ap...

JavaScript三种绑定事件方式及相互之间的区别分析

2017年02月06日 83 阅读

本文实例讲述了JavaScript三种绑定事件方式及相互之间的区别。分享给大家供大家参考，具体如下：JavaScript三种绑定事件的方式：1.<div id="btn" onclick="clickone（）"></div> //直接在DOM里绑定事件<script>function clickone（）{ alert（"hello"）; }</script>2.<div id="btn">&l...

ajax实现动态下拉框示例

2017年02月06日 128 阅读

许多页面上都涉及有下拉框，即select标签。对于简单的下拉框，被选择的数据是不需要改变的，我们可以用<option></option>写死。这样下拉框的数据永远都是那几条。示例：<select> <option>信息一</option> <option>信息二</option> <option>信息三</option> <option>...

jQuery使用ajax方法解析返回的json数据功能示例

2017年02月06日 111 阅读

本文实例讲述了jQuery使用ajax方法解析返回的json数据功能。分享给大家供大家参考，具体如下：最近在用jQuery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，可有时候又不行。查了些资料,解释如下:$.ajax（{url: ajaxurl,type: "POST",success: function（data）{ //假设返回的json数据里有status及info2个属性 //有时...

微信JSAPI支付操作需要注意的细节

2017年02月06日 104 阅读

首先介绍一下我在调用微信支付接口使用的是 weixin.senparc SDK，非常方便好用开源的一个微信开发SDK。weixin.senparc SDK 官网：http://weixin.senparc.com/先去下载下来Senparc.Weixin SDK。在调起支付接口之前，需要先要调用统一下单接口，商户系统先调用该接口在微信支付服务后台生成预支付交易单，返回正确的预支付交易回话标识后再在APP里面调起支付。微信 JsApi支付在这个目录下 Se...

js实现背景图自适应窗口大小

2017年02月06日 75 阅读

话不多说，请看代码<script type="text/javascript"> window.onresize = window.onload = function（） {var w,bgImg;if（！！（window.attachEvent && ！window.opera）） { w = document.documentElement.clientWidth;} else { w = window.innerWidth;}if（w&g...

利用Query+bootstrap和js两种方式实现日期选择器

2017年02月06日 163 阅读

前言所谓日期选择是在下拉列表中选择年、月、日，年显示前后的五年，12个月，日就是有30、31、29、28天的区别，随着月份的变而变，本文介绍了利用Query+bootstrap和js实现日期选择器的两种方法，下面来一起学习学习吧。一、js方式的日期选择（1）首先就是三个下拉列表了，点击年、月、日显示列表中的内容，这样就是要给这三个列表加“点击事件”onclick<select id="nian" onclick="biantian（）"><...

浅谈Angular.js中使用$watch监听模型变化

2017年02月06日 84 阅读

$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch（watchExpression, listener, objectEquality）;每个参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如"name",或函数如function（）{return $scope.name}。listener:当watchExpression变化时会被调用的函数...

JS遍历对象属性的方法示例

2017年02月06日 91 阅读

本文实例讲述了JS遍历对象属性的方法。分享给大家供大家参考，具体如下：遍历JavaScript某个对象所有的属性名称和值的方法，这样想使用方法的时候非常的直观和方便。代码如下：/** 用来遍历指定对象所有的属性名称和值* obj 需要遍历的对象* author: Jet Mah*/function allPrpos （ obj ） {// 用来保存所有的属性名称和值var props = "" ;// 开始遍历for （ var p in obj ）{//...

Angular的$http的ajax的请求操作（推荐）

2017年02月06日 76 阅读

angular通过封装$http方法，封装了，ajax请求也通过$http封装了$http.get（）和$http.post（）的方法，这里由于图省事，这两种方法不如直接使用通用的方法这里先写一个案例，首先先写一个对象var req = {method: "POST",//请求的方式url: ip,//请求的地址headers: { "Content-Type": "application/x-www-form-urlencoded; charset=UT...

jquery 正整数数字校验正则表达式

2017年02月06日 141 阅读

限制用户输入的内容可以有如下做法：$（"#id"）.keyup（fucntion（）{//当键盘按下之后立即校验，并替换当前操作框中的内容 var value = $（this）.val（）; $（this）.val（value.replace（reg,replace_data））; }）; 最常见的就是限制用户只能录入数字var reg = new RegExp（"[^0-9]","g"）; [^0-9]表示非0-9之间的数字，g表示全局匹配，i表示不匹...

jQuery UI仿淘宝搜索下拉列表功能

2017年02月06日 85 阅读

jquery仿淘宝搜索下拉列表实现效果如下：网上搜索教程：<！doctype html><html lang="en"> <head><meta charset="utf-8" /><title>jQuery UI Autocomplete - Default functionality</title><link rel="stylesheet" href="http://cod...

jQuery操作复选框（CheckBox）的取值赋值实现代码

2017年02月06日 122 阅读

1. 获取单个checkbox选中项（三种写法）：$（"input:checkbox:checked"）.val（）或者$（"input:[type="checkbox"]:checked"）.val（）; 或者$（"input:[name="ck"]:checked"）.val（）; 2. 获取多个checkbox选中项：$（"input:checkbox"）.each（function（） { if （$（this）.attr（"checked"） ...

微信小程序地图map详解及简单实例

2017年02月06日 110 阅读

微信小程序地图map微信小程序map地图属性名类型默认值说明longitudeNumber中心经度latitudeNumber中心纬度scaleNumber1缩放级别markersArray标记点coversArray覆盖物标记点标记点用于在地图上显示标记的位置，不能自定义图标和样式属性说明类型必填备注latitude纬度Number是浮点数，范围 -90 ~ 90longitude经度Number是浮点数，范围 -180 ~ 180name标注点名St...

VUE JS 使用组件实现双向绑定的示例代码

2017年02月06日 86 阅读

1.VUE 前端简单介绍 VUE JS是一个简洁的双向数据绑定框架，他的性能超过ANGULARJS,原因是实现的机制和ANGULARJS 不同，他在初始化时对数据增加了get和set方法，在数据set时，在数据属性上添加监控，这样数据发生改变时，就会触发他上面的watcher，而ANGULARJS 是使用脏数据检查来实现的。另外VUEJS 入门比ANGULARJS 简单，中文文档也很齐全。2.组件实现在使用vue开发过程中，我们会需要扩展一些组件，在表单中...

JS实现的表头列头固定页面功能示例

2017年02月06日 99 阅读

本文实例讲述了JS实现的表头列头固定页面功能。分享给大家供大家参考，具体如下：这里的示例演示了一个table页面,并固定表头或者列头,以达到excel冻结列的效果,主要使用的js的scrollTop,scrollLeft.一.js中scrollTop及scrollLeft的使用说明scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。例如:外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外...

首页 / 脚本样式 / JavaScript

Html5 js实现手风琴效果

jQuery验证表单格式的使用方法

详解vue之页面缓存问题（基于2.0）

JavaScript获取键盘按键的键码（参照表）

Vue.js Ajax动态参数与列表显示实例

JavaScript三种绑定事件方式及相互之间的区别分析

ajax实现动态下拉框示例

jQuery使用ajax方法解析返回的json数据功能示例

微信JSAPI支付操作需要注意的细节

js实现背景图自适应窗口大小

利用Query+bootstrap和js两种方式实现日期选择器

浅谈Angular.js中使用$watch监听模型变化

JS遍历对象属性的方法示例

Angular的$http的ajax的请求操作（推荐）

jquery 正整数数字校验正则表达式

jQuery UI仿淘宝搜索下拉列表功能

jQuery操作复选框（CheckBox）的取值赋值实现代码

微信小程序 地图map详解及简单实例

VUE JS 使用组件实现双向绑定的示例代码

JS实现的表头列头固定页面功能示例

微信小程序地图map详解及简单实例