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

javascript使用 concat 方法对数组进行合并的方法

2017年02月06日 39 阅读

在介绍前，抛出一个问题：如何将多个数组合并为一个数组？以下的分享会分为如下小节：1.concat方法的基础介绍2.从实例中感受concat方法1.concat方法的基础介绍 concat方法用于多个数组的合并。它将新数组的成员，添加到原数组的尾部，然后返回一个新数组，原数组不变。console.log（[].concat（[1],[2],[3]））; // [1, 2, 3]console.log（[].concat（[[1],[2],[3]]））; /...

AngularJS 实现JavaScript 动画效果详解

2017年02月06日 36 阅读

AngularJS 应用中实现 JavaScript 动画效果AngularJS 是一组用于创建单页Web应用的丰富框架，给构建丰富交互地应用带来了所有需要的功能。其中一项主要的特性就是Angular带来了对动画的支持。我们能够在应用的部分内容当中使用动画来表明一些变化正在发生。在我上一篇文章当中，我讲到了在Angular应用中对CSS动画的支持。在这篇文章当中，我们会看到怎样利用JavaScript脚本在AngularJS应用当中生成动画效果。在Angu...

利用Vue.js指令实现全选功能

2017年02月06日 38 阅读

因为刚开始接触vue不久，全选的实现参考了知乎上的实现方法： 1、从服务器拿到数据，为每个item设置checked属性 2、计算选中的数量selectCount,如果选中的数量与selectItems的数量相等，则全选selectAll选中 3、点全选时，将每个item的checked属性置为true，反选时置为false， 4、每次selectItems的属性发生变化时，都将checked的为true的item放入数组checkedGroups中下面为...

Angularjs 实现一个幻灯片示例代码

2017年02月06日 38 阅读

基于angularjs制作的幻灯片演示地址npm方式安装npm install angularjsSlider使用方法第一步（引入）require（"angularjsSlider"）（moduleName）;//引入第二步（参数配置）类型说明dataArray幻灯片图片数据 [{img: "1.jpg",link:"#"}...]timerNumber幻灯片切换间隔timer="2"btn-leftString左侧切换按钮btn-left="#btnle...

JS图片放大效果简单实现代码

2017年02月06日 41 阅读

本文实例为大家分享了JS实现图片放大效果，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style type="text/css"> #div1 { width:300px; height:300px; positio...

jQuery实现邮箱下拉列表自动补全功能

2017年02月06日 37 阅读

记得，在上个项目中，遇到这样一个需求，网站要求填写邮箱的时候，还没有填写完，就会出现一系列下拉列表，帮助自动补全邮箱的功能。今天小编给给大家分享下我基于jquery是怎么实现此功能的！功能简述•填写邮箱名字，出现下拉列表，自动补全邮箱•点击上下按键，选取下拉列表邮箱•按回车键，选中列表内容，隐藏下拉列表•鼠标经过，下拉列表选项设置为高亮•鼠标点击，选中下拉列表选项，隐藏下拉列表HTMLHTML代码...

Boostrap基础教程之JavaScript插件篇

2017年02月06日 41 阅读

Boostrap提供了12种JavaScript插件，包括：动画过渡 Transition模态 Modal下拉菜单 Dropdown滚动侦测 Scrollspy选项卡 Tab提示框 Tooltip弹出框 Popover警告框 Alert按钮 Button折叠 Collapse旋转轮播 Carousel自动定位浮标 Affix模态弹窗<div class="modal show"><div class="modal-dialog">&...

前端弹出对话框 js实现ajax交互

2017年02月06日 39 阅读

原本计划实现这样一个需求：前台点击触发某业务动作，需要用户补充信息，不做跳转页面，弹窗的形式进行补充信息。折腾出来了，但是最终没有用到。代码还有些毛躁，提供大概实现逻辑。实现思路：在窗口铺上蒙板以屏蔽原窗口功能按钮操作，在蒙板上层绝对定位实现弹窗，弹窗中的数据交互采用ajax方式。出发弹窗事件用onclick.关键细节：弹窗和原窗体本质是同页面，为了描述方便，姑且称底层窗体为父窗体，弹窗为子窗体。为了实现字父窗体的交互，需要在父窗体中做一些特别标签，...

javascript 四十条常用技巧大全

2017年02月06日 38 阅读

