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

简单谈谈json跨域

2017年02月06日 11 阅读

这一篇文章呢，主要是之前一直听别人讲json跨域跨域，但是还是一头雾水，只知其一，于是一怒之下，翻阅各种资料，如果有不正确的地方，劳烦指正一下^_^首先，先了解浏览器有一个很重要安全性限制，即为同源策略：不同域的客户端脚本在无明确授权的情况下不能读些对方资源。跨域也就是不同源~简单的说，只要协议，端口，域名有一个不同，即为跨域！然而，当进行一些比较深入的前端编程的时候，不可避免地需要进行跨域操作，这时候“同源策略”就显得过于苛刻。解决方法：1.使用json...

深入探究JavaScript中for循环的效率问题及相关优化

2017年02月06日 11 阅读

Underscore.js库你一天（一周）内写了多少个循环了？var i;for（i = 0; i < someArray.length; i++） { var someThing = someArray[i]; doSomeWorkOn（someThing）;}这当然无害，但这种写法非常丑而且奇怪，这也不是真正需要抱怨的。但这种写法太平庸了。var i, j;for（i = 0; i < someArray.length; i++） { va...

Javascript数组Array基础介绍

2017年02月06日 12 阅读

Javascript，一门神奇的语言，它的数组也同样独特。我们要去其糟粕，取其精华，把常用的最优实践总结出来。如有错误，请指出。javascript数组是一种类数组的对象，拥有对象的特性。当属性名是小而连续的整数时，应该使用数组，否则，使用对象。数组来源所有的数组都是Array构造出来的，我们来测试一下constructor这个属性。var arr = [];arr.constructor === Array; // truearr.constructor...

GitHub上一些实用的JavaScript的文件压缩解压缩库推荐

2017年02月06日 10 阅读

项目里要用到archive和unarchive整个已存在的folder，在找解决方案的时候尝试了一些当前比较流行的library，主要有adm-zip, JSZip, archiver等。一.Use adm-zipadm-zip支持archive和unarchive一个或多个文件或者整个文件夹的功能，使用非常的简单方便。var adm_zip = require（"adm-zip"）;//creating archivesvar zip = new adm...

Javascript数组Array方法解读

2017年02月06日 13 阅读

接上一篇《Javascript数组Array基础介绍》，这一篇详细介绍Array的所有方法。所有数组的方法都定义在Array.prototype上,而Array.prototype本身也是一个数组。array.concat（）浅复制一份当前数组，并把接收到的参数附加到新数组的末尾。原数组不改变。语法array.concat（value1, value2, ..., valueN）参数为需要合并的数组或非数组值var arr1 = [1, 2, 3];var...

使用jQuery操作HTML的table表格的实例解析

2017年02月06日 11 阅读

最终效果图：简单来看一下其中的主要部分：HTML：.td_back_color { background-color: red; } .td_center { text-align: center; font-weight:bold; } CSS：<table id="tbl_count"> <caption>2013春节聚会收支统计</caption> <tr> <th>姓名</th&g...

JS中创建函数的三种方式及区别

2017年02月06日 12 阅读

1.函数声明function sum1（n1,n2）{return n1+n2;};2.函数表达式，又叫函数字面量var sum2=function（n1,n2）{return n1+n2;};两者的区别：解析器会先读取函数声明，并使其在执行任何代码之前可以访问；而函数表达式则必须等到解析器执行到它所在的代码行才会真正被解释执行。自执行函数严格来说也叫函数表达式，它主要用于创建一个新的作用域，在此作用域内声明的变量，不会和其它作用域内的变量冲突或混淆，大多...

node模块机制与异步处理详解

2017年02月06日 11 阅读

1.模块机制commonJS模块机制出现的目的是为了构建js在web服务器，桌面程序，浏览器等方面形成生态系统。而node js就是这种规范的一种实现，用requird来引入其他文件，同样，npm也遵循了commonJS定义的包规范，从而形成了一套完整的生态系统。模块定义并导出例如有如下一个名为circle.js的文件exports.getName = function（name） {return name}模块载入var circle = require...

Jquery实现简单的轮播效果（代码管用）

2017年02月06日 11 阅读

废话不多说了，直接给大家贴jquery代码了，具体代码如下所示：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="css/index.css"><script src="js/jquery-1.11.3....

javascript实现PC网页里的拖拽效果

2017年02月06日 11 阅读

几年前，我参与设计开发一个房产网的项目，我负责前端工作，由于项目经理要求比较高，参考了很多房产类网站比较优秀的功能，想把别人比较优秀的设计和想法集合到一起，那时的设计稿和功能实现，简直就是改了又改，今天做好的一个很好的效果，可能第二天就要推到重来，算了，不说这些了，还是说说我们今天要讲解的案例吧，不知道大家访问过搜房网没有（完全没有做广告之嫌，搜房网，可以给点广告费不），其中有一个功能产品经理特别喜欢，那，就是下面的这个：这是现在的效果，可能改了一些，原来...

javascript实现数组去重的多种方法

2017年02月06日 11 阅读

废话不多说，直接拿干货！先说说这个实例的要求：写一个方法实现数组的去重。（要求：执行方法，传递一个数组，返回去重后的新数组，原数组不变，实现过程中只能用一层循环，双层嵌套循环也可写，只做参考）；先给初学者解释一下什么叫数组去重（老鸟跳过）：意思就是讲数组里面重复的元素去掉，比如说var arr = [3,2,4,2,1,2]; 数组去重得到的新数组是 [3,2,4,1]，就是这么一个功能。实现方法比较简单，实现的方式也比较多，很多大牛也写过相关的文章，之所...

jQuery实现百叶窗焦点图动画效果代码分享（附源码下载）

2017年02月06日 13 阅读

这是一款基于jQuery的百叶窗焦点图动画，和之前介绍的CSS3百叶窗焦点图动画不同的是，它的兼容性更好，实用性更强，因为它是基于纯jQuery的，基本上所有浏览器都能够支持。焦点图的图片切换动画是百叶窗的动画方式，但也有几种不同的百叶窗动画，因此也不会觉得单调。在线演示源码下载HTML代码<div id="slider"><img src="images/1.jpg" alt="脚本之家1" title="脚本之家大全" />&...

使用javascript插入样式

2017年02月06日 12 阅读

一、用javascript插入<style>样式有时候我们需要利用js来动态生成页面上style标签中的css代码，方法很直接，就是直接创建一个style元素，然后设置style元素里面的css代码，最后把它插入到head元素中。但有些兼容性问题我们需要解决。首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可，而在IE中则需要利用style元素的styleSheet.cssText来解决。还需...

php基于redis处理session的方法

2017年02月06日 13 阅读

一个基于redis的处理session的方法，如下。<?phpclass Session_custom {private $redis; // redis实例private $prefix = "sess_"; // session_id前缀// 会话开始时，会执行该方法，连接redis服务器public function open（$path, $name） {$this->redis = new Redis（）;return $th...

基于javascript html5实现3D翻书特效

2017年02月06日 11 阅读

这是一款十分炫酷的HTML5 3D书本翻页动画，效果相对比较简单，拖拽鼠标模拟用手翻页，更漂亮的是翻页过程中，呈现出逼真的3D立体效果。书本中的文字和图片也会3D展示，非常酷。在线演示源码下载HTML代码<div class="book p3d"> <div class="back-cover p3d"> <div class="page back flip"></div> <div class="p...

原生javascript+css3编写的3D魔方动画旋扭特效

2017年02月06日 11 阅读

一直从事于后端编程工作，工作中也经常接触和使用一些前端技术，但大多数还是用于操作和控制数据与客户端交互工作。随着互联网技术的发展以及硬件性能的不断提升，人们对于交互式体验已变得越来越重视，进而前端技术已经越来越突显出它的重要性，特别是一些炫酷的特效，精美的UI设计，都使人眼前一亮，顿时觉得网站平台都高大上不少，很博人们眼球，给人们以很好的视觉冲击，特别是现在的css3,HTML5技术的更新，使得以更小的代价就可以轻松实现这些效果，故此，顿时膜拜起前端技术，...

一步步教大家编写酷炫的导航栏js+css实现

2017年02月06日 11 阅读

一步一步的学习制作导航栏，文章末尾再做个综合页面，分享给大家一个炫酷的导航栏供大家参考，具体内容如下1.当前页面高亮显示的导航栏首先是HTML代码,很简单,ul+li实现菜单<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>导航栏一</title></head><body><...

Angularjs整合微信UI（weui）

2017年02月06日 12 阅读

引子不久前，微信推出了自己的一套UI，我看有很多开发者将其套用在了一些前端框架中，比如react、vue。最近自己在学习Angularjs，所以，也想把这个UI整合到这个框架，这几天试了一下，简单的套用了一个功能，现在分享给大家，分离做的不好，请高手指点。适合读者有一定的Angularjs基础，并且了解ngRoute、ngAnimate的人群。包含文件整合的时候，参照官方的演示页面，自己也做了一个演示页面，完全使用Angularjs做的，没有引用其它框架。...

JavaScript正则表达式匹配 divstyle标签

2017年02月06日 11 阅读

测试字符串：<style>v:* { BEHAVIOR: url（#default#VML） } o:* { BEHAVIOR: url（#default#VML） } w:*{ BEHAVIOR: url（#default#VML） } .shape { BEHAVIOR: url（#default#VML） }</style> abcdefg <style>@font-face { font-family: Wing...

JavaScript隐式类型转换

2017年02月06日 15 阅读

JavaScript的数据类型是非常弱的（不然不会叫它做弱类型语言了）！在使用算术运算符时，运算符两边的数据类型可以是任意的，比如，一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算，是因为JavaScript引擎在运算之前会悄悄的把他们进行了隐式类型转换的，如下是数值类型和布尔类型的相加：复制代码代码如下:3 + true; // 4结果是一个数值型！如果是在C或者Java环境的话，上面的运算肯定会因为运算符两边的数据类型不一致而导致报错的！...

首页 / 脚本样式 / JavaScript

简单谈谈json跨域

深入探究JavaScript中for循环的效率问题及相关优化

Javascript数组Array基础介绍

GitHub上一些实用的JavaScript的文件压缩解压缩库推荐

Javascript数组Array方法解读

使用jQuery操作HTML的table表格的实例解析

JS中创建函数的三种方式及区别

node模块机制与异步处理详解

Jquery实现简单的轮播效果（代码管用）

javascript实现PC网页里的拖拽效果

javascript实现数组去重的多种方法

jQuery实现百叶窗焦点图动画效果代码分享（附源码下载）

使用javascript插入样式

php基于redis处理session的方法

基于javascript html5实现3D翻书特效

原生javascript+css3编写的3D魔方动画旋扭特效

一步步教大家编写酷炫的导航栏js+css实现

Angularjs整合微信UI（weui）

JavaScript正则表达式匹配 divstyle标签

JavaScript隐式类型转换