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

快速实现jQuery多级菜单效果

2017年02月06日 105 阅读

利用js或者jquery最快速实现导航条的多级菜单效果。我这个代码用的是jquery1.9.1，ie8以下的兼容有待考虑，主要是代码的简介性，write less,do more.<！DOCTYPE html><html lang="en"><meta charset="utf-8"><head><title></title><style type="text/css">....

基于javascript实现最简单选项卡切换

2017年02月06日 94 阅读

本文教大家用原生js实现的最简单选项卡切换效果，鼠标滑过，对应的隐藏部分显示，并且样式发生改变。代码最简洁，js行为优化版，复制粘贴即可使用。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>javascript-实现最简易选项卡</title><style>body,ul,li{margi...

javascript实现右下角广告框效果

2017年02月06日 100 阅读

本文教大家用原生js实现的简单网页主页右下角的广告框效果，利用好绝对定位，点击X关闭广告，里面的内容不管动图或者视频都可以。代码最简洁，js行为优化版，复制粘贴即可使用。演示部分<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>右下角广告框效果</title></head><styl...

javascript实现简易计算器

2017年02月06日 101 阅读

前言hello，大家好，学习一段时间了，学习了框架和后台的内容，为了防止前端的js和jq的熟练度不够，忘记很多算法和基础用法，会陆陆续续更新一些小的功能效果code，用于记录和积累，不足之处很多，封装性和代码冗余暂且不严格要求，尽力完善，保持更新..简易加减乘除计算器，利用表单的value值取值，用原生js实现.可直接复制到编辑器，打开即可运行.<！DOCTYPE html><html> <head> <meta ...

Javascript中的 “&” 和 “|” 详解

2017年02月06日 183 阅读

一、前言：在文章开始之前，先出几个题目给大家看看：var num1 = 1 & 0;console.log（num1）; // 0var num2 = "string" & 1;console.log（num2）; // 0var num3 = true & 1;console.log（num3）; // 1 var num4 = undefined | false;console.log（num4）; // 0 var num5 = undefined ...

浅谈javascript中的 “ && ” 和 “ || ”

2017年02月06日 177 阅读

有时候，我们会在jQuery框架或者其他js插件中发现里面有很多 “ && ” 和 “ || ”，那么这两个标识到底是什么含义？怎么使用？我觉得还是有必要稍微深究一下。一、原理:&& 操作符特点：逻辑运算表达式中只要一个是false就取false的值，都是true取后面，都是false取前面。|| 操作符特点：逻辑运算表达式中只要一个是true就取true的值，都是true取前面，都是false取后面。在js逻辑运算中，我们知道 0、""、null、fal...

jQuery制作图片旋转效果

2017年02月06日 93 阅读

以前用JQuery写过一个纵深方向上的图片旋转效果，在这里拿出来跟大家分享下,贴上一张图片看看效果是如何的：其实现原理并不复杂，在数学上只用到了其中的正弦函数，制作过程大致如下：（1）先定义好图片旋转的半径（2）图片旋转的过程需要用到setInterval（）方法，来获取每一张图片所在位置的的角度，角度会根据时间变化逐渐变化（3）根据一个数学公式：x=R*SIN（deg）可以获得图片在X方向的位置（4）透明度的设置其实也是根据图片旋转时候的角度来定的。初始...

jQuery实现复选框的全选和反选

2017年02月06日 87 阅读

话不多说，请看代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <form> <label for="apple">苹果</label> <input type="chec...

JS实现购物车特效

2017年02月06日 83 阅读

效果：1.点击全选按钮可以全选，再点击就全不选2.点击数量 ‘ + " ‘ - " 可以自动计算。并且合计保持更新。当数量大于1时‘ - "出现。小于等于1时‘ - "消失3.点击删除可以实现删除功能。4.点击全选旁的删除按钮可以全部删除。5.选好商品后点击已选商品，可以显示选中的商品6.选中的商品可以取消选择。<！DOCTYPE html><html><head><meta charset="UTF-8">...

JavaScript字符集编码与解码详谈

2017年02月06日 128 阅读

一、字符集1）字符与字节（Character）字符是各种文字和符号的总称，包括乱码；一个字符对应1~n个字节，一字节对应8位，每位用0或1表示。2）字符集（Character Set）字符集是多个字符的集合，每个字符集包含的字符个数不同，常见字符集名称：ASCII字符集、GB2312字符集、Unicode字符集等。3）字符集编码（Character Encoding）字符集编码就是将符号转换为计算机可读的二进制，解码就是把二进制转换为人类可读的符号。字符集...

JavaScript优化以及前段开发小技巧

2017年02月06日 121 阅读

一、网络优化YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。之所以要做合并压缩是因为：HTTP 1.x不允许一个连接上的多个响应数据交错到达（多路复用），因而一个响应必须完全返回后，下一个响应才会开始传输。也就是说即使客户端同时发送了两个请求，而且CSS...

常用jQuery选择器汇总

2017年02月06日 94 阅读

学习【js DOM 编程艺术】，最后面有许多jQuery的选择器，每个都动手敲了一遍。jQuery 提供了高级选择器的方法。js获取元素的三个基本方法分别是通过标签名，类名和id，即（getElementsByTagName, getElementsByClassName和getElementById）。那么jQuery是如何获取呢?通过标签获取：$（"tag"）通过类名获取：$（".className"）通过id获取：$（"#id"）除了上面个三...

windows 下安装nodejs 环境变量设置

2017年02月06日 127 阅读

要设置两个东西,一个是PATH上增加node.exe的目录C:Program Files odejs,一个是增加环境变量NODE_PATH,值为C:Program Files odejs ode_modules一、下载去nodejs下载node.msi安装文件包，里面包含了node.js和npm；双击node.msi就行了，选择安装路径和npm；二、设置环境变量[新版本都不需要设计环境变量了，软件会自动写入环境变量]计算机（或者我的电脑）右击属性-》高级系...

JavaScript数组复制详解

2017年02月06日 117 阅读

前面的话前面的博文中介绍了对象拷贝，本文将详细介绍数组复制pushfunction copyArray（arr）{var result = [];for（var i = 0; i < arr.length; i++）{result.push（arr[i]）;}return result;}var obj1=[1,2,3];var obj2=copyArray（obj1）;console.log（obj1）; //[1,2,...

理解javascript中的Function.prototype.bind的方法

2017年02月06日 98 阅读

在初学Javascript时，我们也许不需要担心函数绑定的问题，但是当我们需要在另一个函数中保持上下文对象this时，就会遇到相应的问题了，我见过很多人处理这种问题都是先将this赋值给一个变量（比如self、_this、that等），尤其是var that = this是我见的最多的，这样当你改变环境之后就可以使用它。这些都是可以的，但是还有一种更好的、更专有的方法，那就是使用Function.prototype.bind，下面进行详尽的讲解。第一部...

漂亮实用的页面loading（加载）封装代码

2017年02月06日 122 阅读

要做一个异步登录，打算给用户做一点提示，所以就网上找了点代码，自己修改新增了一些，做了一个html+css+js的功能封装，以备未来直接使用。html<！-- 缓冲提示条 --> <div class="buffer hidden" id="buffer" > <div class="spinner"><span class="buffer_tip" id="buffer_tip" >正在登陆</spa...

jquery实现刷新随机变化样式特效（tag标签样式）

2017年02月06日 122 阅读

tag标签随机多彩变化的超链接样式，使用JQ+DIV+CSS实现刷新随机变化样式特效。jquery版的随机多彩tag标签随机css字体颜色和字号大小效果。于是就写下这个效果与大家分享，办法也很笨拙，就是利用jquery随机数来遍历#tag中所有的a链接为其添加一个随机的类名。然后预先定义了12个链接样式。你可以自定义类似 #tags .tags1 这样的css以实现你需要的字体样式。这里的jquery随机多彩tag标签随机颜色和字号大小效果样式只是演示随便...

JavaScript中for循环的几种写法与效率总结

2017年02月06日 127 阅读

前言对于for循环，相信大家再常用不过了。但是这回说下for循环是因为看代码时我居然没有看明白一个for循环的意思，真是不应该啊。这个for循环是这么写的：for （var i = 0, rule; rule = rules[i++];） { //do something}这个写法是什么意思呢？后面再说，现卖个关子，这个写法我感觉还是挺好的。for循环写法对效率的影响说上面那段代码之前，先说一下for循环的效率问题。在接触js时关于for循环的写法和对效率...

Javascript中数组去重与拍平的方法示例

2017年02月06日 107 阅读

数组的判断在说如何进行数组的去重和拍平之前，先说一下怎么判断数组，因为要进行数组的处理当然要先判断下传过来的数据是不是数组。首先我们都知道js的数据类型只有5种，分别是Undefined、Null、Boolean、Number和String，数组只是一个对象，用typeof（[]）返回的结果知识一个Object的字符串，因此我们需要通过其他手段来判断它，这里就说两种方法。第一种用instenceof方法instanceof是ES5提供的一个方法，它可以用来...

nodejs基础知识

2017年02月06日 117 阅读

什么是nodejs?node.js是基于Chrome javaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。（但nodejs不是javascript应用,nodejs采用c++语言编写）js是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。对于需要独立运行的JS，nodejs就是一个解析器。每一种解析器都是一个运行环境，可以干以下事情： 1.允许JS定义各种数据结构...

首页 / 脚本样式 / JavaScript

快速实现jQuery多级菜单效果

基于javascript实现最简单选项卡切换

javascript实现右下角广告框效果

javascript实现简易计算器

Javascript中的 “&” 和 “|” 详解

浅谈javascript中的 “ && ” 和 “ || ”

jQuery制作图片旋转效果

jQuery实现复选框的全选和反选

JS实现购物车特效

JavaScript字符集编码与解码详谈

JavaScript优化以及前段开发小技巧

常用jQuery选择器汇总

windows 下安装nodejs 环境变量设置

JavaScript数组复制详解

理解javascript中的Function.prototype.bind的方法

漂亮实用的页面loading（加载）封装代码

jquery实现刷新随机变化样式特效（tag标签样式）

JavaScript中for循环的几种写法与效率总结

Javascript中数组去重与拍平的方法示例

nodejs基础知识