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

JavaScript DOM 对象深入了解

2016年07月29日 16 阅读

什么叫DOM，DOM是文档对象模型（Document Object Model，是基于浏览器编程（在本教程中，可以说就是DHTML编程）的一套API接口，W3C出台的推荐标准，每个浏览器都有一些细微的差别，其中以Mozilla的浏览器最与标准接近。单纯的Javascript要结合DOM才能做DHTML编程，才能做出漂亮的效果、应用于WEB。这点几乎与其它的语言无异，正如C/C++需要库支持是一样的道理。否则就是单纯的在语法上做研究了。我们最为关心的是，DO...

JavaScript中数组的22种方法必学（推荐）

2016年07月29日 12 阅读

前面的话数组总共有22种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍对象继承方法数组是一种特殊的对象，继承了对象Object的toString（）、toLocaleString（）和valueOf（）方法【toString（）】 toString（）方法返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符...

javaScript给元素添加多个class的简单实现

2016年07月29日 15 阅读

javaScript给元素添加多个class的简单实现<html> <head> <style type="text/css"> .div2{ font-size:16px; color:orange; } .div3{ font-size:20px; color:blue; } <style> <sc...

JCrop+ajaxUpload 图像切割上传的实例代码

2016年07月29日 13 阅读

先给大家展示下效果图：页面代码里面用户的uuid是写死的test<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><！DOCTYPE><html lang="en"><head><title>用户头像剪裁</title><meta http-equiv="Co...

JQuery为元素添加样式的实现方法

2016年07月29日 17 阅读

由于jquery支持css3，所有能很好的兼容很多浏览器，所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式$（"span"）.css（"css属性名","属性值"）如 $（"span"）.css（"color","red"）将标签为span的字体都设为红色的$（"#id"） $（"span"）如果是定义好的css样式，可以通过addClass来添加，比如<style type="text/css">...

js只执行1次的函数示例

2016年07月29日 15 阅读