1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return（false）>< td>no< /table> 可用于 Table 2. 取消选取、防止复制<span class="tag" style="color:rgb（0,0,128）">< <span class="...

jQuery简单创建节点的方法

2017年02月06日 38 阅读

本文实例讲述了jQuery简单创建节点的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min.js"&g...

js判断所有表单项不为空则提交表单的实现方法

2017年02月06日 42 阅读

demo1.html<html><head><title>提交表单页</title><script type="text/javascript">function myCheck（）{for（var i=0;i<document.form1.elements.length-1;i++）{ if（document.form1.elements[i].value==""） { alert（"当前...

js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码

2017年02月06日 44 阅读

JS 控制文本框只能输入数字<input onkeyup="value=value.replace（/[^0-9]/g,""）"onpaste="value=value.replace（/[^0-9]/g,""）" oncontextmenu ="value=value.replace（/[^0-9]/g,""）">JS 控制文本框只能输入数字、小数点<inputonkeyup="value=value.replace（/[^-9.]/g...

jQuery查找节点并获取节点属性的方法

2017年02月06日 44 阅读

本文实例讲述了jQuery查找节点并获取节点属性的方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min....

JS判断form内所有表单是否为空的简单实例

2017年02月06日 42 阅读

如下所示：function checkForm（）{ var input_cart=document.getElementsByTagName_r（"INPUT"）; for（vari=0;i<input_cart.length;i++）{if（input_cart[i].value==""||input_cart[i].value==null）{alert（"信息不能为空！"）;input_cart[i].focus（）;return （false...

Vue.js动态组件解析

2017年02月06日 37 阅读

本篇资料来于官方文档：http://cn.vuejs.org/guide/components.html#u52A8_u6001_u7EC4_u4EF6本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更适合新手阅读①简单来说：就是几个组件放在一个挂载点下，然后根据父组件的某个变量来决定显示哪个，或者都不显示。②动态切换：在挂载点使用component标签，然后使用v-bind:is=”组件名”，会自动去找匹配的组件名，如果没有，则不显示；...

jQuery内容过滤选择器用法示例

2017年02月06日 41 阅读

本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript"&g...

Vuejs第十一篇组件之slot内容分发实例详解

2017年02月06日 42 阅读

什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。Slot分发内容①概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。②默认情况下父组件在子组件内套的内容，...

老生常谈JQuery data方法的使用

2017年02月06日 40 阅读

（-1）说明我用的是chrome49，这个方法涉及到JQuery版本问题，我手里有3.0的，有1.9.1，后面将1.9.1及其以前的称为低版本，3.0称为高版本测试例子用到的showMessage方法如下showMessage.i = 0; function showMessage（object） { var body = $（"body"）[0]; var $p =$（"#debugp"）; if（$p.length==0） { $...

jQuery子元素过滤选择器用法示例

2017年02月06日 39 阅读

本文实例讲述了jQuery子元素过滤选择器用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="js/jquery-1.10.1.min.js" type="text/javascript"&...

Ajax使用原生态JS验证用户名是否存在

2017年02月06日 38 阅读

直接上代码: reg_ajax.html<！DOCTYPE html><html><head><meta charset="UTF-8"><title>Ajax请求servlet实现用户名是否存在验证</title></head><body><script type="text/javascript">/*** 得到XMLHttpRequest对象*...

首页 / 脚本样式 / JavaScript

javascript使用 concat 方法对数组进行合并的方法

AngularJS 实现JavaScript 动画效果详解

利用Vue.js指令实现全选功能

Angularjs 实现一个幻灯片示例代码

JS图片放大效果简单实现代码

jQuery实现邮箱下拉列表自动补全功能

Boostrap基础教程之JavaScript插件篇

前端弹出对话框 js实现ajax交互

javascript 四十条常用技巧大全

jQuery简单创建节点的方法

js判断所有表单项不为空则提交表单的实现方法

js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码

jQuery查找节点并获取节点属性的方法

JS判断form内所有表单是否为空的简单实例

Vue.js动态组件解析

jQuery内容过滤选择器用法示例

Vuejs第十一篇组件之slot内容分发实例详解

老生常谈JQuery data方法的使用

jQuery子元素过滤选择器用法示例

Ajax使用原生态JS验证用户名是否存在