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

js从数组中删除指定值（不是指定位置）的元素实现代码

2017年02月06日 42 阅读

引用自百度知道里面的一个问答例如数组{1,2,3,4,5}要把数组里面的3删除得到{1,2,4,5}js代码：<script type="text/javascript"> Array.pArray.prototype.indexOf = function（val） { //prototype 给数组添加属性for （var i = 0; i < this.length; i++） { //this是指向数组，this.length指的数...

javascript表单控件实例讲解

2017年02月06日 40 阅读

本文实例为大家分享js表单控件多个实例讲解，供大家参考，具体内容如下实例一：遍历表单的所有控件<script type="text/javascript">//遍历表单的所有控件function getValues（）{var f = document.forms[0]; //获取表单DOMvar elements = f.elements; //获取所有的控件数组var str = "";//拼接字符串//循环遍历for（var i=0; i...

JavaScript鼠标特效大全

2017年02月06日 34 阅读

本文实例为大家分享了js鼠标特效实例代码，供大家参考，具体内容如下实例一：禁用鼠标右键<script type="text/javascript">//为文档的鼠标按下事件定义回调document.onmousedown = function（event）{//判断事件的值是否为鼠标右键if （event.button == 2）{alert（"禁用鼠标右键！"）;//提示用户禁用鼠标右键}}</script>0 没按键 1 按左键...

利用bootstrapValidator验证UEditor

2017年02月06日 40 阅读

我们的项目使用了bootstrapValidator来作为前端校验，但是表单里面有一个UEditor，它用bootstrapValidator是没有效果的，为了页面风格统一，只要修修改改咯首先来看一下修改后的效果上面的UEditor是我们的业务需要调整成这样的，首先我们我们先把基本的结构写一写<form style="padding-top:15px;width:100%" id="defaultForm"><div class="col...

一步一步封装自己的HtmlHelper组件BootstrapHelper（二）

2017年02月06日 40 阅读

前言：上篇介绍了下封装BootstrapHelper的一些基础知识，这篇继续来完善下。参考HtmlHelper的方式，这篇博主先来封装下一些常用的表单组件。关于BootstrapHelper封装的意义何在，上篇评论里面已经讨论得太多，这里也不想过多纠结。总之一句话：凡事有得必有失，就看你怎么去取舍。有兴趣的可以看看，没兴趣的权当博主讲了个“笑话”吧。BootstrapHelper系列文章目录C#进阶系列——一步一步封装自己的HtmlHelper组件：Boo...

Angular ng-repeat 对象和数组遍历实例

2017年02月06日 40 阅读

直接上代码<！DOCTYPE html><html><head><meta name="description" content="[Ngrepeat in obj and arr]"><script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script> <m...

一步一步封装自己的HtmlHelper组件BootstrapHelper（三）

2017年02月06日 44 阅读

前言：之前的两篇封装了一些基础的表单组件，这篇继续来封装几个基于bootstrap的其他组件。和上篇不同的是，这篇的有几个组件需要某些js文件的支持。BootstrapHelper系列文章目录C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHelperC#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHelper（二）C#进阶系列——一步一步封装自己的HtmlHelper组件：BootstrapHe...

Angularjs 制作购物车功能实例代码

2017年02月06日 39 阅读

初学angularJS 闲暇之余做了个小案例。功能：计算购物车商品的价格，以及删除购物车商品。以下是完整案例（jQuery和angularjs需要自己引入）<！doctype html><html ng-app="myApp"><head><meta charset="utf-8"><title>无标题文档</title><style>.cursors{cursor:poi...

JS组件系列之使用HTML标签的data属性初始化JS组件

2017年02月06日 39 阅读

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

AngularJS 所有版本下载地址

2017年02月06日 36 阅读

AngularJS官网本身采用AngularJS库构建，页面中的AngularJS库通过Google的CDN（内容分发网络）引入，所以国内访问会有问题。大家可以从下面地址获取AngularJS所以版本： https://code.angularjs.org/各种版本应有尽有，上图为证: 补充说明：每个目录下有对应版本的压缩包，下载压缩包即可更简单的方法：通过Npm包管理工具，或者Bower获取，请自行研究。以上就是AngularJS 版本下载的资料，后续...

Angular 应用技巧总结

2017年02月06日 43 阅读

angular的核心思想是通过数据驱动一切,其他东西都是数据的延伸.套用Javascript一切皆对象的思想,在angular中可以说一切皆数据. 关于项目构建（1） requirejs以及Yeoman 在刚开始接触或者使用Angular的时候,总会疑惑与类似的问题,我实践的答案是不需要requirejs或者Yeoman.前者不使用,因为angular本身有module的实现.后者是因为Angular组织结构以及项目构建完全不必要弄得如此繁杂,手写或者...

javascript经典特效分享手风琴、轮播图、图片滑动

2017年02月06日 38 阅读

最近都没有更，就来几个效果充实一下。都没有进行美化这步。纯css的手风琴：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手风琴css</title> <style> .showBox{width: 660px;overflow: hidden; }ul{ list-style: non...

Angular Module声明和获取重载实例代码

2017年02月06日 43 阅读

module是angular中重要的模块组织方式，它提供了将一组内聚的业务组件（controller、service、filter、directive…）封装在一起的能力。这样做可以将代码按照业务领域问题分module的封装，然后利用module的依赖注入其关联的模块内容，使得我们能够更好的”分离关注点“，达到更好的”高内聚低耦合“。”高内聚低耦合“是来自面向对象设计原则。内聚是指模块或者对象内部的完整性，一组紧密联系的逻辑应该被封装在同一模块、对象等代码...

Angularjs CURD 详解及实例代码

2017年02月06日 36 阅读

Angularjs CURD 前言基于一个手机端的项目使用了angularjs，硬着头皮去用，有很多的疑问还需要一一去验证，刚开始总是感觉找不到北，总是感觉有很多概念，而且似乎ng既夹杂MVC又夹杂MVVM的思想，忙里偷闲敲了个简单的CURD demo。当然顺着这个demo还可以延伸很多知识点，比如：带分页查询、连接后台数据库、调用WebApi、分层使用Servcice、Factory。效果图<script type="text/javasc...

浅谈jQuery效果函数

2017年02月06日 39 阅读

jQuery有很多的效果可以实现，比如说淡入淡出的效果：<html> <head><style>#box{width:200px;height:200px;background:red;opacity:1;}</style></head><body><div id="box"></div><input type="button" value="隐藏/显示"...

使用JQuery中的trim（）方法去掉前后空格

2017年02月06日 35 阅读

如下所示：function bt_submit（）{ var $title = $.trim（$（"#title"）.val（））; if（$title==""） {ShowMessage（"运营商名称不能为空","#ff0000"）;return; } document.all.form1.submit（）;}html代码如下：<tr><td width="18%" align="right">运营商名称：</td>&...

再谈javascript常见错误及解决方法

2017年02月06日 40 阅读

初学Javascript，每天总是被很小的问题折磨半天，今晚就有好几个小问题。第一：全部使用双引号造成匹配错误<input type="checkbox" onmouseover="document.getElementById（"test"）.style.display="none":"/>改行一直报错误：unexpected toke “}” 检查半天也没有发现错误，对照发现视频上是使用单引号<input type="checkbox...

js变量提升深入理解

2017年02月06日 36 阅读

JavaScript的函数定义有个特点，它会先扫描整个函数体的语句，把所有申明的变量“提升”到函数顶部："use strict";function foo（） {var x = "Hello, " + y;alert（x）;var y = "Bob";}foo（）;虽然是strict模式，但语句var x = "Hello, " + y;并不报错，原因是变量y在稍后申明了。但是alert显示Hello, undefined，说明变量y的值为undefine...

详细总结Javascript中的焦点管理

2017年02月06日 40 阅读

焦点元素到底哪些元素可以获得焦点呢？默认情况下，只有表单元素可以获得焦点。因为只有表单元素可以交互<input type="text" value="223">让非表单元素获得焦点也是有办法的，先将tabIndex属性设置为-1，再调用focus（）方法<div id="test" style="height:30px;width:100px;background:lightgreen">div</div><but...

详解Angular2中的编程对象Observable

2017年02月06日 36 阅读

前言RxJs提供的核心是Observable对象，它是一个使用可观察数据序列实现组合异步和事件编程。跟这个很类似的异步编程模型是Promise，Promise是基于状态变化的异步模型，一旦由等待状态进入成功或失败状态便不能再次修改，当状态变化时订阅者只能够拿到一个值；而Observable是基于序列的异步编程模型，随着序列的变化，订阅者可以持续不断的获取新的值。而且Promise只提供回话机制，并没有更多的操作来支持对结果的复杂处理，而Observable...

首页 / 脚本样式 / JavaScript

js从数组中删除指定值（不是指定位置）的元素实现代码

javascript表单控件实例讲解

JavaScript鼠标特效大全

利用bootstrapValidator验证UEditor

一步一步封装自己的HtmlHelper组件BootstrapHelper（二）

Angular ng-repeat 对象和数组遍历实例

一步一步封装自己的HtmlHelper组件BootstrapHelper（三）

Angularjs 制作购物车功能实例代码

JS组件系列之使用HTML标签的data属性初始化JS组件

AngularJS 所有版本下载地址

Angular 应用技巧总结

javascript经典特效分享 手风琴、轮播图、图片滑动

Angular Module声明和获取重载实例代码

Angularjs CURD 详解及实例代码

浅谈jQuery效果函数

使用JQuery中的trim（）方法去掉前后空格

再谈javascript常见错误及解决方法

js变量提升深入理解

详细总结Javascript中的焦点管理

详解Angular2中的编程对象Observable

javascript经典特效分享手风琴、轮播图、图片滑动