在我们日常开发的时候，经常会碰到一种这样的情况：想让某个函数只执行一次，特别是在一些循环或定时执行的时候。废话不多说，直接上代码：function runOnce（fn, context） { //控制让函数只触发一次return function （） {try {fn.apply（context || this, arguments）;}catch （e） {console.error（e）;//一般可以注释掉这行}finally {fn = null...

Node.js如何自动审核团队的代码

2016年07月29日 12 阅读

前言在团队开发中，无论是写前端（js,css,html），还是后端，我们常常需要解决一个问题：如何统一团队代码风格。这篇文章主要是使用pre-git , eslint , js-beautify 实现代码风格控制。下面分别介绍这三个工具和使用方式：pre-git该工具能实现git hook的功能，在git的流程中插入一些自定义行为，例如commit之前执行代码检测，如果不通过则报错。eslint代码格式审核工具，可以随意组合配置各种风格，用于组成团队...

javascript和jQuery实现网页实时聊天的ajax长轮询

2016年07月29日 17 阅读

介绍大家都知道，HTTP协议是一个属于应用层的面向对象的协议，HTTP 协议一共有五大特点：1、支持客户/服务器模式;2、简单快速;3、灵活;4、无连接;5、无状态。所以一次的请求都是一个单独的事件，和前后都没有联系。所以我们在解决网页实时聊天时就遇到一个问题，如何保证与服务器的长时间联系，从而源源不段地获取信息。一直以来的方式无非有这么几种：1、长连接，即服务器端不断开联系，PHP服务器端用ob系列函数来不停的读取输出，但是相当耗费服务器资源。2、Fla...

JS for循环中i++ 和 ++i的区别介绍

2016年07月29日 14 阅读

平时都是这样写的for循环，for（var i = 0; i < 20 ; i++）{ .... }但我看有的人这样写for （var i = 0; i < 20 ; ++i） {....}这样会对for循环有什么影响？1.在for里好像没啥区别...但是用在赋值的时候, 就有区别了...var a = 1;var b = a++;var c = 1;var d = ++c;console.log（b,d）; // 1, 2 a++ 是先应用a...

jQuery新窗口打开外链接

2016年07月29日 13 阅读

对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。$（document）.on（"click","a",function（）{var url = this.href,hash="";if（url.indexOf（"#"）>-1）{hash = ！！url.split（"#"）[1] ?...

浅谈DOCTYPE对$（window）.height（）取值的影响

2016年07月29日 16 阅读

前言:公司项目需要用到一个弹框垂直居中，网上类似的垂直居中弹出层大同小异，因为项目是基于Jquery 下的，所以用$（window）.height（）-layer.height（））/2 +$（document）.scrollTop（）取得垂直的位移。测了各种浏览器没问题，后台人员移值到项目中后，出问题了，当页面超出一屏时，在 chrome和FF下，弹出框不是在当前屏的垂直居中，而是相对于整个网页的居中。查阅各方资料，所有结论都指出：1.窗口高度，$（wi...

picLazyLoad 实现图片延时加载（包含背景图片）

2016年07月29日 18 阅读

如下所示：/** * picLazyLoad 图片延时加载，包含背景图片 * $（img）.picLazyLoad（{...}） * data-original 预加载图片地址 * alon */;（function（$）{$.fn.imgLazyLoad = function（settings）{var $this = $（this）,_winScrollTop = 0,_winHeight = $（window）.height（）;settings =...

jQuery的ajax下载blob文件

2016年07月29日 18 阅读

乍一听有点蒙，之前用ng和react时也写过类似的功能，但是很顺利（所以忘记具体细节了）。jquery为啥会不行呢？看了一下具体场景，发现原来jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析了。查了一下gg，发现国内的解决方案就是在该场景下不实用jq，而是自己手动创建XMLHttpRequest。虽然这个方法很可靠，但之前封装的jq的ajax就不能使用了。查了查jq的文档，本打算自己根据jq提供的jQuery.ajaxSetup（）...

完美JQuery图片切换效果的简单实现

2016年07月29日 13 阅读

效果如下：css：body { font-family:"Microsoft Yahei"; }body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;}img{vertical-align: top;}/***大图切换***/.scroll_view{margin: 0px auto;overflow:hidden;position: relative;}.photo_vi...

JavaScript 数组- Array的方法总结（推荐）

2016年07月29日 12 阅读

JavaScript中的Array类型是经常用到的，Array类型也提供了很多方法能实现我们需求，下面我们来总结一下一、创建Array的方法var colors=new Array（）;var colors=new Array（3）;//创建一个长度为3的数组var colors=new Array（"red","blue"）//创建一个数组["red","blue"]当然，上面的new可以省略不写，如 var colors=Array（"red"）;2、...

jQuery表单验证插件解析（推荐）

2016年07月29日 16 阅读

一：插件（1） Validform_v5.3.1_min.js Validform_Datatype.js（2）网址：http://validform.rjboy.cn 在这个网站上有demo和插件下载链接。二：普通验证（1）Validform_Datatype.js/*Validform datatype extensionBy sean during December 8, 2012 - February 20, 2013For more info...

AngularJs基本特性解析（一）

2016年07月29日 16 阅读

现在的前端项目中基本上都会用到angularjs框架，之前并不了解这个框架，也是因为最近接手的项目，所以打算好好的学习下它。之前都是搞pc端，现在接手的是移动端的项目，移动端UI框架用的是ionic＋vordova，没有用bootstrap，主要做的是ios+安卓的app界面，ionic这个框架也不太了解，也需要花时间好好熟悉下。angularjs学习小白一枚，欢迎大神指正。AngularJs是什么？简单来说，即javascript的一个框架，通过scri...

如何用JS判断两个数字的大小

2016年07月29日 13 阅读

前言：在判断之前我们要先知道，js中的var定义的变量默认是字符串，如果单纯的比较字符串的话，会出现错误，需要先转化为int类型在做比较。【备注：110和18在你写的程序中是18大的，因为这两个数都是字符串，而1和1相等之后比较1和8，当然是8大，所以18大。你在比较之前转换成INT型在比。 if（parseInt（num2）>parseInt（num1））】错误实例：<script>function check（）{var num...

javascript实现滚动效果的数字时钟实例

2016年07月29日 15 阅读

网上关于javascript实现数字时钟效果的实例很多，但是本文给大家介绍的是滚动效果的数字时钟。小编觉得效果很炫，下面分享给大家。先来看看很炫的效果下面是代码实例javascript代码部分：window.onload=function（）{function toDou（n）{return n<10?"0"+n:""+n;}var oImg=document.getElementsByTagName（"img"）;setInterval（c...

jQuery实现鼠标经过购物车出现下拉框代码（推荐）

2016年07月29日 13 阅读

这一段时间在学习web前端，最近学了jQuery库,深感其强大，下面通过写购物车的下拉框做法，把自己的理解和大家交流一下，欢迎各位大神指点指正，废话不多说，开始正题：购物车html:<！-- 购物车 start --><div class="shopping" id="shopping-box"><a href="" id="shoptext"><i class="iconfont">&l...

首页 / 脚本样式 / JavaScript

JavaScript DOM 对象深入了解

JavaScript中数组的22种方法必学（推荐）

javaScript给元素添加多个class的简单实现

JCrop+ajaxUpload 图像切割上传的实例代码

JQuery为元素添加样式的实现方法

js只执行1次的函数示例

Node.js如何自动审核团队的代码

javascript和jQuery实现网页实时聊天的ajax长轮询

JS for循环中i++ 和 ++i的区别介绍

jQuery新窗口打开外链接

浅谈DOCTYPE对$（window）.height（）取值的影响

picLazyLoad 实现图片延时加载（包含背景图片）

jQuery的ajax下载blob文件

完美JQuery图片切换效果的简单实现

JavaScript 数组- Array的方法总结（推荐）

jQuery表单验证插件解析（推荐）

AngularJs基本特性解析（一）

如何用JS判断两个数字的大小

javascript实现滚动效果的数字时钟实例

jQuery实现鼠标经过购物车出现下拉框代码（推荐）